/* CSS Document */

body {
	scrollbar-Dark-Shadow-Color="#000000";
 	scrollbar-3dLight-Color="#000000";
 	scrollbar-Arrow-Color="#000000";
 	scrollbar-Base-Color="#FFFFFF";
 	scrollbar-Face-Color="#FFFFFF";
 	scrollbar-Highlight-Color="#FFFFFF";
 	scrollbar-Shadow-Color="#FAFAFA";
 	scrollbar-Track-Color="#FAFAFA";
	
	margin:0;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:normal;
	
	}
#global {
	visibility: visible;
	width: 955px;
	margin-left: auto;					/* gere les marge pour un centrage parfait */
	margin-right: auto;					/* nécessite de spécifier le width */
	text-align: left;					/* Bug IE: correctif */
	margin-bottom:10px;
	}
.annulfloat {
	clear:both;
	visibility:hidden;
	margin:0; 
	padding:0;
	}
h3 {
	font-size:1em;
	color:#841051;
	font-weight:bold;
	margin:0;
	padding:0 0 0 14px;
	background: url(../img/pict-violet.gif) no-repeat 0 50%;
	}
h2.titre {
	font-size:1em;
	font-weight:bold;
	color:#006600;
	margin:16px;
	padding:5px 0;
	border-bottom:1px dotted #666;
	border-top:1px dotted #666;
	}
.retour a {
	font-size:0.9em;
	margin-left:17px;
	color:#841051;
	text-decoration:underline;
	font-weight:normal;
	}
.retour a:hover {
	color:#841051;
	text-decoration:none;
	}		
/*////////////////////////// Bandeau //////////////////////////*/
#bandeau {
	width:955px;
	height:233px;
	}
#bandeau h1, #img-bandeau {
	float:left;
	}
#bandeau h1 {
	margin:0;
	padding:0;
	}
#menu-annexe {
	float:left;
	width:150px;
	}
	#menu-annexe ul {
		margin:122px 0 0 0;
		padding:0;
		list-style-type:none;
		}
	#menu-annexe ul li {
		margin:0 0 3px 0;
		padding:0 0 0 20px;
		background: url(../img/bk-menu-annexe.gif) no-repeat bottom left;
		height:20px;
		}
	#menu-annexe ul li a {
		color:#000;
		text-decoration:none;
		}
	#menu-annexe ul li a:hover {
		color:#006600;
		text-decoration:none;
		}
#img-bandeau img {
	margin-top:9px;
	}

/* SLIDESHOW */
.imageSlideshowHolder,.imageSlideshowHolder_left{
	margin:0;	/* "Air" */
	float:left; /* Floating gallery at the right side of other web page content */		
	width:666px;	/* Image width */
	height:224px;	/* Image height */
	position:relative;	/* Don't remove this line */
	}
.leftFloatingDiv{
	float:left;
	width:666px;
	height:224px;
	}
	/* Don't change these values */
.imageSlideshowHolder img{
	position:absolute;
	left:0px;
	top:0px;
	}

#bord {
	float:right;
	}

/*////////////////////////// Menu //////////////////////////*/	
#nav {
	width:955px;
	height:53px;
	background: url(../img/bk-menu.jpg);
	}
#nav ul, #nav li { 
	list-style:none; 
	margin:0; padding:0;
	}
#nav ul, #nav li { 
	list-style:none;
	margin:0;
	padding:0;
	}
#nav li { 
	position:relative; 
	float:left; 
	margin:0; 
	padding:0;
	}
#nav li a{ 
	float:left;
	display:block;
	height:53px;
	margin:0;
	padding:0;
	color:#7ca800;
	font:normal 14px/14px Verdana,Arial,sans-serif;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
	}
#nav li a span {
	position:absolute;
	left:0;
	top:0;
	height:53px;
	background:transparent top left no-repeat;
	}
#nav li a:hover span {
	background-position:0 -63px;
	}
#nav li#item1, #nav li#item1 a, #nav li#item1 a span {
	width:193px;
	}
#nav li#item1 a span {
	background-image:url(../img/bout-catalogue.png);
	}
#nav li#item2, #nav li#item2 a, #nav li#item2 a span {
	width:236px;
	}
#nav li#item2 a span {
	background-image:url(../img/bout-meilleures-ventes.png);
	}
#nav li#item3, #nav li#item3 a, #nav li#item3 a span {
	width:147px;
	}
#nav li#item3 a span {
	background-image:url(../img/bout-nouveautes.png);
	}
#nav li#item4, #nav li#item4 a, #nav li#item4 a span {
	width:111px;
	}
#nav li#item4 a span {
	background-image:url(../img/bout-contact.png);
	}
#nav li#item5, #nav li#item5 a, #nav li#item5 a span {
	width:95px;
	}
#nav li#item5 a span {
	background-image:url(../img/bout-cgv.png);
	}
#nav li#item6, #nav li#item6 a, #nav li#item6 a span {
	width:173px;
	}
#nav li#item6 a span {
	background-image:url(../img/bout-livraison.png);
	}
	
/*////////////////////////// Bloc //////////////////////////*/	
#bloc {
	width:955px;
	background: url(../img/traits.gif) repeat bottom left;
	padding-bottom:20px;
	}
#ssmenu {
	width:192px;
	float:left;
	background: url(../img/bk-menu-gauche-g.gif) no-repeat top left;
	}
#plandusite #ssmenu {
	width:400px;
	float:left;
	background:#fff;
	}
#contenu {
	width:591px;
	float:left;
	}
*html #droite {
	float:right;
	width:160px;
	background:#fff url(../img/bk-bloc-d.gif) no-repeat top right;
	}
html>body #droite {
	float:right;
	width:160px;
	background:#fff url(../img/bk-bloc-d.gif) no-repeat top right;
	margin-right:11px;
	}
	
/*////////////////////////// Sous-menu gauche //////////////////////////*/	
#ssmenu ul {
	margin:30px 0 0 1px;
	padding:0;
	list-style-type:none;
	}
#plandusite #ssmenu ul {
	margin:0;
	padding:0;
	list-style-type:none;
	}
*+html #ssmenu ul ul {             /* hack IE7 */
	margin:10px 0 5px -25px;
	padding:0;
	list-style-type:none;
	}
*+html #plandusite #ssmenu ul ul {             /* hack IE7 */
	margin:0 0 0 -25px;
	padding:0;
	list-style-type:none;
	}
*html #ssmenu ul ul {              /* hack IE6 */
	margin:10px 0 5px -25px;
	padding:0;
	list-style-type:none;
	}
*html #plandusite #ssmenu ul ul {              /* hack IE6 */
	margin:0 0 0 -25px;
	padding:0;
	list-style-type:none;
	}
html>/**/body #ssmenu ul ul {      /* hack Firefox */
	margin:10px 0 5px 0;
	padding:0;
	list-style-type:none;
	}
html>/**/body #plandusite #ssmenu ul ul {      /* hack Firefox */
	margin:0 0 0 0;
	padding:0;
	list-style-type:none;
	} 
#ssmenu ul li {
	margin:10px 0 4px 0;
	padding:0 3px 3px 25px;
	font-weight:bold;
	background: url(../img/bk-menu-gauche.gif) no-repeat bottom left;
	}
#plandusite ul li {
	background: #f7f7f7;
	}
#plandusite #ssmenu ul li {
	margin:0 0 4px 0;
	padding:0 3px 0 27px;
	background: url(../img/fd-list-panier.gif) no-repeat 4% 0%;
	line-height:13px;
	}
#ssmenu ul ul li {
	margin:0;
	padding:0 0 0 36px;
	background: url(../img/bk-menu-gauche2.gif) no-repeat bottom left;
	line-height:13px;
	font-weight:normal;
	}
#plandusite #ssmenu ul ul li {
	margin:0;
	padding:0 0 0 36px;
	background: #fff;
	line-height:13px;
	}
		#ssmenu ul li a, #ssmenu ul ul li a, #plandusite #ssmenu ul li a {
		color:#841051;
		text-decoration:none;
		}
		#ssmenu ul li a:hover, #ssmenu ul ul li a:hover, #plandusite #ssmenu ul li {
		color:#000;
		text-decoration:none;
		}
	
/*////////////////////////// Centre //////////////////////////*/
#chemin {
	margin:0 0 4px 0;
	padding:0;
	font-size:0.9em;
	}
#chemin ul {
	margin:0 20px 0 20px;
	padding:0;
	list-style-type:none;
	}
#chemin ul li {
	margin:0;
	display:inline;
	font-weight:bold;
	}
#chemin ul li a, #chemin a {
	color:#666;
	text-decoration:none;
	font-weight:normal;
	}
#chemin ul li a:hover, #chemin a:hover {
	color:#3b883b;
	text-decoration:none;
	}
#chemin span {
	margin:0 0 0 4px;
	padding:0;
	color:#666;
	}
#encarts {
	width:591px;
	background: url(../img/bk-menu-contenu.gif) no-repeat top left;
	height:326px;
	margin-bottom:12px;
	}
#encart1, #encart2 {
	float:left;
	background-color:#f7f7f7;
	width:252px;
	height:326px;
	}
*html #encart1, *html #encart2 {
	margin-left:15px;
	}
html>body #encart1, html>body #encart2 {
	margin-left:29px;
	}
#encart1 img, #encart2 img {
	margin:0 15px 15px 15px;
	}
#encart1 h2, #encart2 h2 {
	color:#006600;
	margin:15px 15px 0 15px;
	}
#encart1 h2 {
	font-weight:normal;
	padding-bottom:10px;
	border-bottom:1px dotted #666;
	font-size:0.9em;
	}
#encart2 h2 {
	font-weight:bold;
	padding:0;
	font-size:1em;
	}
#contenu #encart1 ul {
	margin:10px 15px 10px 15px;
	padding:0;
	list-style-type:none;
	}
#encart2 p {
	margin: 5px 15px 10px 15px;
	padding:0;
	}
#produit {
	float:left;
	width:295px;
	height:100px;
	margin:10px 0 10px 0;
	background: url(../img/fd-produits.gif) no-repeat bottom right;
	}
#produit-img {
	float:left;
	width:100px;
	margin:0 5px 0 20px;
	}
#contenu #produit ul {
	float:right;
	margin:5px 0 0 0;
	padding:0 0 0 14px;
	list-style-type:none;
	text-align:left;
	width:133px;
	}
.loupe, .loupe a {
	margin-top:10px;
	padding:2px;
	border:0;
	}
.loupe a:hover {
	border:1px dotted #333;
	}

/*////////////////////////// Colonne droite //////////////////////////*/
#panier {
	margin:0 1px 0 0;
	padding:6px 4px 10px 4px;
	background-color:#f7f7f7;
	width:160px;
	color:#841051;
	font-weight:normal;
	}
#panier fieldset {
	margin:0;
	padding:3px;
	border:1px solid #841051;
	font-weight:normal;
	}
#panier legend {
	color:#841051;
	text-align:center;
	font-weight:normal;
	}
#panier legend a {
	color:#841051;
	text-decoration:none;
	}
#panier legend a:hover {
	color:#000;
	text-decoration:none;
	}
#panier img {
	vertical-align:middle;
	margin-right:7px;
	}
#panier ul {
	margin:10px 0 0 0;
	padding:0;
	list-style-type:none;
	}
#panier ul li {
	margin:0;
	padding:0 0 0 10px;
	background: url(../img/fd-list-panier.gif) no-repeat top left;
	}
.frais {
	padding: 20px 2px 0 0;
	background-color:#fff;
	}
#inform-nouv {
	margin:0 1px 0 0;
	padding:20px 0 26px 0;
	background-color:#fff;
	width:167px;
	text-align:center;
	color:#006600;
	background: url(../img/inform.gif) no-repeat bottom right;
	}
#inform-nouv input {
	border:1px solid #006600;
	font-size:0.8em;
	padding:2px 0 2px 4px;
	margin:10px 0 0 0;
	color:#006600;
	}
#inform-nouv span {
	font-weight:normal;
	}
html>/**/body .ok {
	vertical-align:top;
	margin-top:10px;
	}
*+html .ok {
	vertical-align:top;
	margin-top:11px;
	background-color:#006600;
	}
*html .ok {
	vertical-align:top;
	margin-top:11px;
	}
.facebook a {
	font:bold 1.2em Arial,Helvetica,sans-serif;
	color:#3b5999;
	text-decoration:none;
	}
.facebook a:hover {
	color:#cc0000;
	text-decoration:none;
	}

/*////////////////////////// PIED //////////////////////////*/
#bottom {
	clear:both;
	width: 955px;
	}
#pied {
	clear:both;
	width: 955px;
	height:30px;
	background: url(../img/fd-pied.gif) no-repeat top left;
	margin:0 0 4px 0;
	padding:0;
	text-align:center;
	font-size:0.85em;
	}
#pied ul {
	margin:0;
	padding:0;
	list-style-type:none;
	}
#pied ul li {
	margin:0;
	display:inline;
	line-height:3em;
	}
#pied ul li a {
	font-weight:normal;
	color:#666;
	text-decoration:none;
	}
#pied ul li a:hover {
	color:#3b883b;
	text-decoration:none;
	}
#pied span {
	margin:0 12px 0 12px;
	padding:0;
	color:#666;
	}

/*////////////////////////// Catalogue //////////////////////////*/
#list-categorie {
	margin:0 0 0 14px;
	padding:0;
	font-size:0.9em;
	}
#list-categorie ul {
	margin:0;
	padding:0;
	list-style-type:none;
	}
#list-categorie ul li {
	margin:0;
	padding:2px 5px 2px 5px;
	width:270px;
	float:left;
	border:1px solid #fff;
	background-color:#F7F7F7;
	}
#list-categorie ul li a {
	width:300px;
	color:#000;
	text-decoration:none;
	}
#list-categorie ul li a:hover {
	color:#841051;
	text-decoration:none;
	}
#navigation {
	margin:0 0 0 16px;
	padding:0;
	font-size:0.9em;
	}
#navigation ul {
	margin:0;
	padding:0;
	list-style-type:none;
	}
#navigation ul li {
	margin:0;
	padding:14px 0 0 0;
	float:left;
	height:28px;
	border-bottom:1px dotted #c7c7c7;
	border-top:1px dotted #c7c7c7;
	}
#navigation ul li.item1 {
	width:85px;
	}
#navigation ul li.item2 {
	width:180px;
	}
#navigation ul li.item3 {
	width:294px;
	text-align:center;
	}
#navigation ul li a {
	color:#000;
	text-decoration:none;
	}
#navigation ul li a:hover {
	color:#841051;
	text-decoration:none;
	}
#navigation select, #article select {
	margin:0;
	padding:0;
	font-size:0.8em;
	}
#article {
	margin:17px;
	padding:0;
	}
#article h1, #article h2 {
	font-size:1em;
	margin:0;
	padding:0 0 8px 0;
	}
#article h1 {
	font-size:1em;
	color:#841051;
	font-weight:bold;
	}
#article h2 {
	font-size:1em;
	color:#000;
	font-weight:normal;
	}
#img-article {
	float:left;
	margin:0 18px 10px 0;
	text-align:center;
	}
#img-article a {
	color:#000;
	text-decoration:none;
	}
#img-article a:hover {
	color:#841051;
	text-decoration:none;
	}
#desc-article {
	float:left;
	width:389px;
	}
#modeles, #prix, #quantite {
	float:left;
	height:50px;
	margin-right:5px;
	padding:5px;
	background-color:#F7F7F7;
	border:1px dotted #c7c7c7;
	}

#quantite input {
	border:1px solid #999;
	font-size:0.8em;
	}
	
/*////////////////////////// Contact //////////////////////////*/
#contact-adresse {
	margin:0 17px 0 17px;
	padding:1em 0 0 0;
	border-top:1px dotted #c7c7c7;
	}
	
/*////////////////////////// Panier //////////////////////////*/
#panier-contenu {
	margin:0 0 0 17px;
	}
#panier-contenu table {
	border:0;
	padding:5px;
	}
#panier-contenu td {
	border-bottom:1px dotted #c7c7c7;
	padding:2px 12px 2px 0;
	}
#panier-contenu table input {
	border:1px solid #ccc;
	font-size:0.8em;
	}
#boutons input.vert, #boutons input.violet {
	font-weight: bold; 
	color:#fff;
	border:0;
	font-size:90%;
	padding:2px;
	margin:5px 0 5px 0;
	cursor:pointer;
}
.vert {
	color:#006600;
}
#boutons input.vert {
	background-color:#006600;
}
#boutons input.violet {
	background-color:#841051;
}
#livraison, #facturation {
	width:276px;
	float:left;
	 }	
#facturation {
	margin-left:6px;
}
#num-commande {
	margin:17px;
}

/*////////////////////////// Modele page //////////////////////////*/	
#contenu-text, #contenu-liens {
	 clear:both;
	 margin:10px 17px 0 17px;
	 padding:10px 0 0 0;
	 border-bottom: 1px dotted #ccc;
}
#contenu-liens h3 {
	 font-size:1em;
	 color:#006600;
	 font-weight:bold;
	 padding:0;
	 margin:0;
	}
#contenu-text img {
	 float:right;
	 margin:0 0 10px 15px;
	}
#contenu-liens img {
	 float:left;
	 margin:0 20px 10px 0;
	 border:0;
	}
#contenu-liens p a {
	color:#000;
	text-decoration:none;
	}
#contenu-liens p a:hover {
	color:#006600;
	text-decoration:none;
	}
hr.separation {
	clear:both;
	visibility:hidden;
	}

/*////////////////////////// Plan du site //////////////////////////*/
#plandusite {
	margin:0 14px 0 14px;
	padding:0;
	font-size:0.9em;
	}
#plandusite ul {
	margin:0;
	padding:0;
	list-style-type:none;
	}
#plandusite ul li {
	margin:0;
	padding:2px 5px 2px 5px;
	border:1px solid #fff;
	}
#plandusite ul li a {
	width:300px;
	color:#000;
	text-decoration:none;
	}
#plandusite ul li a:hover {
	color:#841051;
	text-decoration:none;
	}

/* ::::::::::::::::::::::: DIAPORAMA ::::::::::::::::::::::::: */
	
	#imageSlideshowHolder{

		/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

		In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
		border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
		should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

		*/
		/* CSS HACK */
		width/* */:/**/666px;	/* Other browsers */
		width: /**/666px;
		
		/* CSS HACK */
		height/* */:/**/224px;	/* Other browsers */
		height: /**/224px;
		
		border:0;
		position:absolute;	/* Never change this value */
	}
	.imageInGallery{		
		width:666px;
		height:224px;