/* GENERAL */

#kirsch-content .titre-content
{
   font-family: "fff_tusjbold";
   text-transform: uppercase;
   text-align: center;
   font-size: 3vw;
   padding-top: 4%;
   letter-spacing: 4px;
   color: #CD0028;
}

.separation-content-vertical-1
{
    background-color: black;
    height: 5.5em;
    width: 1px;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 1.5%;
    margin-top: 1.8%;
}

.separation-content-vertical-2
{
    background-color: black;
    height: 5.5em;
    width: 1px;
    position: relative;
    margin-bottom: 1.5%;
    margin-top: 1.8%;
    margin-left: 26.5%;
}

.separation-content
{
    background-color: black;
    height: 1px;
    width: 11.5%;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 5.5%;
    margin-top: 1.5%;
}

/* LES POINTS DE VENTE */


.shop-type,
.shop-type-resp 
{
	margin-top: 7%;
}
	
.traiteur-shop-img
{
	width: 10%;
	margin-right: 2%;
}

.boucherie-shop-img,
.poissonnerie-shop-img
{
	width: 25%;
	margin-right: 2%;
}

.black-image
{	
	background-color: rgba(0,0,0,0.75);
	position: relative;
	width: 100%;
	height: 100%;
	position: absolute;
	display: none;
}

.pallcenter-shop-img
{
	position: absolute;
	top: 5%;
	width: 20%;
}

	.pallcenter-shop-img.left
	{
		left: 5%;
	}

	.pallcenter-shop-img.right
	{
		right: 5%;
	}

.menu
{
	bottom: 40%;
	position: absolute;
	width: 100%;	
}

	.menu .lien-a,
	.menu .lien-p
	{
		color: white;
		display: inline-block;
		font-family: "fff_tusjbold";
		font-size: 3vw;
		line-height: 0.8em;
		text-align: center;
		text-decoration: none;
		width: 100%;
		position: relative;
		letter-spacing: 4px;
	}

		.menu .lien-a:hover
		{
			color: #CD0028;
		}

.detail
{
	font-family: robotolight; 
	font-size: 1.4vw; 
	margin-left: 13%; 
	margin-top: 10%;
	color: white;
}

.nom-shop
{
	width: 90%; 
	margin-top: 6%;     
	padding-bottom: 1.5%;    
	padding-top: 1.5%; 
	text-align: center; 
	font-family: fff_tusjbold; 
	border: white 1px solid; 
	margin-left: 4%; 
	font-size: 3vw;
	color: #CD0028;
	letter-spacing: 4px;
}


#shop-content .titre-content
{
	font-family: "fff_tusjbold";
	color: #CD0028;
	font-size: 3vw;	
	text-align: center;
	width: 100%;
	padding-top: 4%;
	letter-spacing: 4px;
}

.shop-wrapper
{
	width: 80%;
	margin: 0 auto;
}

.shop-item
{
	padding-bottom: 10%;
	position: relative;
}

	.shop-item .image
	{
		padding-bottom: 50%;
		background-size: cover;
		background-position: center center;
		width: 80%;
		display: block;
		position: relative;
		cursor: pointer;
	}

	.shop-item .image.left
	{
		margin-right: auto;
	}

	.shop-item .image.right
	{
		margin-left: auto;
	}

.shop-info
{
	position: absolute;
	background-color: black;
	width: 33%;
}

	.shop-info.rightBottom
	{
		right: 0;
		top: 8%;
		min-height: 95%;
	}

	.shop-info.leftBottom
	{
		left: 0;
		top: 8%;
		min-height: 95%;
	}

	.shop-info.rightTop
	{
		right: 0;
		bottom: 26%;
		min-height: 82%;
	}

	.shop-info.leftTop
	{
		left: 0;
		bottom: 26%;
		min-height: 82%;
	}


/* LES ALLERGENES */

.allergenes
{
    width: 80%;
    margin: 0 auto;
}


    .allergenes table
    {
        width: 100%;
    }

        .allergenes table tr td
        {
            width: 33.33%;
            height: 100px;
        }

            .allergenes table tr td div
            {
                display: block;
                margin: 0 auto;
                width: 63.5%;
                padding-bottom:89.4%;
                
                background-size: cover;
                background-position: top center;
                background-repeat: no-repeat;
            }


                .allergenes table tr td div:hover
                {
                    background-position: bottom center;
                }
				
				
				
				
				
				
				
				
				
				
				
.detail-resp	
{
	display: none;
}			
				
@media screen and (max-width: 960px)
{
	.shop-wrapper
	{
		width: 100%;
		margin: 0 auto;
	}

	.shop-item .image {
		width: 100%;
	}	
	
	.shop-info {
		width: 85%;
	}
	
	.nom-shop {
		width: 45%;
		font-size: 5vw;
		float: left;
	}
	
	.detail {
		font-family: roboto;
		display: inline-block;
		font-size: 3vw;
		margin-left: 5%;
		margin-top: 4%;
		width: 50%;
	}
	
	.detail-horaire, .titre-horaire
	{
		display: none;
	}
	
	.detail-resp	
	{
		display: inline-block;
		width: 43%;
		font-family: roboto;
		font-size: 3vw;
		vertical-align: top;
		margin-top: -10%;
	}		


	.boucherie-shop-img, .poissonnerie-shop-img {
		width: 30%;
		margin-right: 2%;
	}
	
	.traiteur-shop-img {
		width: 12%;
		margin-right: 2%;
	}
	
	.shop-type-resp {
		margin-top: 0%;
		float: right;
	}
	
	.shop-type,
	.shop-type-resp 
	{
		margin-top: 0%;
	}
	
	.shop-item .image {
    padding-bottom: 75%;
	}
	
	.shop-info.rightTop ,
	.shop-info.leftTop ,
	.shop-info.rightBottom ,
	.shop-info.leftBottom {
    top: 65%;
	    min-height: 53%;
	}
	
	.shop-item {
		margin-bottom: 35%;
		margin-top: 15%;
	}
	
	.txt-kirsch2{display: none;}
	
	.allergenes table tr td {
		width: 50%;
		height: 100px;
	}
	
	.allergenes {
		width: 80%;
		margin: 0 auto;
		margin-top: 10%;
		margin-bottom: 10%;
	}
}