	


	ul.colonne_vignettes {
		margin: 0 0 0 20px; padding: 0;
	}
	ul.colonne_vignettes li {
		width: 160px;
		float: left; 
		list-style-type:none;
		margin: 0 30px 0 0; padding: 0;
		
	}
	ul.colonne_vignettes li:hover {
		z-index: 99;
	}

	ul.colonne_vignettes li img {
		width: 150px;
		/* height: 100px; */
		margin: 2px 0 10px 0;
	}
	ul.colonne_vignettes li:hover img{
		z-index: 999;
		/*webkit*/
			-webkit-transform:scale(2) translateY(5px);	
			-webkit-transform-origin:top right;
			-webkit-transition:all 0.3s ease 0.2s;	 
			-webkit-box-shadow:5px 5px 10px dimgray;
			/*mozilla*/
			-moz-transform:scale(2) translateY(5px);
			-moz-transform-origin:top right;
			-moz-transition:all 0.3s ease 0.2s;
			-moz-box-shadow:5px 5px 10px dimgray;
			/*internet explorer*/
			-ms-transform:scale(2) translateY(5px);
			-ms-transform-origin:top right;
			-ms-transition:all 0.3s ease 0.2s;
			/*opera*/
			-o-transform:scale(2) translateY(5px);
			-o-transform-origin:top right;
			-o-transition:all 0.3s ease 0.2s;
			/*w3c*/
			transform:scale(2) translateY(5px);
			transform-origin:top right;
			transition:all 0.3s ease 0.2s;	
			box-shadow:5px 5px 10px dimgray; 
	}

	ul.ligne_vignettes {
		margin: 0 0 0 20px; padding: 0;
	}
	ul.ligne_vignettes li {
		width: 160px;
		float: left; 
		list-style-type:none;
		margin: 0 30px 0 0; padding: 0;
		
	}
	ul.ligne_vignettes li:hover {
		z-index: 99;
	}

	ul.ligne_vignettes li img {
		width: 150px;
		height: 100px;
		margin: 2px 0 10px 0;
	}
	ul.ligne_vignettes li:hover img{
		z-index: 999;
		/*webkit*/
			-webkit-transform:scale(2) translateY(5px);	
			-webkit-transform-origin:top left;
			-webkit-transition:all 0.3s ease 0.2s;	 
			-webkit-box-shadow:5px 5px 10px dimgray;
			/*mozilla*/
			-moz-transform:scale(2) translateY(5px);
			-moz-transform-origin:top left;
			-moz-transition:all 0.3s ease 0.2s;
			-moz-box-shadow:5px 5px 10px dimgray;
			/*internet explorer*/
			-ms-transform:scale(2) translateY(5px);
			-ms-transform-origin:top left;
			-ms-transition:all 0.3s ease 0.2s;
			/*opera*/
			-o-transform:scale(2) translateY(5px);
			-o-transform-origin:top left;
			-o-transition:all 0.3s ease 0.2s;
			/*w3c*/
			transform:scale(2) translateY(5px);
			transform-origin:top left;
			transition:all 0.3s ease 0.2s;	
			box-shadow:5px 5px 10px dimgray; 
	}

	
	
	ul.ligne_boutique {
		margin: 0 0 0 20px; padding: 0;
	}
	ul.ligne_boutique li {
		/* width: 160px; */
		float: left; 
		list-style-type:none;
		margin: 0 30px 5px 0; padding: 0;
		z-index: 99;
	}
	ul.ligne_boutique p {
		margin: -5px 0px 0px 0;
	}
	
	
	ul.ligne_boutique a img.ombre_vignette {
		/* width: 150px; */
		height: 100px;
		margin: 2px 0 3px 0;
	}
	ul.ligne_boutique a:hover img.ombre_vignette {
		z-index: 999;
		/*webkit*/
			-webkit-transform:scale(1.2) translateY(5px);	
			-webkit-transform-origin:50% 50%;
			-webkit-transition:all 0.3s ease 0.2s;	 
			-webkit-box-shadow:5px 5px 10px dimgray;
			/*mozilla*/
			-moz-transform:scale(1.2) translateY(5px);
			-moz-transform-origin:50% 50%;
			-moz-transition:all 0.3s ease 0.2s;
			-moz-box-shadow:5px 5px 10px dimgray;
			/*internet explorer*/
			-ms-transform:scale(1.2) translateY(5px);
			-ms-transform-origin:50% 50%;
			-ms-transition:all 0.3s ease 0.2s;
			/*opera*/
			-o-transform:scale(1.2) translateY(5px);
			-o-transform-origin:50% 50%;
			-o-transition:all 0.3s ease 0.2s;
			/*w3c*/
			transform:scale(1.2) translateY(5px);
			transform-origin:50% 50%;
			transition:all 0.3s ease 0.2s;	
			box-shadow:5px 5px 10px dimgray; 
	}
	

	
	
	
	
	
body	{background:#fefefe; font:normal 13px/1.2 arial, verdana, sans-serif; margin:0 auto 10px; overflow-y:scroll;}
h1	{font-size: 250%; color: #555; margin : 20px auto 3px;}
h2	{font-size: 175%; color: #999; margin : -3px auto 0;}
h3	{font-size: 150%; color: #777; margin : -3px auto 0;}
h4	{font-size: 80%; color: #777; margin : -1px auto 0;}

.texte {text-align:left;}
.texte_form_boutique {font:normal 11px/1.2 arial, verdana, sans-serif;}
.ombre_vignette {border-width: 0;-moz-box-shadow: 2px 2px 10px #aaa; -webkit-box-shadow: 2px 2px 10px #aaa; box-shadow: 2px 2px 10px #aaa;} 
.ombre_titre {text-shadow: 2px 2px 7px #777;} 
.style-ligne {clear:both;  display:block; color:#000; width:100%; margin:2px auto 10px; overflow:visible;}
.zone-vignette {min-width:100%; margin:0px auto 10px; left:0; top:15; overflow:visible !important; }
.petite_case {vertical-align:top;text-align:center; width:34px; padding-top:7px; border:0;}
.bouton {position: relative; border:0; margin:-32px 40px 0 0; float: right;}
.bouton_boutique {position: relative; border:0; margin:-40px 270px 0 0; float: right;}
.case_fb {vertical-align:top;text-align:left; padding-top:8px; padding-left:5px; border:0;}
.fb-like {margin:0 0 25px 20px; width: 160px; float: left;}
.case_panier {border:0; margin-top:-16px; text-align:left; padding-left:20px;}
.clear{clear:both;  display:block;  height: 0;  font-size: 1px;  line-height: 0px;}
		
#zone-titre {width: 90%; height:80px; padding:0 0 0 85px; top:0; overflow:visible !important; text-align:left;}
	  
#page-principale {margin:0 250px 0 0; padding : 0 85px; border-style: none solid none none; border-color:#000; border-width:1px;}
#colonne {width:220px; position:absolute; top:120px; right:0; margin:0; padding:10 0 0 0; overflow:visible !important;}
	
#zone-texte {width:380px; height:480px; position:absolute; margin:5px auto 10px; left:0; top:15; overflow:visible !important; text-align:justify; text-indent:8mm;}


#acheter {position:relative; top:20px;}
#bouton-acheter {position:absolute; top: 1px; right: 10px;}

#zone-nav {width:220px; position:absolute; margin:-10px auto 10px; top:30px; right:0; border:0; }

