.menuTop ul
{
    width: 90%;
    margin: 0 auto;
    color: white;
    display: block;
    padding-top: 1%;
}

.menuTop ul li
{
width: 13%;
display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.menuTop ul li a
{
color: white;
font-size: 0.8vw;
text-align: center;
    font-family: "robotolight";
    float: none;
    margin: 0;
    padding: 0;
}

.menuTop.traiteur.fixed ul li .active,
.menuTop.traiteur ul li a:hover,
.menuTop.boucherie.fixed ul li .active,
.menuTop.boucherie ul li a:hover
{
    color : #CD0028;
}
.menuTop.poissonnerie.fixed ul li .active,
.menuTop.poissonnerie ul li a:hover
{
    color : #CD0028;
}

.menuTop ul li img
{
    width: 63%;
}


.menuTop.traiteur ul li img
{
    width: 63%;
}





.picto 
{
    cursor: pointer;
    -webkit-transition: -webkit-transform .9s;
    -moz-transition: -moz-transform .9s;
    -o-transition: -o-transform .9s;
    -ms-transition: -ms-transform .9s;
    transition: transform .9s;
}



.picto.open {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}


.section-menu
    {
        background-image: url("../Photos/Header_background_Boucherie.jpg");
        background-position: center center;
        	transition: all 1.4s linear;
	-webkit-transition: all 1.4s linear;
	-moz-transition: all 1.4s linear;
	-o-transition: all 1.4s linear;
	-ms-transition: all 1.4s linear;
        width: 100%;
        background-size: cover;
        display: inline-block;
        position: relative;
        margin-top: -310px;
       height: 92vh;
       z-index: 1;
    }

    .section-menu.kirsch
	{
        background-image: url("http://kirsch.lu/wp-content/themes/kirsch/Photos/header/kirsch_top.jpg");
        background-position: center center;
        height: 75vh;
    }

    .section-menu.media
	{
        background-image: url("http://kirsch.lu/wp-content/themes/kirsch/Photos/header/media_top.jpg");
        background-position: center top;
		height: 75vh;
    }
	
	.section-menu.label
	{
        background-image: url("http://kirsch.lu/wp-content/themes/kirsch/Photos/header/label_top.jpg");
        background-position: center center;
		height: 75vh;
    }
	
	.section-menu.valeurs
	{
        background-image: url("http://kirsch.lu/wp-content/themes/kirsch/Photos/header/valeur_top.jpg");
        background-position: center bottom;
		height: 75vh;
    }
	
	.section-menu.galerie
	{
        background-image: url("http://kirsch.lu/wp-content/themes/kirsch/Photos/header/galerie_top.jpg");
        background-position: center center;
		height: 75vh;
    }
	
	.section-menu.allergene
	{
        background-image: url("http://kirsch.lu/wp-content/themes/kirsch/Photos/header/allergene_top.jpg");
        background-position: center bottom;
		height: 75vh;
    }
	
	.section-menu.eleveurs
	{
        background-image: url("../Photos/image_en-tete.jpg");
        background-position: center top;
		height: 75vh;
    }
	
	.section-menu.labels
    {
        background-image: url("../Photos/image_en-tete.jpg");
        background-position: center top;
		height: 75vh;
    }


    .section-menu.shop
    {
        background-image: url("../Photos/Boucherie_kirsch_pallcenter21.jpg");
        background-position: center bottom;
		height: 75vh;
    }
    
    .section-menu.poissonerie
    {
        background: rgba(0, 0, 0, 0) url("http://kirsch.lu/wp-content/themes/kirsch/Photos/Header_background_Poissonnerie.jpg") repeat scroll center center / cover ;
        background-position: center center;
    }
	
	.section-menu.traiteur
    {
        background: rgba(0, 0, 0, 0) url("http://kirsch.lu/wp-content/themes/kirsch/Photos/Header_background_Traiteur.jpg") repeat scroll center center / cover ;
        background-position: center center;
    }

    .section-menu.eleveurs:after,
    .section-menu.shop:after,
    .section-menu.kirsch:after 
    {
        padding-top: 47%;
        display: block;
        content: '';
    }





    #pallcenter-logo
    {
    bottom: 6.5%;
    position: absolute;
    right: 4.5%;
    width: 11%;
    }

        .menu-content
        {


        }


            .section-menu .menu-content .menu
            {
                background-color: black;
                bottom: 0;
                height: 180px;
                position: absolute;
                width: 100%;
            }


            .navigation ul li
            {

                display: inline;
            }

            .navigation ul li img
            {
                position: absolute;
                cursor: pointer;
                -webkit-transition: all 1.4s ease;
                -moz-transition: all 1.4s ease;
                -o-transition: all 1.4s ease;
                transition: all 1.4s ease;
            }

            .navigation.kirsch ul li #txt-kirsch
            {
                /*font-size: 8vw;
                position: absolute;
                top: 44%;
                left: 24%;*/
                font-size: 5vw;
                position: absolute;
                top: 44%;
            }

            .navigation.eleveurs ul li #txt-eleveurs
			 {
                font-size: 6.2vw;  
                position: absolute;
                top: 37%;
                text-align: center;
                line-height: 1em;
            } 
			
			.navigation.label ul li #txt-label
			 {
                font-size: 6.2vw;
                position: absolute;
                top: 37%;
                text-align: center;
                line-height: 1em;
				width: 100%;
            }
			
			
            .navigation.kirsch ul li #txt-kirsch,
            .navigation.eleveurs ul li #txt-eleveurs,
            .navigation.valeurs ul li #txt-valeurs,
            .navigation.galerie ul li #txt-galerie,
            .navigation.shop ul li #txt-shop
			{
				font-size: 5vw;
				line-height: 1em;
				position: absolute;
				text-align: center;
				top: 45%;
				width: 100%;
				letter-spacing: 4px;
            }


            .navigation.kirsch ul li #txt-kirsch2
			{
				font-size: 1.95vw;
				position: absolute;
				text-align: center;
				text-transform: none;
				top: 60%;
				width: 100%;
				letter-spacing: 4px;

            }

            .navigation.eleveurs ul li #arrow-eleveurs,
            .navigation.kirsch ul li #arrow-kirsch,
            .navigation.valeurs ul li #arrow-kirsch,
            .navigation.galerie ul li #arrow-kirsch,
            .navigation.shop ul li #arrow-shop,
			.navigation.label ul li #arrow-label
			{

                right: 48.55%;
                bottom: 5%;
                width: 2.9%;
            }


            /* CSS IMAGE POISSONNERIE */
                .navigation ul li .img-poissonerie.right
                {
                    right: 8%;
                    top: 30%;
                    width: 18%;
                }

                .navigation ul li .img-poissonerie.center
                {
                    right: 34.6%;
                    top: 18%;
                    width: 30%;
                }

                .navigation ul li .img-poissonerie.left
                {
                    right: 75%;
                    top: 30%;
                    width: 18%;
                }


            /* CSS IMAGE BOUCHERIE */
                .navigation ul li .img-boucherie.right
                {
                    right: 9.4%;
                    top: 30%;
                    width: 18%;
                }

                .navigation ul li .img-boucherie.center
                {
                    right: 35%;
                    top: 18%;
                    width: 30%;
                }

                .navigation ul li .img-boucherie.left
                {
                    right: 75%;
                    top: 30%;
                    width: 18%;
                }


            /* CSS IMAGE TRAITEUR OK */
                .navigation ul li .img-traiteur.right
                {
                    right: 8%;
                    top: 30%;
                    width: 18%;
                }

                .navigation ul li .img-traiteur.center
                {
                    right: 35%;
                    top: 18%;
                    width: 30%;
                }

                .navigation ul li .img-traiteur.left
                {
                    right: 75%;
                    top: 30%;
                    width: 18%;
                }








                .navigation.poissonerie ul li #img-poissonerie
                {
                    right: 27.5%;
                    top: 18.1%; 
                    width: 42%;
                }




            .navigation ul li #img-boucherie
            {
                right: 39.5%;
                top: 21.1%;
                width: 19%;
            }

                .navigation.poissonerie ul li #img-boucherie
                {
                    right: 10.8%;
                    top: 29.5%;
                    width: 10.5%;
                }



            .navigation ul li #img-traiteur
            {
                left: 8.6%;
                top: 32.9%;
                width: 14%;
            }

            .navigation ul li p
            {
                font-family: "fff_tusjbold";
                font-size: 2vw; 
                color: white;
                text-transform: uppercase;
                letter-spacing: 4px;
            }

                .navigation ul li #txt-traiteur
                {
                    left: 10.1%;
                    top: 55.5%;
                }

                .navigation ul li #txt-poissonerie
                {
                    right: 8.6%;
                    top: 55.5%;
                     /*font-size: 2vw; */
                         font-size: 36px;
                    transition: all 2s linear;
                    -webkit-transition: all 2s ease-in-out;
                    -moz-transition: all 2s ease-in-out;
                    -o-transition: all 2s ease-in-out;
                    -ms-transition: all 2s ease-in-out;
                }

                .transition {
                    -webkit-transform: scale(2); 
                    -moz-transform: scale(2);
                    -o-transform: scale(2);
                    transform: scale(2);
                }


                .transition-min {
                    -webkit-transform: scale(0.5); 
                    -moz-transform: scale(0.5);
                    -o-transform: scale(0.5);
                    transform: scale(0.5);
                }

                    .navigation.poissonerie ul li #txt-poissonerie
                    {
                        font-size: 3.9vw;
                        line-height: 4.1vw;
                        right: 34.5%;
                        text-align: center;
                        top: 71.8%;
                    }

                .navigation ul li #txt-boucherie
                {
                    right: 35.5%;
                    top: 67.8%;
                    line-height: 4.1vw;
                    font-size: 3.9vw;
                    
                    text-align: center;
                    
                    transition: all 2s linear;
                    -webkit-transition: all 2s ease-in-out;
                    -moz-transition: all 2s ease-in-out;
                    -o-transition: all 2s ease-in-out;
                    -ms-transition: all 2s ease-in-out;
                }

                    .navigation.poissonerie ul li #txt-boucherie
                    {
                        right: 9%;
                        top: 51.5%;
                        font-family: "fff_tusjbold";
                        font-size: 2vw;
                        color: white;
                        text-transform: uppercase;
                        line-height: 1.2em;
                    }

                    .navigation ul li #arrow-boucherie
                    {
                        bottom: 8%;
                        left: 48.6%;
                        width: 4%;
                    }


                    .load
                    {
                        -webkit-animation: spin 2s infinite linear;
                    }

                    @-webkit-keyframes spin {
                        0%  {-webkit-transform: rotate(0deg);}
                        100% {-webkit-transform: rotate(360deg);}   
                    }

                    .redirect
                    {
                        width: 100%;
                        text-align: center;
                        color: white;
                        font-family: robotolight;
                        font-size: 1.25vw;
                        padding-top: 1%;
                        height: 5VH;
                    }

                    .redirection
                    {
                        width: 100%;
                        padding-bottom: 1%;
                        left: 0;
                        top: 0;
                        position: relative;
                        background-color: black;
                        margin-top: -0.5%;
                    }



                    @keyframes slideInDown  
                    {
                        from{bottom: "6.5%";}
                        to{bottom: "4.5%";}
                    }

                    @-webkit-keyframes slideInDown  
                    {
                        from{bottom: "6.5%";}
                        to{bottom: "4.5%";}
                    }

                    .navigation ul li #arrow-poissonerie
                    {
                        right: 15%;
                        top: 60%;
                        width: 3%;
                        cursor: pointer;
                    }



                    .navigation ul li #arrow-traiteur
                    {
                        left: 15%;
                        top: 60%;
                        width: 3%;
                    }



/* MENU MOBILE */

.mobile-navigation .btn_open_menu
{
    cursor: pointer;
    -webkit-transition:-webkit-transform .9s; 
    -moz-transition:-moz-transform .9s;       
    -o-transition:-o-transform .9s;           
    -ms-transition:-ms-transform .9s;         
    transition:transform .9s;
}
 
    .mobile-navigation .btn_open_menu.open
    {
        -webkit-transform:rotate(180deg); 
        -moz-transform:rotate(180deg);
        -o-transform:rotate(180deg); 
        -ms-transform:rotate(180deg); 
        transform:rotate(180deg);
    }
	
.white-separation
{
	display: none;
}

#sub-title-header
{
	display: none;
}

@media screen and (max-width: 960px)
{
	.section-menu.allergene,
	.section-menu.eleveurs,
	.section-menu.valeurs,
	.section-menu.kirsch,
	.section-menu.label,
	.section-menu.shop,
	.section-menu.media,
	.section-menu.galerie
	{
		height: 100vh;
    }



	.navigation.valeurs ul li #txt-valeurs,
	.navigation.eleveurs ul li #txt-eleveurs,
	.navigation.shop ul li #txt-shop,
	.navigation.kirsch ul li #txt-kirsch,  
	.navigation.label ul li #txt-label
	{
		font-size: 11vw;
		top: 25%;
	}
	
	.navigation.kirsch ul li #txt-kirsch2{display: none;}
	
	.navigation.eleveurs ul li #arrow-eleveurs, 
	.navigation.kirsch ul li #arrow-kirsch, 
	.navigation.valeurs ul li #arrow-kirsch, 
	.navigation.galerie ul li #arrow-kirsch, 
	.navigation.shop ul li #arrow-shop, 
	.navigation.label ul li #arrow-label 
	{
		right: 46%;
		bottom: 5%;
		width: 9%;
	}
	
	.white-separation
	{
		display: inherit;
		height: 1px;
		background: #ffffff;
		width: 25%;
		position: absolute;
		top: 48%;
		text-align: center;
		margin-left: 38%;
	}

	#sub-title-header
	{
		display: inherit;
		color: white;
		bottom: 27%;
		position: absolute;
		font-size: 6.5vw;
		text-transform: inherit;
		text-align: center;
		width: 75%;
		left: 13%;
	}


	.header
	{
		display: none;
	}
	
	.section-menu
	{
		    height: 100vh;
	}
	
	/* CSS IMAGE POISSONNERIE */
		.navigation ul li .img-poissonerie.right
		{
			right: 7.4%;
			top: 78.5%;
			width: 18%;
		}

		.navigation ul li .img-poissonerie.center
		{
			right: 14.5%;
			top: 26.8%;
			width: 70%;
		}

		.navigation ul li .img-poissonerie.left
		{
			right: 73.4%;
			top: 78.5%;
			width: 18%;
		}


		/* CSS IMAGE BOUCHERIE */
			.navigation ul li .img-boucherie.right
			{
				right: 10%;
				top: 76.5%;
				width: 15.5%;
			}

			.navigation ul li .img-boucherie.center
			{
				right: 20%;
				top: 22.3%;
				width: 60%;
			}

			.navigation ul li .img-boucherie.left
			{
				right: 76%;
				top: 76.5%;
				width: 15.5%;
			}


		/* CSS IMAGE TRAITEUR OK */
			.navigation ul li .img-traiteur.right
			{
				right: 8%;
				top: 78%;
				width: 17.4%;
			}

			.navigation ul li .img-traiteur.center
			{
				right: 18.5%;
				top: 25.8%;
				width: 65%;
			}

			.navigation ul li .img-traiteur.left
			{
				right: 76%;
				    top: 78%;
				width: 17.4%;
			}
			
			
			.redirect 
			{
				font-size: 5vw;
				padding-top: 1%;
				margin-top: -1%;
			}
			
			#kirsch-content .titre-content,
			#shop-content .titre-content,
			.separation-content
			{
				display: none;
			}
			
			

}