@charset "utf-8";
/* CSS Document */
*  { box-sizing:border-box; }

.shopIndexContainer { width:100%; display:table; margin-bottom:10px; }
	.shopIndexContainerTitle { width:100%; display:table-row; background-color:#C60; }
	.shopIndexContainerPict { width:100%; display:table-row; position:relative; }
		.image { 
			opacity: 1;
			display: block;
			width: 100%;
			height: auto;
			transition: .5s ease;
			backface-visibility: hidden;
		}
		
		.shopIndexContainerPictMiddle {
			transition: .5s ease;
			opacity: 0;
			position: absolute;
			top:50%;
			left:1%;
			transform: translate(-1%, -50%);
			-ms-transform: translate(-1%, -50%);
			text-align: center;
		}
		
		.shopIndexContainerPict:hover .image {
			opacity:0.1;
		}
		
		.shopIndexContainerPict:hover .shopIndexContainerPictMiddle {
			opacity:1;
		}
		
		
		.shopIndexContainerPictMiddle div  {
			color:#FFFFFF;
			font-size:16px;
			padding:5%;
		}
		
		.shopIndexContainerPictMiddle div a:link, .shopIndexContainerPictMiddle div a:visited {
			margin-top:20px;
			background-color:#FFFFFF;
			text-decoration:none;
			color:#CC6600;
			padding:10px 20px;
			border-radius:7px;
		}
		
		.shopIndexContainerPictMiddle div a:hover, .shopIndexContainerPictMiddle div a:active {
			text-decoration:none;
			color:#000000;
		}
	
	.shopIndexContainerIntro { width:100%; display:table-row; text-align:justify; background-color:#FFFFFF; color:#000; }
	.shopIndexContainerPrix { width:100%; display; table-row; text-align:center; background-color:#C60; padding:10px 0px; }