/* CSS Document */
@media only screen  
  and (max-width: 800px)
{ 
    
    .desktopOnly { /* adaptative class */
        display: none !important;
    }

    #page {
        position: absolute;
        width: 100%;
        box-shadow: 0px 8px 12px #aaa;
        overflow: auto;
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
    }
    
    #header {
        background-image: none;
        background-color: #fff;
        padding: 0;
    }
    
    #header .header {
        border-bottom: 2px solid #e4e4e4;
        padding: 10px 0;
    }
    
    #header .header .top-header,
    #header .header .block-store,
    #header .header .block-search,
    #header .header .block_navigation
    {
        display: none;
    }
    
    #header .header .main_header {
        margin: 0 auto;
        width: 100%;
    }
    
    #header div.logo {
        float: none;
        margin: 0;
    }
    
    #header div.logo .content {
        text-align: center;
    }
    
    #header div.logo img {
        width: 50%;
        margin: 0 auto;
        max-width: 200px;
    }
    
    #header .header-mobile {
        transition: all 0.3s ease;
        background: #fff;
        border-bottom: 1px solid #b40001;
        position: relative;
        height: 0;
        opacity: 0;
        z-index: -3;
    }
    
    #header .header-mobile.show {
        height: 40px;
        opacity: 1;
        top: 0;
    }

    #header .header-mobile .logo-pc {
        width: 235px;
        margin: 0 10px
    }
    
    #header .header-mobile .logo-pc img{
        max-width: 235px;
    }
    
    #header #menuControl {
        height: 100%;
        width: 40px;
        position: absolute;
        right: 0;
        top: 0;
    }
    
    #header .header-mobile .menuIcon {
        display: block;
        width: 100%;
        height: 100%;
    }

    
    #header .header-mobile .menuIcon img {
        width: 100%;
        height: auto;
    }
    
    #producteurCommercant {
        background: white;
        
    }
    #producteurCommercant.notHome {
        opacity: 0.2;
    }
    #producteurCommercant.notHome:before{
        background: none;
        content: '';
    }

    .pcColorbox .brand-container {
        padding-top: 9px;
    }
    
    #pcTitle {
        text-align: center;
    }
    
    #pcTitle img {
        width: 80%;
        margin: 0 auto;
        display: block;
        max-width: 400px;
    }

    #pcTitle img.title-logo {
        width:  23%;
        max-width: 120px;
    }
    
    .pcBody {
       width: 100%;  
       max-width: 500px;
        margin: 0 auto;
    }
    
    .pcSlider {
        padding: 20px 0;
    }
    
    #pcMenu,
    #pcNavigation {
        width: 100%;
 
    }
    
    #pcMenu ul{
        position: relative;
        margin: 0 2%;
        width: 96%;
    }
    
    #pcMenu li {
        height: 85px;
        width: 30%;
    }
    
    #pcMenu li a img.logo {
        max-width: 80%;
        max-height: 100%;
    }
    .one-edge-shadow {
        -webkit-box-shadow: 0 8px 6px -6px black;
           -moz-box-shadow: 0 8px 6px -6px black;
                box-shadow: 0 8px 6px -6px black;
    }
    #pcMenu li a {
	-webkit-box-shadow: 0 6px 11px -3px #aaa;
	   -moz-box-shadow: 0 6px 11px -3px #aaa;
	        box-shadow: 0 6px 11px -3px #aaa;
        border: #e4e4e4 solid 1px;
        border-radius: 2px;
    }
    
    /* carroussel */
    div.pcSlider {
        max-width: 500px;
        margin: 0 auto;
    }
    .pcSlider h4.pcSliderTitle,
    #owl-pc{
        width: 95%;
        max-width: 500px;
        margin: 0 auto;
    }
    
    #owl-pc .sliderItem div.colorBG {
        border-radius: 10px;
    }
    
    div.pcSlider .owl-wrapper-outer{
           
    }
    
    #owl-pc .pcCategorySlider {
        padding-top: 10px;
    }
    
    #owl-pc .pcCategorySlider h2 {
        padding-top: 5px;
    }
    
    /** Menu navigation */
    .pcNavigation {
        position: absolute;
        top: 0;
        right: 0;
        width: 85%;
        min-width: 275px;
        overflow-y: scroll;
    }

    .pcNavigation.open {
        position: fixed;
    }

    #pcNavigation{
        display: inline-block;
        position: relative;
        width: 100%;
    }
		
    /* éléments constituant le menu */
    #pcNavigation li {
        display: inline-block;
        position: relative;
        width: 49%;
        border-bottom: 1px solid #e4e4e4;
        height: 94px;
    }

        /* lien englobant tout l'element du menu */
    #pcNavigation li a{
        display: block;
        height: 100%;
        width: 100%;
        margin: 0 auto;
    }

        /* image placée au centre de l'élément */
    #pcNavigation li a img.logo{
        width: auto;
        height: auto;
        position: absolute;
        top: 50%;
        left: 50%;
	    transform: translate(-50%, -50%); /* compatibilité : ie9+ */
	    -webkit-transform: translate(-50%, -50%); 
	    -ms-transform: translate(-50%, -50%); 
	    -moz-transform: translate(-50%, -50%); 
	    -o-transform: translate(-50%, -50%); 
    }
    
    #pcNavigation li img.logo {
        width: auto;
        height: auto;
        margin: 0 auto;
        max-height: 100%;
        max-width: 80%;
    }
    
    #pcNavigation img.fleche {
        display: none;
    }
    
    #pcNavigation .pcMenuText {
        display: none;
    }

    /* colorbox */
    #pcMobileContent {
        opacity: 0;
        display: none;
    }
    
    #pcMobileContent.pcColorbox {
        opacity: 1;
        display: block;
    }
    
    .brand-container .title {
        width: 100%;
        position: relative;
        text-align: center;
    }
    
    .brand-container .title img.logo {
        max-width: 140px;
        width: 45%;
        height: auto;
        margin-bottom: 10px;
    }
    
    .brand-container .fleche {
        display: none;
    }
    
    .brand-container .pcMenuText {
        font-family: 'interstateboldcondensed', Arial, sans-serif;
        color: #3d3d3d;
    }
    
    #pcMobileContent .pcSlider .sliderItem {
        border-bottom: 2px solid #e4e4e4;
    }
    
    #pcMobileContent .pcSlider .sliderItem div.visual {
        margin: 10px;
        position: relative;
    }
    
    #pcMobileContent .pcSlider .sliderItem div.visual,
    #pcMobileContent .pcSlider .sliderItem img.content {
        border-radius: 10px;
        background: none;
    }
    
    #pcMobileContent .pcSlider div.pcCategorySlider {
        margin: 10px;
    }
    
    #pcMobileContent .brand-container .logo-box {
        display: none;
    }
    
    .pcContentLink .picto-box{
        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;
    }
    
        
    .labelDiscovery .pcContentLink .picto-box p {
    	display: none;
    }

    .pcContentLink .picto-box img.picto {
        display: block;
        width: 25%;
        margin: 20% auto 0; 
    }
    
    /* Footer */
    #footer {
        position: relative;
        width: 100%;
        padding: 0; /* reset */
    }
    
    #footer:before,
    #footer .footer-corporate:before {
        content: ' ';
        border-top: 1px solid rgba(0,0,0,0.1);
        position: absolute;
        width: 96%;
        height: 1px;
        margin: 0 2%;
    }

    /** Footer producteur commercant */
    #footer .footer-pc {
        padding: 5px 0;
		width: 94%;
        padding: 5px 3% 0;
        font-family: interstateboldcondensed;
    }
    
    .footer-pc .col {
        width: 100%;
        margin: 0 auto;
        padding: 5px 0;
    }
    
    .footer-pc .actuMarques a.linkall {
        display: none;
    }
    
    .footer-pc .actuMarques ul li{
    	padding-left: 2px;
    	padding-right: 2px;
    }

    .footer-pc .actuMarques ul li img {
        width: 100%;
    }
    
    .footer-pc .actuMarques ul li span {
    	text-transform: uppercase;
    }
    
    .footer-pc .autresMarques{
    	margin-top: 15px;
    }
    
    .footer-pc .autresMarques ul {
        display: table;
    }
    
    .footer-pc .autresMarques ul li {
        display: table-cell;
    }
    
    .footer-pc .autresMarques ul li a:before{
        content: '>';
        font-family: 'interstatebold';
        display: inline-block;
        margin-right: 2%;
    }

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

    #footer .footer-corporate {
        margin: 0 auto;
        width: 96%%;
        padding: 5px;
        position: relative;
    }
    .footer-corporate .logo-footer {    
        float: none;
        display: inline-block;
        padding: 5px 0;
    }
    
    .footer-corporate .logo-footer img {
        width: 40px;
        height: auto;   
    }
    
    .footer-corporate ul {
        float: none;
        margin: 0 auto;
        display: block;
        position: relative;
        width: 100%;
        vertical-align: middle;
        font-size: 85%;
    }

    .footer-corporate ul li {
        vertical-align: middle;
        text-align: center;
        border-right: 2px solid #3d3d3d;
        padding: 0 1%;
    }
    
    .footer-corporate ul li.last {
        border: none;
    }

    .footer-corporate ul li a {
        margin: auto;
    }
    
    
    /** popin Content */
    
    
	/* css génériques des titres */
	#pcMobileContent.pcColorbox h2,
	#pcMobileContent.pcColorbox h3,
	#pcMobileContent.pcColorbox h4,
	#pcMobileContent.pcColorbox h5,
	#pcMobileContent.pcColorbox h6{
		font-weight: bold;
        text-transform: uppercase;
	}
	
	#pcMobileContent.pcColorbox h2{
        font-size: 150%;
        font-family: 'interstateboldcondensed';
        letter-spacing: -0.6px;
	}
	
    #pcMobileContent.pcColorbox .contentFooter h2 {
        font-size: 100%;
    }
    
	#pcMobileContent.pcColorbox h3{
		font-size: 100%;
		font-family: 'interstatebold';
	}
	
	#pcMobileContent.pcColorbox h4{
		font-size: 90%;
		font-family: 'interstatebold';
	}
    
    #pcMobileContent.pcColorbox .contentFooter h4 {
        font-size: 65%;
    }
	
	#pcMobileContent.pcColobox h5{
		font-size: 80%;
	}
	#pcMobileContent .popup_content {
        background: none;
        margin: 0;
        padding: 0 !important;
    }


/*marques*/
	/* commun */
	 /*.pcColorbox #cboxContent .content{
        position: relative;
        display: block;
        height: 100%;
        width: 100%;
        overflow-x: auto;
    }*/
    .pcColorbox .content{
	    display: block;
	    width: 100%;
    }
    .pcColorbox .content .contentHeader,
    .pcColorbox .content .contentBody,
    .pcColorbox .content .contentFooter .labelDiscovryTitle,
    .pcColorbox .content .contentFooter .labelDiscovery{
	    display: block;
	    width: auto;
        margin: 0 auto;
        max-width: 550px;
    }
    .pcColorbox .content .contentFooter .labelDiscovryTitle,
    .pcColorbox .content .contentFooter .labelDiscovery {
        width: 95%;
        text-align: left;
        margin: 0 auto;
    }
    .pcColorbox .content .contentHeader{
        position: relative;
    }
    
    .pcColorbox .content .contentFooter{
    	display: inline-block;
    	width: 100%;
    	padding-top: 5px;
    	margin-top: 3%;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+0,ffffff+100 */
        background: #f2f2f2; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #f2f2f2 0%, #ffffff 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #f2f2f2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #f2f2f2 0%,#ffffff 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #f2f2f2 0%,#ffffff 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #f2f2f2 0%,#ffffff 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */

    }
    
    .pcColorbox .contentBody .contentLeft{
    	display: inline-block;
    	height: 100%;
    	width: 93%;
        padding: 0 10px 10px;
    }

    .pcColorbox .contentBody .contentRight{
   		display : inline-block;
   		vertical-align: top;
   		width: 93%;
   		padding: 0 10px;
   	}
	
    /* video / contenu visuel */
    .pcColorbox .popinVideo,
    .pcColorbox .popinImage,
    .pcColorbox .popinInfographie{
        width: 100%;
        height: 100%;
    }
   
   	
 /* partie droite */
 	/* video / contenu */
    .pcColorbox .contentBody .contentRight .quote,
    .pcColorbox .contentBody .contentRight .description {
        padding: 15px 0 0;
        border-top: 1px solid #cecece;
    }
    
 	.pcColorbox .contentBody .contentRight .quote p{
 		font-size: 120%;
    	font-weight: bold;	
 	}
    
    .pcColorbox .popinVideo .contentBody .contentRight .quote p {
        display: inline;
    	font-style: italic;
    }

    .pcColorbox .popinVideo .contentBody .contentRight .quote p:before {
    	font-style: italic;
        display: inline;
        content: '" '
    }

    .pcColorbox .popinVideo .contentBody .contentRight .quote p:after {
    	font-style: italic;
        display: inline;
        content: ' "';
    }

 	.pcColorbox .contentBody .contentRight .description{
 		height: 33%;
 		width: 100%;
 		margin-top: 4%;
 	}
 	
 	.pcColorbox .contentHeader .map{
 		width: 30%;
        text-align: right;
        display: inline-block;
        vertical-align: top;
        position: absolute;
        bottom: 30px;
        right: 10px;
 	}
 	
 	.pcColorbox .contentHeader .map img{
        max-width: 100%;
        height: auto;
 	}
 	
 	/* infographie */
 	.pcColorbox .contentBody .contentRight .descriptionInfo h3.titleInfo,
 	.pcColorbox .contentBody .contentRight .descriptionAutres h3.title{
 		width: 100%;
 		font-familly: interstatebold;
 	}
 	
 	.pcColorbox .contentBody .contentRight .descriptionInfo p.textInfo,
 	.pcColorbox .contentBody .contentRight .descriptionAutres h3.text{
 		width: 100%;
 		margin-top: 1%;
 		font-size: 100%;
 	}
 	
 	/* actu des marques */
 	.pcColorbox .contentBody .contentRight .descriptionActu h2.titleActu{
    	font-weight: bold;
 	}
 	
 	.pcColorbox .contentBody .contentRight .descriptionActu p.textActu{
 		width: 100%;
 		margin-top: 4%;
 		font-size: 105%;
 	}
 	
 	.pcColorbox .contentBody .contentRight .descriptionActu p.textActu a.linkActu{
 		text-decoration: underline;
 		font-weight: bold;
 	}
   	
 

/* partie gauche */
    /*entete de la popin*/
    /*.pcColorbox #cboxContent .popinVideo .content .contentHeader{
        display: block;
	    width: 100%;
	    height: 8%;
    }*/
    
    .pcColorbox .contentHeader .headerLeft{
    	width: 60%;
        display: inline-block;
        bottom: 0;
        position: static;
        padding: 10px 10px 0 10px;
    }
    
    .pcColorbox  .contentHeader .map {
    	position: static;
        padding: 10px 0 0 0;
    }

    .pcColorbox  .contentHeader .map:after {
        clear: both;
        content: ' ';
    }

    .pcColorbox .contentHeader.notMapped .headerLeft {
        width: auto;
    }

    .pcColorbox .contentHeader .logo{
    	display: block;
        padding: 5px 0;
    }

    .pcColorbox .contentHeader.notMapped .headerLeft img.logo {
        display: block;
    }
    
    .pcColorbox .contentHeader .titleBlock{
    	display: inline-block;
    }

    .pcColorbox #cboxContent .contentHeader .titleBlock h3{
        display: block;
        margin: 0;
    }

    .pcColorbox #cboxContent .contentHeader .titleBlock h2{
        text-transform: uppercase;
    }

    /* body de la popin */
   /* .pcColorbox .popinVideo .content .contentBody{
        display: block;
	    height: 89%;
	    width: 100%;
	    margin-top: 1%;
    }*/

    .pcColorbox .contentHeader .mainContent {
        width: 100%;
    }
    
    .pcColorbox .contentHeader .mainContentImg{
    	width: 100%;
        margin: 0 auto;
    }
    
     .pcColorbox .contentBody div.label {
	    border: 1px solid;
	    text-decoration: none;
	    height: 10%;
	    width: 100%;
	    margin: 0;
	    border-radius: 5px;
	    text-align: center;
    	margin-top: 3%;
     }
     
     .pcColorbox .contentBody div.label a.labelLink{
     	font-size: 110%;
     	height: 40px;
	    display: flex;
	    justify-content: center;
	    flex-direction: column;
     }
     
     .pcColorbox .contentBody div.label a.labelLink:hover{
     	text-decoration: none;
     }
     
     .pColorbox .contentBody div.label a.labelLink .textLabelLink{
     	
     }
     
/* contentFooter */
	/*.pcColorbox .popinVideo .contentFooter{
		width: 90%;
		padding-left: 5%;
    	padding-right: 5%;
    	margin-top: 6%;
	}*/
	
	.pcColorbox .contentFooter .labelDiscovryTitle{
		font-size: 130%;
	    text-transform: uppercase;
	    font-weight: bold;
	}
	
	.pcColorbox .contentFooter .labelDiscovery{
		margin-top: 3%;
	}
	
	.pcColorbox .contentFooter a.pcContentLink{
     	display: inline-block;
	    position: relative;
	    width: 100%;
        vertical-align: bottom;
        margin: 5px auto;
	}
	
	.pcColorbox .contentFooter img{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    border-radius: 5px 5px 0 0;
}


    .pcColorbox .contentFooter img.logo{
        position: absolute;
        display: block;
        width: auto;
        height: auto;
        top: 0;
        left: 0;
        margin:0; 
		max-width: 100%;
		max-height: 30px;
    }
	
    .pcColorbox .contentFooter .pcContentLink span.logo-box {
        left: 105%;
        width: 33%;
    }
    
    .pcColorbox .contentFooter img.picto{
        display:block;
        position: absolute;
        width: 50px;
        top: 22%;
        left: 32%;
    }

	/* actualité des marques slider */
	div#pcMobileContent.pcColorbox .popinActu .contentFooter{
		width: 100%;
	}
	
	
	.pcColorbox .popinActu .contentFooter .container{
        padding-top: 10px;
	    width: 100%;
	}
	
    .pcColorbox .popinActu .contentFooter .labelDiscovryTitle {
        text-align: left;
    }
    
	.pcColorbox .contentFooter .pcPopinActuSlider{
		width: 90%;
		margin-top: 2%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 7%;
	}
	.contentFooter .pcPopinActuSlider .sliderPopinActuItem {

		margin: 2%;
	}
	
	.pcColorbox .contentFooter .pcPopinActuSlider .owl-item a img{
		border-radius: 5px;
		box-shadow: 0px 5px 12px #aaa;
	}
	
	.pcColorbox .contentFooter .pcPopinActuSlider .title .marque{
		margin-top: 4%;
	}
	
	/* bouton de navigation */
	.pcColorbox .contentFooter .pcPopinActuSlider .owl-prev,
	.pcColorbox .contentFooter .pcPopinActuSlider .owl-next{
		position: absolute;
	    bottom: 50%;
	    width: 3%;
	    background-color: transparent;
	}
	
	.pcColorbox .contentFooter .pcPopinActuSlider .owl-prev{
	    left: -6%;
	}
	
	.pcColorbox .contentFooter .pcPopinActuSlider .owl-next{
	    right: -6%;
	}
	
	
	/* gamme Produit */
	.pcColorbox .popinGamme{
		height: 100%;
	}
	
	.pcColorbox .popinGamme .contentBody .descriptionGamme{
		margin-top: 4%;
	}
	
	#pcMobileContent.pcColorbox .popinGamme .contentBody{
		height: 50%;
	}
	
	#pcMobileContent.pcColorbox .popinGamme .contentFooter{
		height: 40%;
	}
	
    .pcColorbox .contentFooter .productList {
        width: 100%;
        max-width: 550px;
        margin: 10px auto;
        vertical-align: top;
    }
    
	.pcColorbox .contentFooter .productList .product{
		width: 42%;
	    max-width: 160px;
	    display: inline-block;
	    vertical-align: bottom;
	    margin: 10px 10px 0;
	    vertical-align: top;
	}
	
	.pcColorbox .contentFooter .productList .product .productLink{
		display: block;
		height: 110px;
	}
    
    .pcColorbox .contentFooter .productList .product .productLink img{
	    width: auto;
	    height: auto;
	    max-width: 140px;
	    max-height: 100px;
	    margin: 0 auto;
	    padding-bottom: 5px;
	}
	
	.pcColorbox .contentFooter .productList .product .productDescr{
        margin: 0 auto;
        width: 85%;
        display: inline-block;
        font-size: 85%;
        text-align: left;
    }
	
	/* AUtres marques */
	.pcColorbox .contentBody li .col1{
		width: 24%;
	}
	
	.pcColorbox .contentBody li .col2{
		width: 49%;
	}
	
	.pcColorbox .contentBody li .col3{
		width: 74%;
	}
	
	.pcColorbox .contentBody .contentLeft li{
		display: block;
		width: 100%
	}
	
	.pcColorbox .contentBody .contentLeft li div,
	.pcColorbox .contentBody .contentLeft li img{
		display: inline-block;
		vertical-align: bottom;
	}
	
    .pcColorbox #cboxContent .contentLeft .sharers {        
	    display: inline-block;
	    width: 100%;
    }

    .pcColorbox .sharers ul li a {
        display: inline-block;
        width: 36px;
        height: 36px;
        border: none;
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .pcColorbox .sharers ul li a.fb {
        background-image: url(../images/share_fb.svg);
    }
    .pcColorbox .sharers ul li a.twitter {
        background-image: url(../images/share_tweet.svg);
    }
    .pcColorbox .sharers ul li a.mail {
        background-image: url(../images/share_mail.svg);
    }

    .pcColorbox .contentBody .contentLeft .sharers ul li {
        display: inline-block;
        width: auto;
    }
    
    #pcMobileContent.pcColorbox .contentFooter .sliderItem div.visual {
        position: relative;
        width: 50%;
        display: inline-block;
        margin: 0;
    }
    
    #pcMobileContent.pcColorbox .contentFooter .sliderItem div.visual,
    #pcMobileContent.pcColorbox .contentFooter .sliderItem img.content {
        border-radius: 10px;
        background: none;
    }
    
    #pcMobileContent .pcSlider div.pcCategorySlider {
        margin: 0 10px;
    }
    
    #pcMobileContent .brand-container .logo-box {
        display: none;
    }    
    
	.pcColorbox .contentRight .facebookLink{
		margin-top: 10%;
	}

	.pcColorbox .contentRight .facebookLink .imageBlock{
		width: 75%;
	}
	
	.pcColorbox .contentRight .facebookLink .imageBlock img{
		width: 100%;
		margin-top: 3%;
	}
	
	.pcColorbox .contentRight .autresMarques{
	    margin-top: 15%;
	    border-top: 1px solid #C4C4C4;
	    padding-top: 15%;
	    width: 115%;
	}
	
	.pcColorbox .contentRight .autresMarques .marqueList{
		margin-top: 5%;
		text-align: center;
	}
	
	.pcColorbox .contentRight .autresMarques .marqueList li{
		display: inline-block;
    	width: 30%;
    	margin-right: 2%;
	}
	
	.pcColorbox .contentRight .autresMarques .marqueList li img{
		width: 100%;		
	}
	
    .pcColorbox .contentFooter .sliderItem .pcCategorySlider {
        display: inline-block;
        width: 45%;
        text-align: left;
    }
    
    #owl-pcPopinActu {
        display: block;
    }
    
    .pcColorbox .contentFooter .autresMarques .marqueList {
        width: 100%;
        margin: 0 auto;
    }

    .pcColorbox .contentFooter .autresMarques li.marque {
        display: inline-block;
        min-width: 150px;
        vertical-align: middle;
    }
    
    .pcColorbox .contentFooter .autresMarques li.marque img {
        width: 80%;
    }
    .pcColorbox .contentFooter .autresMarques {
        padding: 5px
    }
    
   	.pcColorbox .popinVideo .contentHeader .mainContent {
		position: relative;
    	padding-bottom: 50%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
    }
	
	.pcColorbox .popinVideo .contentHeader .mainContent iframe,
	.pcColorbox .popinVideo .contentHeader .mainContent object,
	.pcColorbox .popinVideo .contentHeader .mainContent embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
    
    .showTransitions .pcColorbox .popup_content .content {
        opacity: 0;
        transition: all 0.3s ease;
    }

    .pcColorbox.showContent .popup_content .content {
        opacity: 1;
    }
    
    /* Animations **/
    .pcColorbox.showContent .content{
        background-color: white;
    }
    .showTransitions .pcColorbox .brand-container .title,
    .showTransitions .pcColorbox .brand-container .box-container,
    .showTransitions .pcColorbox .contentHeader .mainContent,
    .showTransitions .pcColorbox .contentHeader .contentBody
    {
        transition: all 0.5s ease;
        position: relative;
        opacity: 0;
    }

    .showTransitions .pcColorbox .contentHeader .headerLeft,
    .showTransitions .pcColorbox .contentHeader .map
    {
        transition: all 0.5s ease;
        transition-delay: 0.3s;
        opacity: 0;
    }

    .showTransitions .pcColorbox .brand-container .title {
        top: -100px;
    }

    .showTransitions .pcColorbox.showContent .contentHeader .mainContent {
        top: -200px;
    }
    
    .pcColorbox.showContent .brand-container .title,
    .showTransitions .pcColorbox.showContent .contentHeader .mainContent
    {
        top: 0px;
        opacity: 1;
    }

    .showTransitions .pcColorbox .brand-container .box-container {
        top: 200px;
    }

    .pcColorbox.showContent .brand-container .box-container {
        top: 0px;
        opacity: 1;
    }

    .showTransitions .pcColorbox.showContent .contentHeader .headerLeft,
    .showTransitions .pcColorbox.showContent .contentHeader .map {
        opacity: 1;
    }

    .showTransitions .pcColorbox.showContent .contentHeader .contentBody {
        top: 0px;
        opacity: 1;
    }

    #footer .actuMarques li {
        width: 31%;
    }
}