@media only screen  
  and (min-width: 801px)  
{ 
    .mobileOnly { /* adaptative class */
        display: none !important;
    }
    #producteurCommercant{
        padding-top: 5%;
        padding-bottom: 10%;
        max-width: 1440px;
    }

    #producteurCommercant:before{
        min-width: 800px;
        max-width: 1440px;
        height: 100%;
    }

    #pcContent {
        max-width: 870px;
        margin: 0 auto;
    }

        /* bloc titre */
    #pcTitle{
        position: relative;
        margin-left: 2%;
        margin-bottom: 40px;
    }

    #pcTitle .iconic {
        display: block;
        width: 40px;
        margin: auto;	
    }

    
    /* encapsule tout le contenu hormis le titre */
    div.pcBody{
        position: relative;
/*         margin-top: 3%; */
        min-width: 801px;
    }

        /* encapsule tout le bloque menu */
    #pcMenu{
        width: 60%;
        padding-left: 1%;
    }

        /* éléments constituant le menu */
    #pcMenu li {
        height: 85px;
    }

        /* lien englobant tout l'element du menu */
    #pcMenu li a{
    	position: absolute;
        top: 0;
        left: 0;
        box-shadow: 0px 8px 12px #aaa;
        border-radius: 5px;
    }

        /* fleche placée en bas à droite de l'élément */
    #pcMenu li a img.fleche{
        width: 20px;
        position:absolute;
        height: auto;
        right: 0;
        bottom: 0;
        padding: 3px;
        background: #000;
        border-radius: 5px 0px 5px 0px;
        display: inline;
    }


    .noTouch #pcMenu li:hover a img{
        display: none;
    }

    .noTouch #pcMenu li:hover a {
        width: 100%;
        height: 100%;
        text-decoration: none;
        z-index: 100;
    }

    #pcMenu li a p.pcMenuText{
        position: absolute;
        /*color: #fff;*/
        font-weight: bold;
        text-align: center;
        font-size: 80%;
        padding: 5px 9% 5px 9%;
    }

    .noTouch #pcMenu li:hover a p.pcMenuText{
        display: block;
        bottom: 0;
    }

        /* canevas pour detourage du logo */
    .noTouch #pcMenu ul li #pcMenuCanvas{
        display: none;
        position: absolute;
        top: 0;
    }
    .noTouch #pcMenu ul li:hover #pcMenuCanvas{
        display: block;    
    }

    .noTouch a.pcContentLink:hover {
        text-decoration: none;
    }

    .noTouch .pcContentLink:hover .picto-box,
	.noTouch .pcContentLink .picto-box.hover{
        display: block; 
        position: absolute;
        width: 100%;
        top: 0;
        margin: auto;
        font-family: 'interstateboldcondensed';
        text-transform: uppercase;
        color: white;
        text-align: center;
        font-size: 150%;
        letter-spacing: -0.7px;
    }

	#page .marcel-content .m-map .m-map-container .boxes-container .box .hover .table > div {
		display: block;
		width: 100%;
		height: auto;
		text-align: center;
		vertical-align: middle;
		margin: 10% auto 0;
	}
	
	.marcel-content .m-map .m-map-container .boxes-container .box .hover .table img{	
	   	display: block;
    	margin: 0% auto 0;
    	width: 33%;
	}
	
	.marcel-content .m-map .m-map-container .boxes-container .box .hover .table p {
		display: block;
		position: absolute;
		width: 100%;
		margin: 0 auto;
		font-family: 'interstateboldcondensed';
		text-transform: uppercase;
		color: white;
		text-align: center;
		font-size: 150%;
		letter-spacing: -0.7px;
	}

    .noTouch .pcContentLink:hover .picto-box img.picto, 
    .noTouch .pcContentLink .picto-box.hover img.picto {
        display: block;
        width: 25%;
        margin: 20% auto 0; 
    }
    
        /* defaut */
    #pcMenu .defaultColorBG{
        background-color: #fff;
    }

    /* Fin  */

    /*
     * Menu navigation
     */
    
    
    .pcNavigation.showTransition,
    .pcNavigation.showTransition #pcNavigation{
      -webkit-transition: all 1s ease;
      -moz-transition: all 1s ease;
      -ms-transition: all 1s ease;
      -o-transition: all 1s ease;
      transition: all 1s ease;
    }
    
    #pcNavigation ul li a:before,
    #pcNavigation ul li a:after {
      -webkit-transition: none;
      -moz-transition: none;
      -ms-transition: none;
      -o-transition: none;
      transition: none;
    }
    
    .pcNavigation {
        position: fixed;
        top: 100px;
        right: -200px;
        width: 175px;
        height: 460px;
        text-align: right;
    }

    .pcNavigation {
        opacity: 0;
        right: -100px;
    }
    
    .pcNavigation.showMenu {
        opacity: 1;
        right: 0;
    }

    #pcNavigation {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100%;
    }
    
    #pcNavigation ul.abs {
        position: absolute;
    }

    #pcNavigation li {
        height: 40px;
        width: 100%;
        margin: 0 0 0 auto;
        display: inline-block;
    }
    
    #pcNavigation li a {
        height: 40px;
        width: 40%;
        display: inline-block;
    }
    
    #pcNavigation li:before {
        content: ' ';
        display: inline-block;
        border-bottom: 1px solid transparent;
        vertical-align: middle;
        width: 45%;
        height: 1px;
    }
    #pcNavigation li:after {
        content: ' ';
        display: inline-block;
        border-bottom: 1px solid #3d3d3d;
        vertical-align: middle;
        width: 10%;
        height: 1px;
    }
    
    #pcNavigation li img.logo {
        width: auto;
        height: auto;
        max-height: 80%;
        max-width: 80%;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
    }
    
    #pcNavigation img.fleche {
        display: none;
    }
    
    #pcNavigation .pcMenuText {
        display: none;
    }

    #pcNavigation p {
    	color: black;
    }

    
    #pcNavigation li.active {
        height: 100px;
    }
    
    #pcNavigation li.active a{
        width: 85%;
        height: 70px;
    }
    
    #pcNavigation li.active:before {
        width: 1%;
    }
    
    #pcNavigation li.active:after {
        border: transparent;
    }
    
    #pcNavigation li.active img.logo {
        height: auto;
        width: auto;
    }

    .noTouch #pcNavigation li img.logo:hover,
    #pcNavigation li.active img.logo {
        -webkit-filter : none;
        filter: none;
    }

    #pcNavigation li.active .pcMenuText,
    #pcNavigation li.active:hover .pcMenuText {
        display: block;
        text-decoration: none;
        padding-top: 10px;
    }
    
    @keyframes hideElement {
      0% {
        opacity: 1;
        height: 22px;
      },
      50% {
        opacity: 0;
        height: 22px;
      },
      99% {
        opacity: 0;
        height: 0px;
      }
      100%{
        opacity: 0;
        height: 0px;
        display:none;
      }
    }
    
    #pcNavigation ul li.hide a{
      opacity: 0;
    }

    #pcNavigation ul li.hide {
      -webkit-animation: hideElement 0.3s ease;
      -moz-animation: hideElement 0.3s ease;
      -ms-animation: hideElement 0.3s ease;
      -o-animation: hideElement 0.3s ease;
      animation: hideElement 0.3s ease;
    }

    #pcNavigation ul.goUp {
      top: -30px;
    }

    .at-bottom .pcNavigation  {position:absolute;bottom:0;top:inherit;}
    .sticky-stop {clear:both;}
    
    .noTouch .sharers ul li a:hover {
        border: 1px #d71a1a solid;
    }


    .noTouch .sharers ul li a.fb:hover { background-position: left bottom; }
    .noTouch .sharers ul li a.twitter:hover { background-position: center bottom; }
    .noTouch .sharers ul li a.mail:hover { background-position: right bottom; }

    
        /*carousel */
    div.pcSlider{
        position: absolute;
        display: inline-block;
        width: 320px;
        top: 0;
        right: 0;
        padding-right: 1%;
    }

    div.pcSlider #owl-pc{
        width: 320px;
    }

    div.pcSlider .owl-wrapper-outer{
        box-shadow: -5px 8px 12px #aaa;
        border-radius: 5px;
        background-color: #fff;
    }

    .pcCategorySlider{
        margin: 4%;
    }

    .noTouch #owl-pc .sliderItem:hover img.content,
    .noTouch #owl-pc .sliderItem .p img.content{
        opacity: 0.7;
    }


    #owl-pc .sliderItem img.picto,
    .sliderItem:hover img.picto,
    .sliderItem .picto-box.hover img.picto{
        display: block; 
    }

    /* Footer */
    
#footer .footer-pc h1, #footer .footer-pc h2, #footer .footer-pc h3, #footer .footer-pc h4{
	font-family: interstateboldcondensed;
	text-transform: uppercase;
}

 #footer .footer-pc h2{
 	font-size: 140%;
 }

    #footer {
        width: 100%;
        margin: 0 auto;
        padding: 20px 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+25,d9d3d3+25,d9d3d3+100 */
background: #d9d3d3; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2Q5ZDNkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWQzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 20%, #d9d3d3 20%, #d9d3d3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(25%,#ffffff), color-stop(25%,#d9d3d3), color-stop(100%,#d9d3d3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 20%,#d9d3d3 20%,#d9d3d3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 20%,#d9d3d3 20%,#d9d3d3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 20%,#d9d3d3 20%,#d9d3d3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 20%,#d9d3d3 20%,#d9d3d3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9d3d3',GradientType=0 ); /* IE6-8 */


    }

    #footer .footer-pc,
    #footer .footer-corporate {
        position: relative;
    }
    
    /**
     * Footer producteurs commercant
     */
    .footer-pc {
        max-width: 961px;
        width: 100%;
        margin: 0 auto;
    }

    /* distribution des colonnes */
    .footer-pc .col {
        display: inline-block;
        position: relative;
        vertical-align: bottom;
    }

    .footer-pc .title {
        width: 30%;
        min-width: 120px;
    }
    
    /* video */
    .pcPv .video {
        display: inline-block;
        width: 60%;
        height: 100%;
        padding-bottom: 32px;
    }

    .pcPv .content {
        width: 100%;
        height: 150px;
        position: relative;
    }

    .pcPv #player {
        width: 100%;
        height: 150px;
        bottom: 0;
        border-radius: 5px;
    }
    
    .pcPv .content .picto-box {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        opacity: 0.5;
        transition: all 0.5s ease;
    }

    .pcPv .content:hover,
    .pcPv #player:hover,
    .pcPv .content .picto-box:hover,
    .pcPv .picto:hover{
        cursor: pointer;
        opacity: 1;
    }
    
    .pcPv .content .picto-box .picto {
        width: 30%;
        margin: 15% auto 0;
        display: inline;
    }

    .footer-pc .pcPv .title {
        margin: 0 6px 0;
        padding-bottom: 75px;
    }
    
    .footer-pc .actuMarques a.linkall {
        display: inline-block;
        width: 100%;
        padding-top: 5px;
        font-size: 90%;
        font-weight: bold;
    }

    .footer-pc .actuMarques .title,
    .footer-pc .actuMarques .itemList {
        position: relative;
        padding-bottom: 55px;
    }

    .footer-pc .actuMarques .itemList {
        width: 65%;
        min-width: 232px;
    }

    .footer-pc .actuMarques .title a:before,
    .footer-pc .autresMarques ul li a:before{
        content: ' ';
        display: inline-block;
        width: 0; 
        height: 0; 
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 6px solid #3d3d3d;
        margin-right: 2%;
    }

    .footer-pc .autresMarques .title {
        width: 100%;
    }
    
    .footer-pc .autresMarques .title {
        font-size: 115%;
    }
    
    .footer-pc .actuMarques .item img {
        width: 100%;
    }
    
    .footer-pc .autresMarques .item {
        width: 100%;
        vertical-align: bottom;
    }
    
    .footer-pc .autresMarques .item{
    	font-family: interstateboldcondensed;
    }
    
    .footer-pc .pcPv,
    .footer-pc .actuMarques{
        width: 40%;
    }

    .footer-pc .pcPv:after,
    .footer-pc .actuMarques:after{
        content: ' ';
        height: 116px;
        width: 1px;
        position: absolute;
        bottom: 0;
        right: 0;
        background-color: #c0bcb9;

    }    
    
    #footer .actuMarques {
        margin-left: 2%;
    }
    
    .footer-pc .actuMarques .itemList .item{
    	padding-right: 2px;
    }

    .footer-pc .actuMarques .itemList .item a {
        text-align: center;
    }
    
    .footer-pc .actuMarques .itemList .item span {
        display: inline-block;
        width: 100%;
        margin: 0 auto;
        text-align: left;
        text-transform: uppercase;
        font-family: interstateboldcondensed;
        text-transform: uppercase;
    	font-size: 85%;  
    }
    
    #footer .autresMarques {
        width: 14%;
        margin-left: 2%;
    }

    .sizeLimit #header {
        overflow-y: scroll;
    }
    
    .sizeLimit #footer {
        background: #d9d3d3;
    }

    .sizeLimit .footer-pc .col {
        vertical-align: top;
    }

    .sizeLimit .footer-pc .pcPv .content{
        width: 95%;
    }
    
    .sizeLimit .footer-pc .pcPv .title,
    .sizeLimit .footer-pc .actuMarques .title,
    .sizeLimit .footer-pc .actuMarques .itemList {
        width: 100%;
        padding-bottom: 0;
    }
    
/* Footer corporate */    
    #footer .footer-corporate {
        max-width: 945px;;
        margin: 0 auto;
    }

    .marcel-content .m-map .m-map-container .boxes-container .box .visuel {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
}