@media only screen  
  and (min-width: 801px)  
{ 

/* commun à toutes les popins */
	
    #colorbox.pcColorbox, #colorbox.pcColorbox #cboxOverlay, #colorbox.pcColorbox #cboxWrapper{
        overflow: visible;
    }

    .pcColorbox #inline_po-pup, .pcColorbox .popup_content{
        height: 100%;
        border-radius: 10px;
        /*overflow: hidden;*/
    }
    
    .pcColorbox .popup_content{
		margin-top: 0;
    	overflow: auto;
		background-color: #fff;
        position: relative;
        padding: 0% 3% 0 5% !important;
    }
	
	.pcColorbox #inline_po-pup{
		overflow: hidden;
    }
	
	.pcColorbox #cboxLoadedContent{
		/*padding-top: 26px;*/
	}

    .pcColorbox #cboxContent{
        position:absolute;
        bottom: 0;
        display: none;
    }
    
    .pcColorbox .popinContent{
    	height:100%;
    	width: 100%;
		min-width: 615px;
    }

    .pcColorbox #pcPopin, 
    .pcColorbox #pcPopin2{
        height: 100%;
        width: 100%;
    }

    .pcColorbox .popup_content .content {
        opacity: 0;
    }

    .pcColorbox.showContent .popup_content .content {
        opacity: 1;
    }
    
    
    .pcColorbox #cboxClose{
        background: url("../images/bouton_close.png") no-repeat center top;
        display: block;
        height: 40px;
        width: 40px;
        position: absolute;
        right: -10px !important;
        top: -10px;
    }

    .pcColorbox .popup_content .content {
        transition: all 0.5s ease;
    }
	
	/* css génériques des titres */
	#colorbox.pcColorbox h2,
	#colorbox.pcColorbox h3,
	#colorbox.pcColorbox h4,
	#colorbox.pcColorbox h5,
	#colorbox.pcColorbox h6{
        text-transform: uppercase;
	}
	
	#colorbox.pcColorbox h2{
		font-size: 200%;
		font-family: 'interstateboldcondensed';
	}
	
	#colorbox.pcColorbox h3{
		font-size: 170%;
		font-family: 'interstatebold';
	}
	
	#colorbox.pcColorbox h4{
		font-family: 'interstatebold';
		font-size: 120%;
	}
	
	#colorbox.pcColobox h5{
		font-size: 110%;
	}
	


/*marques*/
	/* commun */
	 /*.pcColorbox #cboxContent .content{
        position: relative;
        display: block;
        height: 100%;
        width: 100%;
        overflow-x: auto;
    }*/
    .pcColorbox div.content{
    	width: 100%;
    	height: 100%;
    	margin-top: 26px;
    }
    .pcColorbox .content .contentHeader{
    	display: inline-block;
    	width: 100%;
    }
    
    .pcColorbox .content .contentBody{
    	display: inline-block;
    	width: 100%;
    }

    .pcColorbox .popinVideo .content .contentBody{
        height: 57%;
    }
    
    .pcColorbox .content .contentFooter{
    	display: inline-block;
    	width: 90%;
		padding-left: 5%;
    	padding-right: 5%;
    	margin-top: 6%;
    }
    
    .pcColorbox .contentBody .contentLeft{
    	display: inline-block;
    	height: 100%;
    	width: 75%
    }
   	.pcColorbox .contentBody .contentRight{
   		display : inline-block;
   		vertical-align: top;
   		height: 100%;
   		width: 20%;
   		margin: 0% 1% 0 3%;
        overflow-y: auto;
   	}
   	
   	.pcColorbox .popinAutres .contentHeader .headerLeft{
   		width: 70%;
   	}
	
    .pcColorbox .popinAutres .contentBody .contentLeft {
        width: 70%;
    }
    
    .pcColorbox .popinAutres .contentBody .contentRight {
        width: 25%;
    }
    
    .pcColorbox .popinActu .contentBody .contentRight .quote p,
    .pcColorbox .popinAutres .contentBody .contentRight .quote p {
    	font-size: 150%;
    	font-family: 'interstateboldcondensed';
		text-transform: none;
    }
    
    .pcColorbox .popinAutres .contentHeader .titleBlock{
    	margin-left: 0;
    }
    
    /* video / contenu visuel */
    .pcColorbox #cboxContent .popinVideo,
    .pcColorbox #cboxContent .popinImage,
    .pcInfographie #cboxContent .popinInfographie{
        width: 100%;
        height: 100%;
    }
   
   	
 /* partie droite */
 	.pcColorbox .contentBody .contentRight .quote {
 		padding-bottom: 5px;
 	}
 	/* video / contenu */
 	.pcColorbox .contentBody .contentRight .quote p{
 		font-size: 170%;
    	font-weight: bold;	
 	}
    
 	.pcColorbox .popinVideo .contentBody .contentRight .quote p{
        font-style: italic;
    }
 	
 	.pcColorbox .contentBody .contentRight .description{
 		height: 33%;
 		width: 100%;
 		margin-top: 4%;
 	}
 	
 	.pcColorbox .contentBody .contentRight .map{
 		position: relative;
 		width: 100%;
 		height: 120px;
 		margin-top: 4%;
 		
 	}
 	
 	.pcColorbox .contentBody .contentRight .map img{
        max-width: 100%;
        max-height: 100%;
        width: auto;
        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: 75%;
        min-width: 530px;
    }
    .pcColorbox .popinGamme .contentHeader .headerLeft {
        width: 100%;
    }
    
     .pcColorbox #cboxContent .contentHeader .logo{
    	    display: inline-block;
		    width: 15%;
		    margin: 0;	
    }

    .pcColorbox .contentHeader .titleBlock{
        margin-left: 2%;
    	display: inline-block;
    	width: 44%;
    	vertical-align: middle;
    }

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

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

    .pcColorbox #cboxContent .contentHeader .sharers {        
	    display: inline-block;
	    float: right;
	    width: 200px;
        text-align: right;
    }

    .pcColorbox #cboxContent .contentHeader .sharers p {
        font-size: 12px;
        font-family: 'interstatebold';
        color: #3d3d3d;
        text-transform: uppercase;
        width: 83px;
        margin-top: 20px;
        float: left;
        text-align: left;
    }

    .pcColorbox #cboxContent .contentHeader .sharers ul {
        float: right;
        margin-top: 15px;
    }

    .pcColorbox #cboxContent .contentHeader .sharers ul li {
        float: left;
        margin-right: 7px;
    }

    .pcColorbox #cboxContent .contentHeader .sharers ul li.last {
        margin: 0;
    }
    .pcColorbox #cboxContent .contentHeader .sharers ul li a {
        display: inline-block;
        width: 30px;
        height: 30px;
        border-radius: 30px;
        border: 1px #3d3d3d solid;
        background-image: url(../images/marcel-images/sharer.gif);
        background-repeat: no-repeat;
        background-size: 90px 60px;
    }

    .pcColorbox #cboxContent .contentHeader .sharers ul li a:hover {
        border: 1px #d71a1a solid;
    }

    .pcColorbox #cboxContent .contentHeader .sharers ul li a.fb { background-position: left top; }
    .pcColorbox #cboxContent .contentHeader .sharers ul li a.twitter { background-position: center top; }
    .pcColorbox #cboxContent .contentHeader .sharers ul li a.mail { background-position: right top; }

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

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

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

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

    .pcColorbox .contentBody .mainContent {
	    display: block;
	    width: 100%;
	    height: auto;
		margin: 0 auto;
    }
    
    .pcColorbox .popinVideo .contentBody .mainContent {
        height: 86%;
    }
    
    .pcColorbox .contentBody .mainContentImg{
    	width: 100%
    }
    
     .pcColorbox .contentBody div.label {
	    border: 1px solid;
	    text-decoration: none;
	    height: 40px;
	    width: 100%;
	    margin: 0;
	    border-radius: 5px;
	    text-align: center;
    	margin-top: 3%;
     }
     
     .pcColorbox .contentBody div.label a.labelLink{
     	font-size: 125%;
     	height: 100%;
     	height: 100%;
	    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 .sliderItem{
        display: inline-block;
        width: 30%;
        margin-right: 2%;
    }

	
	.pcColorbox .contentFooter .visual{
		position: relative;
	}

    .pcColorbox .popinImage .contentFooter .sliderItem .pcCategorySlider,
    .pcColorbox .popinInfoGraphie .contentFooter .sliderItem .pcCategorySlider,
    .pcColorbox .popinVideo .contentFooter .sliderItem .pcCategorySlider{
        display: none;
    }

	
	.pcColorbox .contentFooter img{
    	display: block;
    	position: relative;
    	width: 100%;
    	height: auto;
    	border-radius: 5px 5px 0 0;
	}

    #owl-pcPopinActu .sliderItem {
        width: 95%;
    }

.pcColorbox .contentFooter .pcContentLink span.logo-box {
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
	border-radius: 0;
	width: 71px;
	height: 40px;
	border: none;
}	
.pcColorbox .contentFooter img.logo{
	position: absolute;
    display: block;
    width: auto;
    height: auto;
    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%);
    margin: auto;
    max-width: 60px;
    max-height: 30px;
}

.pcColorbox .contentFooter img.picto{
    display:block;
	position: absolute;
	width: 50px;
	top: 30%;
    left: 43%;
	margin: auto;
}

	/* actualité des marques slider */
	div#colorbox.pcColorbox .popinActu .contentFooter{
		width: 100%;
	}
	
	.pcColorbox .popinActu .contentBody{
		min-height: 300px;	
	}
	
	
	.pcColorbox .popinActu .contentFooter .container{
		position: absolute;
	    background-color: #F5F5F5;
	    width: 100%;
	    left: 0;
	    /*bottom: 0;*/
	    padding: 0;
	}
	
	.pcColorbox .popinActu .contentFooter .labelDiscovryTitle{
		margin-top: 3%;
		margin-left: 5%; 
	}
	
	
	.pcColorbox .contentFooter .pcPopinActuSlider{
		width: 90%;
		margin-top: 2%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 7%;
	}
	.pcColorbox .contentFooter .pcPopinActuSlider .sliderItem {
		margin: 2%;
	}
	
	.pcColorbox .contentFooter .pcPopinActuSlider a.pcContentLink{
		width: 100%	
	}
	
	.pcColorbox .contentFooter .pcPopinActuSlider .owl-item a .visual{
		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%;
	    background-color: transparent;
	}
	
	.pcColorbox .contentFooter .pcPopinActuSlider .owl-prev{
	    left: -50px;
	}
	
	.pcColorbox .contentFooter .pcPopinActuSlider .owl-next{
	    right: -50px;
	}
	
    .pcColorbox .contentFooter .pcPopinActuSlider .owl-next span,
    .pcColorbox .contentFooter .pcPopinActuSlider .owl-prev span {
        display: block;
        width: 33px;
        height: 63px;
        background-repeat: no-repeat;
        background-color: transparent;
    }
    .pcColorbox .contentFooter .pcPopinActuSlider .owl-next span {
        background: url(../images/chevron_droit.png) no-repeat;
    }
    .pcColorbox .contentFooter .pcPopinActuSlider .owl-prev span {
        background: url(../images/chevron_gauche.png) no-repeat;
    }
    

	
	/* gamme Produit */
	.pcColorbox .popinGamme {
		height: 100%;
	}
	
    .pcColorbox .popinGamme .contentLeft,
    .pcColorbox .popinGamme .contentRight{
        width: 100%;
    }
    
    .pcColorbox .contentBody .contentRight{
    	margin: 0 0 0 2%; 
    }
    
    .pcColorbox .popinGamme .contentBody .contentRight {
        margin: 0;
    }
    
	.pcColorbox .popinGamme .contentBody .descriptif{
		margin-top: 4%;
	}
	
	#colorbox.pcColorbox .popinGamme .contentFooter{
		margin-top: 3%;
		height: 40%;
		padding-left: 0;
    	padding-right: 0;
	}
	
	.pcColorbox .contentFooter .productList .product{
		    width: 25%;
		    margin-right: 5%;
    		display: inline-block;
	}
	
	.pcColorbox .contentFooter .productList .product .productLink{
		display: block;
	}
	
	.pcColorbox .contentFooter .productList .product .productDescr{
		display: block;
		margin-top: 9%;
	}
	
    .pcColorbox .contentFooter .productList .product .productLink img {
        max-height: 150px;
        max-width: 100%;
        width: auto;
        height: auto;
        margin: 0 auto;
    }
    
	/* AUtres marques */
	.pcColorbox .popinAutres .contentHeader{
		position: relative;
	}
	
	#colorbox.pcColorbox .popinAutres .contentHeader .titleBlock h2{
		position: absolute;
		bottom: 0;
		font-size: 360%;
		
	}
	
	.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 .contentRight .facebookLink{
		margin-top: 10%;
	}

	.pcColorbox .contentRight .facebookLink .imageBlock{
		width: 95%;
	}
	
	.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: 100%;
	}
	
	.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%;		
	}
	
	

}

@media only screen  
  and (max-device-width: 800px)  {

/* commun à toutes les popins */
      
    .block_popup form {
        position: relative;
        width: 100%;
    }
      
    .block_popup .popup_content .input,
    .block_popup .popup_content textarea,
    .block_popup .popup_content label
    {
        display: inline-block;
        width: 100% !important;
        margin: 0 auto;
        padding-left: 0;
    }
    
    .block_popup.envoyerAUnAmi .popup_content .btn-red {
        display: inline-block;
        margin: 10px 30%;
        width: 100px;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d40213+0,a80002+100 */
        background: #d40213; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0MDIxMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhODAwMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #d40213 0%, #a80002 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d40213), color-stop(100%,#a80002)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #d40213 0%,#a80002 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #d40213 0%,#a80002 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #d40213 0%,#a80002 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #d40213 0%,#a80002 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d40213', endColorstr='#a80002',GradientType=0 ); /* IE6-8 */
        border-top: 1px solid #a80002;
    }
}