@media (min-width:980px){
	.vp-row{ margin:0 auto; max-width:979px; padding:0px 4px; }
	#nav-vp ul li.last:hover > div.pure-menu-hidden{ display:block; visibility:visible; }
	#nav-vp ul li.last:hover > .univers ul li{ visibility:visible; }
}


@media (max-width:991px){
	#nav-vp .pure-menu ul li.maison{ display:none; }
	#nav-vp .pure-menu ul li.divertissements a{ background:none; }
	.inscription-inner hr{ border:1px solid #FFF; margin:0 15%; }
	/*.section-top .inscription{
		-webkit-filter: blur(1px);
		-moz-filter: blur(1px);
		-o-filter: blur(1px);
		-ms-filter: blur(1px);
		filter: blur(1px);
	}*/
	.section-top .inscription{ background:url(../images/bg-inscription_responsive.jpg) top left no-repeat; height:237px; }
	.section-top .inscription-inner  {
		background-color:rgba(246, 246, 246, 0.9);
		border:none;
		margin-left:0px;
		margin-top:0px;
		height:100%;
	}
	.section-top .inscription-inner .membres{ letter-spacing:normal; }
}

@media screen and (max-width: 767px){
	#header .logo{ margin:5px 0px 0px 0px; }
	#nav-vp {max-width: 767px; text-transform:none; display:none;}

	#nav-vp .pure-menu li{display:block; float:none; line-height:30px; }
	#nav-vp .pure-menu, #nav-vp .pure-menu li{
		background:#FFF !important;
		border-bottom:1px solid #e6e2e2;
	}
	/*#nav-vp li.pure-menu-selected{ display:none; }*/
	#nav-vp .pure-menu ul li a.vp{ display:none; }
	
	#nav-vp .pure-menu li a, #nav-vp .pure-menu ul li ul li a{
		display: block;
		padding:0px 0px 0px 20px;
		line-height:30px;
		border:none;
	}
	#nav-vp .pure-menu li a:hover, #nav-vp .pure-menu ul li ul li a:hover{
		background: #f551a3 !important;
		color: #ffffff !important;
		background-image: linear-gradient(top, #f87bb9 0%, #f32d90 100%);
		background-image: -o-linear-gradient(top, #f87bb9 0%, #f32d90 100%);
		background-image: -moz-linear-gradient(top, #f87bb9 0%, #f32d90 100%);
		background-image: -webkit-linear-gradient(top, #f87bb9 0%, #f32d90 100%);
		background-image: -ms-linear-gradient(top, #f87bb9 0%, #f32d90 100%);
		background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #f87bb9), color-stop(1, #f32d90) );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f87bb9', endColorstr='#f32d90');
		display: block;
		padding:0px 0px 0px 20px;
		line-height:30px;
		text-decoration:none;
		border:none;
	}
	#nav-vp .pure-menu a, #nav-vp li.pure-menu a, #nav-vp li.pure-menu a:hover, #nav-vp li.pure-menu-selected a:hover{ color:#000000 !important; }
	#nav-vp .pure-menu a:hover, #nav-vp li.pure-menu-selected a:hover, #nav-vp li.pure-menu-selected a:focus, #nav-vp .pure-menu li:hover { background:#f0f0f0!important; color:#000!important; }

	#nav-vp ul li ul{ position:relative; visibility:visible; padding:0px; }
	#nav-vp ul li ul.nextsub{ margin:0px; }
	#nav-vp .pure-menu ul ul li{ float:none; }
	#nav-vp .pure-menu ul ul li.last,#nav-vp .pure-menu ul ul li.last:hover{ margin:0px; display:block; float:none; }
	#nav-vp .pure-menu li{ position:relative; }
	#nav-vp ul li ul span{
		background: #f551a3;
		color: #ffffff !important;
		background-image: linear-gradient(top, #f87bb9 0%, #f32d90 100%);
		background-image: -o-linear-gradient(top, #f87bb9 0%, #f32d90 100%);
		background-image: -moz-linear-gradient(top, #f87bb9 0%, #f32d90 100%);
		background-image: -webkit-linear-gradient(top, #f87bb9 0%, #f32d90 100%);
		background-image: -ms-linear-gradient(top, #f87bb9 0%, #f32d90 100%);
		background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #f87bb9), color-stop(1, #f32d90) );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f87bb9', endColorstr='#f32d90');
		/*background:#f0f0f0 !important;*/
		border-bottom:1px solid #e6e2e2;
		text-transform:none;
		float:none;
		padding:0px 0px 0px 20px;
		line-height:30px;
		/*color:#000;*/
		font-weight:normal;
		display:block;
	}
	#nav-vp .pure-menu li.last{ float:none; margin-right:0px; border-bottom:1px solid #e6e2e2; display:none; padding:0px; }
	#nav-vp .pure-menu ul ul li.last{ border:none; }

	#nav-vp ul li.last:hover > div.univers, #nav-vp ul li.last:hover > div.univers ul{ visibility:hidden; }
	#nav-vp ul li.last:hover > div.pure-menu-hidden{ display:none; }

	#nav-vp .pure-menu ul li.gastronomie{ display:none; }
	#nav-vp .pure-menu ul li.voyages{ display:none; }
	#nav-vp .pure-menu ul li.divertissements{ display:none; }
	#nav-vp .pure-menu ul li.vetements-chaussures a{ display:none; border:none; }
	#nav-vp .pure-menu ul li.vetements-chaussures ul li a{ display:block; }


	#boxes{
    display: -webkit-box; /* Initiate flexbox */
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -moz-box-orient:vertical; /* Establishes the direction of reordering - we want the y-axis */
    -webkit-box-orient:vertical;
    -ms-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  #boxes .inscription{
    -moz-box-ordinal-group: 1;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
	flex-order:1;
    order: 1;
  }
  #boxes .ventes{
    -moz-box-ordinal-group: 2;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
	flex-order:2;
    order: 2;
	margin-top:90px;
  }


	.breadcrumb { padding:20px 20px 0px 20px; }
	.section-top{ padding:20px 0px; }
	.section-middle{ padding:20px 0px; }
	.section-middle .title{ padding:15px 20px 0px 20px; }
	.section-bottom{ padding:0px 0px 20px 0px; }
	.section-bottom .title{ padding:15px; }
	.section-bottom p{ margin:5px 0px; text-align:center; }
	.section-bottom a{ display:block; }
	.section-evenementiel{ padding:10px 15px; background:none; }
	.box60{ padding:0px 20px; }
	.box_droite{ padding:0px 20px; }
	.section-top .inscription .inscription-inner{ margin-top:0px; }
	.boximg_first{ padding-left:9px; padding-right:5px; }
	.boximg_sec{ padding-right:9px; padding-left:5px; }
	.boximg_ter{ padding-left:9px; padding-right:5px; margin-top:10px; }
	.boximg_last{ padding-right:9px; padding-left:5px; float:none; margin-top:10px; }
	.footer-vp{ padding:0px 20px; }
	.footer-vp .title{ font-weight:bold; color:#ec008c; }
	.footer-vp .colf{ height:auto; padding:0px; text-align:center; }
	.footer-vp .col{ height:auto; padding:0px; text-align:center; }
	.footer-vp .coll{ height:auto; padding:0px; text-align:center; }
	.cookiesClose {
	font-weight:normal;
	padding:10px 0%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1em;	
	background:none;
	position: relative;
	margin-left:92%;
	text-indent: inherit;
	}
	.cookiesBloc p{ font-weight:normal; display: initial; margin:0; padding: 0; }
	.cookiesBloc{ padding:5px 4%; text-align:justify; }
	a.cookiesClose{ display:block; }
}

@media (min-width:768px) and (max-width:991px){
	.section-top{ padding:81px 20px 90px 20px; }
	.section-top .inscription .inscription-inner { margin-top:0px; }
	.vp-row{ padding:0px 4px; }
	#nav-vp .pure-menu ul li.last:hover{ background:url(../images/arrow.png) no-repeat center right; }
	#nav-vp .pure-menu ul li.last.active:hover{ background:url(../images/arrow-bottom.png) no-repeat center right; }
	#nav-vp .pure-menu ul li.last a:hover{ color:#FFF; }
	.footer-vp .colbl{ border-right:none;}
}

@media (min-width:768px) and (max-width:979px){
	.boximg_last{ float:none; }
}

@media (min-width:618px) and (max-width:979px){
	#nav-vp .pure-menu ul ul .subcat{ padding-left:10px; }
}


@media (min-width:1025px){
                .pure-hidden-largedesktop{ display:none; }
}

@media (min-width:992px) and (max-width:1024px){
                .section-top .appli{ margin-top:68px; }
                .section-top{ padding:81px 20px 90px 20px; }
}

/*@media (max-width:813px){
	#nav-vp .pure-menu li.last{ display:none; }
}*/

/* Nouvelle Grid Début */
@media screen and (min-width: 618px) {
    .pure-u-sm-1,
    .pure-u-sm-1-1,
    .pure-u-sm-1-2,
    .pure-u-sm-1-3,
    .pure-u-sm-2-3,
    .pure-u-sm-1-4,
    .pure-u-sm-3-4,
    .pure-u-sm-1-5,
    .pure-u-sm-2-5,
    .pure-u-sm-3-5,
    .pure-u-sm-4-5,
    .pure-u-sm-5-5,
    .pure-u-sm-1-6,
    .pure-u-sm-5-6,
    .pure-u-sm-1-8,
    .pure-u-sm-3-8,
    .pure-u-sm-5-8,
    .pure-u-sm-7-8,
    .pure-u-sm-1-12,
    .pure-u-sm-5-12,
    .pure-u-sm-7-12,
    .pure-u-sm-11-12,
    .pure-u-sm-1-24,
    .pure-u-sm-2-24,
    .pure-u-sm-3-24,
    .pure-u-sm-4-24,
    .pure-u-sm-5-24,
    .pure-u-sm-6-24,
    .pure-u-sm-7-24,
    .pure-u-sm-8-24,
    .pure-u-sm-9-24,
    .pure-u-sm-10-24,
    .pure-u-sm-11-24,
    .pure-u-sm-12-24,
    .pure-u-sm-13-24,
    .pure-u-sm-14-24,
    .pure-u-sm-15-24,
    .pure-u-sm-16-24,
    .pure-u-sm-17-24,
    .pure-u-sm-18-24,
    .pure-u-sm-19-24,
    .pure-u-sm-20-24,
    .pure-u-sm-21-24,
    .pure-u-sm-22-24,
    .pure-u-sm-23-24,
    .pure-u-sm-24-24 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .pure-u-sm-1-24 {
        width: 4.1667%;
        *width: 4.1357%;
    }

    .pure-u-sm-1-12,
    .pure-u-sm-2-24 {
        width: 8.3333%;
        *width: 8.3023%;
    }

    .pure-u-sm-1-8,
    .pure-u-sm-3-24 {
        width: 12.5000%;
        *width: 12.4690%;
    }

    .pure-u-sm-1-6,
    .pure-u-sm-4-24 {
        width: 16.6667%;
        *width: 16.6357%;
    }

    .pure-u-sm-1-5 {
        width: 20%;
        *width: 19.9690%;
    }

    .pure-u-sm-5-24 {
        width: 20.8333%;
        *width: 20.8023%;
    }

    .pure-u-sm-1-4,
    .pure-u-sm-6-24 {
        width: 25%;
        *width: 24.9690%;
    }

    .pure-u-sm-7-24 {
        width: 29.1667%;
        *width: 29.1357%;
    }

    .pure-u-sm-1-3,
    .pure-u-sm-8-24 {
        width: 33.3333%;
        *width: 33.3023%;
    }

    .pure-u-sm-3-8,
    .pure-u-sm-9-24 {
        width: 37.5000%;
        *width: 37.4690%;
    }

    .pure-u-sm-2-5 {
        width: 40%;
        *width: 39.9690%;
    }

    .pure-u-sm-5-12,
    .pure-u-sm-10-24 {
        width: 41.6667%;
        *width: 41.6357%;
    }

    .pure-u-sm-11-24 {
        width: 45.8333%;
        *width: 45.8023%;
    }

    .pure-u-sm-1-2,
    .pure-u-sm-12-24 {
        width: 50%;
        *width: 49.9690%;
    }

    .pure-u-sm-13-24 {
        width: 54.1667%;
        *width: 54.1357%;
    }

    .pure-u-sm-7-12,
    .pure-u-sm-14-24 {
        width: 58.3333%;
        *width: 58.3023%;
    }

    .pure-u-sm-3-5 {
        width: 60%;
        *width: 59.9690%;
    }

    .pure-u-sm-5-8,
    .pure-u-sm-15-24 {
        width: 62.5000%;
        *width: 62.4690%;
    }

    .pure-u-sm-2-3,
    .pure-u-sm-16-24 {
        width: 66.6667%;
        *width: 66.6357%;
    }

    .pure-u-sm-17-24 {
        width: 70.8333%;
        *width: 70.8023%;
    }

    .pure-u-sm-3-4,
    .pure-u-sm-18-24 {
        width: 75%;
        *width: 74.9690%;
    }

    .pure-u-sm-19-24 {
        width: 79.1667%;
        *width: 79.1357%;
    }

    .pure-u-sm-4-5 {
        width: 80%;
        *width: 79.9690%;
    }

    .pure-u-sm-5-6,
    .pure-u-sm-20-24 {
        width: 83.3333%;
        *width: 83.3023%;
    }

    .pure-u-sm-7-8,
    .pure-u-sm-21-24 {
        width: 87.5000%;
        *width: 87.4690%;
    }

    .pure-u-sm-11-12,
    .pure-u-sm-22-24 {
        width: 91.6667%;
        *width: 91.6357%;
    }

    .pure-u-sm-23-24 {
        width: 95.8333%;
        *width: 95.8023%;
    }

    .pure-u-sm-1,
    .pure-u-sm-1-1,
    .pure-u-sm-5-5,
    .pure-u-sm-24-24 {
        width: 100%;
    }

	.section-evenementiel ul.ulter{ padding:0 5px 0 9px; }
	.section-evenementiel ul.ullast{ padding:0 0 0 15px; }
	
	.active .pure-u-sm-1-12{ width:9.3333%; }
}

@media screen and (min-width: 992px) {
    .pure-u-med-1,
    .pure-u-med-1-1,
    .pure-u-med-1-2,
    .pure-u-med-1-3,
    .pure-u-med-2-3,
    .pure-u-med-1-4,
    .pure-u-med-3-4,
    .pure-u-med-1-5,
    .pure-u-med-2-5,
    .pure-u-med-3-5,
    .pure-u-med-4-5,
    .pure-u-med-5-5,
    .pure-u-med-1-6,
    .pure-u-med-5-6,
    .pure-u-med-1-8,
    .pure-u-med-3-8,
    .pure-u-med-5-8,
    .pure-u-med-7-8,
    .pure-u-med-1-12,
    .pure-u-med-5-12,
    .pure-u-med-7-12,
    .pure-u-med-11-12,
    .pure-u-med-1-24,
    .pure-u-med-2-24,
    .pure-u-med-3-24,
    .pure-u-med-4-24,
    .pure-u-med-5-24,
    .pure-u-med-6-24,
    .pure-u-med-7-24,
    .pure-u-med-8-24,
    .pure-u-med-9-24,
    .pure-u-med-10-24,
    .pure-u-med-11-24,
    .pure-u-med-12-24,
    .pure-u-med-13-24,
    .pure-u-med-14-24,
    .pure-u-med-15-24,
    .pure-u-med-16-24,
    .pure-u-med-17-24,
    .pure-u-med-18-24,
    .pure-u-med-19-24,
    .pure-u-med-20-24,
    .pure-u-med-21-24,
    .pure-u-med-22-24,
    .pure-u-med-23-24,
    .pure-u-med-24-24 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .pure-u-med-1-24 {
        width: 4.1667%;
        *width: 4.1357%;
    }

    .pure-u-med-1-12,
    .pure-u-med-2-24 {
        width: 8.3333%;
        *width: 8.3023%;
    }

    .pure-u-med-1-8,
    .pure-u-med-3-24 {
        width: 12.5000%;
        *width: 12.4690%;
    }

    .pure-u-med-1-6,
    .pure-u-med-4-24 {
        width: 16.6667%;
        *width: 16.6357%;
    }

    .pure-u-med-1-5 {
        width: 20%;
        *width: 19.9690%;
    }

    .pure-u-med-5-24 {
        width: 20.8333%;
        *width: 20.8023%;
    }

    .pure-u-med-1-4,
    .pure-u-med-6-24 {
        width: 25%;
        *width: 24.9690%;
    }

    .pure-u-med-7-24 {
        width: 29.1667%;
        *width: 29.1357%;
    }

    .pure-u-med-1-3,
    .pure-u-med-8-24 {
        width: 33.3333%;
        *width: 33.3023%;
    }

    .pure-u-med-3-8,
    .pure-u-med-9-24 {
        width: 37.5000%;
        *width: 37.4690%;
    }

    .pure-u-med-2-5 {
        width: 40%;
        *width: 39.9690%;
    }

    .pure-u-med-5-12,
    .pure-u-med-10-24 {
        width: 41.6667%;
        *width: 41.6357%;
    }

    .pure-u-med-11-24 {
        width: 45.8333%;
        *width: 45.8023%;
    }

    .pure-u-med-1-2,
    .pure-u-med-12-24 {
        width: 50%;
        *width: 49.9690%;
    }

    .pure-u-med-13-24 {
        width: 54.1667%;
        *width: 54.1357%;
    }

    .pure-u-med-7-12,
    .pure-u-med-14-24 {
        width: 58.3333%;
        *width: 58.3023%;
    }

    .pure-u-med-3-5 {
        width: 60%;
        *width: 59.9690%;
    }

    .pure-u-med-5-8,
    .pure-u-med-15-24 {
        width: 62.5000%;
        *width: 62.4690%;
    }

    .pure-u-med-2-3,
    .pure-u-med-16-24 {
        width: 66.6667%;
        *width: 66.6357%;
    }

    .pure-u-med-17-24 {
        width: 70.8333%;
        *width: 70.8023%;
    }

    .pure-u-med-3-4,
    .pure-u-med-18-24 {
        width: 75%;
        *width: 74.9690%;
    }

    .pure-u-med-19-24 {
        width: 79.1667%;
        *width: 79.1357%;
    }

    .pure-u-med-4-5 {
        width: 80%;
        *width: 79.9690%;
    }

    .pure-u-med-5-6,
    .pure-u-med-20-24 {
        width: 83.3333%;
        *width: 83.3023%;
    }

    .pure-u-med-7-8,
    .pure-u-med-21-24 {
        width: 87.5000%;
        *width: 87.4690%;
    }

    .pure-u-med-11-12,
    .pure-u-med-22-24 {
        width: 91.6667%;
        *width: 91.6357%;
    }

    .pure-u-med-23-24 {
        width: 95.8333%;
        *width: 95.8023%;
    }

    .pure-u-med-1,
    .pure-u-med-1-1,
    .pure-u-med-5-5,
    .pure-u-med-24-24 {
        width: 100%;
    }
}

.pure-g img{ max-width:100%;height:auto; }

@media (max-width:767px){
	.pure-visible-vp{ display:block; }
	.pure-visible-vpl{ display:block; padding-left:10px; }
}
@media (min-width:768px){
	.pure-visible-vp{ display:none; }
	.pure-visible-vpl{ display:none; }
	header{ display:block; padding:19px 0px 26px 0px; }
}

@media screen and (max-width: 320px){
	.inscription-inner hr{ border:1px solid #FFF; margin:0 15%; }
    .footer-vp{ padding:0px; }
	.cookiesClose {
	font-weight:normal;
	padding:5px 0%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1em;	
	background:none;
	position: relative;
	margin-left:86%;
	text-indent: inherit;
	}
	.cookiesBloc p{ font-weight:normal; display: initial; margin:0; padding: 0; }
	.cookiesBloc{ padding:5px 4%; text-align:justify; }
	a.cookiesClose{ display:block; }

}


@media screen and (min-width:481px) and (max-width:618px){
	.inscription-inner hr{ border:1px solid #FFF; margin:0 30%; }
}

@media screen and (min-width:1025px)
{
	#nav-vp ul li.last:hover > div.univers, #nav-vp ul li.last:hover > div.univers ul{ visibility:visible; }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
  	.section-top .inscription-inner .remise{ background-image: url(../images/remise@2x.png); background-size: 22px 22px; }
	.section-top .inscription-inner .reveil{ background-image: url(../images/clock-17@2x.png); background-size: 17px 17px; }
	.section-top .inscription-inner .membres{ background-image: url(../images/membres@2x.png); background-size: 17px 17px; }
	.section-top .inscription-inner a.inscription{ background-image: url(../images/btn_bg@2x.png); background-size: 167px 30px; }
	.section-top .inscription-inner a.inscription:hover{ background-image: url(../images/btn_bg_hover@2x.png); background-size: 167px 30px; }
	.section-top .appli { background-image:url(../images/download@2x.png); background-size: 21px 70px; }
	#nav-vp .pure-menu a, #nav-vp .pure-menu a:hover{ background-image:url(../images/sep-shadow@2x.png); background-size: 1px 20px; background-position:center right; background-repeat:no-repeat;  }
	
	#engagements-vente-privee .section-top .inscription{ background-image:url(../images/engagements-formulaire@2x.jpg); background-size: 500px 315px; }
}
/* Nouvelle Grid Fin */