@charset "utf-8";
/* CSS Document */
/*	
-------------------------------------------
MENU RESPONSIVE
-------------------------------------------
*/
/* MODIF L 950 / 961 / 946 - 10/07 */
/* SWITCH DES 2 MENUS */ 
nav#navigation-responsive {display:none;}
div#navigation {display:block;}


/* MENU GLOBAL */
ul#menu, ul#menu-responsive {
	/*padding:2%;width:96%;*/
	text-align:center;
}
ul#menu { 
	background-color:#002C1B; 
	font-weight:normal;
}
ul#menu-responsive { 
	background-color:#FFF;
	font-weight:bold;
}

/*ul#menu.drop ul {
	background:url("../../../images/fond-bloc-defilement.png") repeat scroll;
}*/


/* MENU A */
ul#menu > li a, ul#menu-responsive > li a {
	color:#fff; 
}
ul#menu li.hover > a, ul#menu li:hover > a, 
ul#menu a.current, ul#menu a:hover, ul#menu a:focus {
	text-decoration:underline; 
}
/* MENU LI */
ul#menu li, ul#menu-responsive li {
	list-style:none;
}
ul#menu > li, ul#menu-responsive > li { 
	display:inline-block;
	line-height:1em; 
	padding:4px 0;
	position:relative; 
	vertical-align:top;
}
ul#menu > li:last-child > a, ul#menu-responsive > li:last-child > a {
	border-right:0;
}

ul#menu > li span + span, ul#menu-responsive > li span + span {
	display:none;/* désactivation flèche uniquement sur desktop*/
	float:right; 
	font-size:80%;
	padding-left:0.4em;
}
ul#menu li a, ul#menu-responsive li a {
	display:block;
	padding:0 0.4em;
	margin-top:0.1em;
	margin-bottom:0.1em; 
	position:relative;
	text-decoration:none;
	font-size:0.8em;
}
ul#menu > li > a, ul#menu-responsive > li > a {
	border-right:1px solid #FFFFFF;
}
ul#menu ul, 
ul#menu li li:last-child, 
ul#menu li li:last-child a, 
ul#menu li li:last-child a:hover,
ul#menu-responsive ul, 
ul#menu-responsive li li:last-child, 
ul#menu-responsive li li:last-child a, 
ul#menu-responsive li li:last-child a:hover { 
	border-right:0;
}

ul#menu.drop, ul#menu-responsive.drop {
	padding:0 2%;
}

ul#menu.drop li:hover > ul, ul#menu.drop li.hover > ul, ul#menu.drop li > a:focus + ul,
ul#menu-responsive.drop li:hover > ul, ul#menu-responsive.drop li.hover > ul, ul#menu-responsive.drop li > a:focus + ul { 
	left:0;
}
ul#menu.drop ul, ul#menu-responsive.drop ul { 
	left: -9999px; 
	position: absolute;
	margin-top: 3px;
	z-index:999;
	background-color: #fff;
}
ul#menu.drop ul, ul#menu-responsive.drop ul {
	border:1px solid #000;
}
ul#menu.drop ul, ul#menu-responsive.drop ul {
	margin-top:2px;
}
ul#menu.drop ul a, ul#menu-responsive.drop ul a {
	width:20em;
	padding:0.2em 0.3em;
	color:#000;
}

@media screen and (max-width:999px) {
body { 
	background:#FFF; 
}

nav#navigation-responsive {display:block;}
div#navigation {display:none;}

ul#menu.drop, ul#menu-responsive.drop {
	padding:2%;
}
ul#menu.drop ul a, ul#menu-responsive.drop ul a {
	width:100%;
	padding:0 0 0 5px;
	color:#FFF;
	margin-top: 2px;
}
ul#menu-responsive.drop ul  {
	border:0;
}
ul#menu-responsive.drop ul li  {
	border-right:0;
}

ul#menu li, ul#menu-responsive li {
	text-align:left;
	border-right:1px solid #FFF;	
}
 ul#menu-responsive li a {
	padding:0;
	margin-top:0;
	margin-bottom:0; 
}
ul#menu > li > a, ul#menu-responsive > li > a {
	border-right:0;
}
ul#menu-responsive > li a {
    background:none;
	background-color:#002c1b;
	font-size: 0.9em;
    line-height: 34px;
    min-height: 34px;
}
ul#menu-responsive > li a:hover {
    background-color:#002c1b;
}
ul#menu-responsive.drop ul a {
    background-color:#b49d64;
	background-image:none;
}

ul#menu.drop ul a, ul#menu-responsive.drop ul a {
	width:20em;
	padding:0.2em 0.3em;
	color:#FFF;
	line-height:40px;
	min-height:40px;
}
ul#menu-responsive li a {
	padding:0.2em 0.4em;
	font-size:1em;
}
ul#menu > li a, ul#menu-responsive > li a {
	background-color:#002C1B; 
}
ul#menu li ul li a, ul#menu-responsive ul li a {
	background-color:transparent; 
}
ul#menu > li span + span, ul#menu-responsive > li span + span {
	/*display:block affichage flèche */
}
ul#menu.drop ul, ul#menu.drop li:hover > ul, ul#menu.drop li.hover > ul,
ul#menu-responsive.drop ul, ul#menu-responsive.drop li:hover > ul, ul#menu-responsive.drop li.hover > ul { 
	left:0;
}
ul#menu.drop ul, ul#menu-responsive.drop ul { 
	padding-top:0;position:relative;
}
ul#menu.drop ul a, ul#menu.drop ul li:last-child a,
ul#menu-responsive.drop ul a, ul#menu-responsive.drop ul li:last-child a { 
	border-left:0; 
	border-right:0!important;
	border-top:0!important;
}
ul#menu.drop ul li:first-child a, ul#menu-responsive.drop ul li:first-child a {
	border-top:1px solid #000;
}
ul#menu.drop ul a, ul#menu-responsive.drop ul a {
	width:auto;
	color:#FFF;
}
}

@media screen and (max-width:750px) {

/* SMi - 07/03/2015 - 0157506 : Mise en place de nouvelles entêtes Rayon */
.BLOC-rayon-entete-2015
{
	width: 600px;
    height: auto;
}

ul#menu-responsive li {
	display: block;
	margin:0 0 2px 0;
	padding:0;
	border-right:0;
}
ul#menu-responsive li a {
	padding-left:40px;
}
ul#menu-responsive li a {
	background: url("../../../images/fleche-fermer.png") no-repeat scroll right top #002c1b;
}
ul#menu-responsive li.open > a {
	background: url("../../../images/fleche-ouvert.png") no-repeat scroll right top #002c1b;
}
ul#menu.drop ul a, ul#menu-responsive.drop ul a {
	padding:0 0 0 40px;	
}

/* PAGE RAYON */
.motif-separation-details   {
	display:none;
}


ul#menu-affiner.drop {
    padding: 2% 2% 0 2%;
}	

ul#menu-affiner > li {
    display:block;
    line-height: 1em;
    padding: 4px 0;
    position: relative;
    vertical-align: top;
}
ul#menu-affiner > li ul li {
	background-color:#FFF;
	border-bottom:2px solid #000;
	border-left:2px solid #000;
	border-right:2px solid #000;
	padding-bottom:15px;
}

ul#menu-affiner li > a {
    padding-left: 40px;
	color:#FFF;
	font-size: 1em;
	line-height: 40px;
    min-height: 40px;
	font-weight: bold;
	display:block;
	background: url("../../../images/fleche-fermer.png") no-repeat scroll right top #000;
}
ul#menu-affiner > li.open > a {
	background: url("../../../images/fleche-ouvert.png") no-repeat scroll right top #000;
}
ul#menu-affiner li > a:hover {
	text-decoration: none;
}


ul#menu-affiner li a span + span {
	display:none;
}

.selection-details-chaussure h2 a:hover, .selection-details-chaussure h2 a:visited, .selection-details-chaussure h2 a:link  {
	color:#000;
	padding:10px 0 10px 5px;
	display:block;
	font-size:15px;
}

.checkbox-titre {
	color:#000;
	padding:7px 0  7px 38px;
	display:block;
	font-size:15px;
}


#BLOC-menu-deroulant {
    margin: 0 2% 0 2% !important;
}
#BLOC-menu-deroulant li a {
    width: 96%;
}
#BLOC-menu-deroulant li:hover ul {
	 width: 96.7%;
}
#BLOC-selection-pointure, #BLOC-selection-pointure-2014 {
    margin: 5px 0 30px !important;
}

/* TOGGLE */
.DIVIMGTITRE {
	background: url("../../../images/fleche-fermer.png") no-repeat scroll right top #000;
    color: #fff;
    display: block;
    font-size: 1em;
    font-weight: bold;
    line-height: 40px;
    min-height: 40px;
    padding-left: 40px;
	margin: 0 2% 0;
}

.DIVIMGTITRE.OPEN {
    background: url("../../../images/fleche-ouvert.png") no-repeat scroll right top #000;
}

.DIVIMGTITRE a {
	text-decoration: none;
	color: #FFF;
	font-size: 1em;
    font-weight: bold;
	display: block;
	line-height:40px;
	height:40px;
}

.DIVTXT {
	display: none;
	margin: 0 2% 0;
	border-bottom: 2px solid #000;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
	padding-top:15px;
}
#CONTAINER #sociaux {
    margin-top: 20px;
}

#CONTAINER #menu_footer #col-01, #CONTAINER #menu_footer #col-02, #CONTAINER #menu_footer #col-03, #CONTAINER #menu_footer #col-04 {
    margin:0;
	padding-top:15px;
}
#CONTAINER #menu_footer {
    border-bottom:0;
    margin-bottom: 0;
    padding: 15px 0;
}
#CONTAINER #menu_footer .h2MenuFooter {
    /*border-bottom: 1px solid #002c1b;*/
    margin: 0 15px 15px;
}


#CONTAINER #menu_bas ul li a {
    font-size: 1em;
}
#BLOC-selection-details-chauss  {
	float:none;
    padding: 0 10px 0;
	margin:0;
}

#CONTAINER #contenu .Produit-home .fil-arianne {
    margin: 5px 10px 20px;
}
#BLOC-selection-details-chauss .selection-details-chaussure {
    margin: 0 0 2px;
}


}

/* FIN MENU RESPONSIVE */



@media screen and (max-width: 750px) {
	
	/************ COMMUN GLOBAL ************/
		
	body { /* passer tous les éléments de largeur fixe en largeur automatique */
		background:#FFF;
		width: auto !important; 
		margin: auto !important; 
	} 
	
	img, table, td, blockquote, code, pre, textarea, input, object, embed, video { /* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */
		max-width: 100% !important; 
	} 	
	img { /* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */
		/*height: auto !important;*/ Modif par Bexley
		width: auto !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		/*max-width:100%;*/
	}	
	textarea, table, td, th, code, pre, samp { /* gestion des mots longs */
		word-wrap: break-word; /* passage à la ligne forcé */
		-webkit-hyphens: auto; /* césure propre */
		-moz-hyphens: auto;
		hyphens: auto;
	} 
	code, pre, samp { /* passage à la ligne spécifique pour les éléments à châsse fixe */
   		white-space: pre-wrap; 
 	}
	.ACCUEIL #header-top .info, /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */
	#header-top-resp .info,
	/*.ACCUEIL #header-left,*/
	.ACCUEIL #header-middle,
	/*.ACCUEIL #header-right,*/
	#CONTAINER #menu_footer #col-01, 
	#CONTAINER #menu_footer #col-02, 
	#CONTAINER #menu_footer #col-03,
	#CONTAINER #menu_footer #col-04,
	/* Page rayon */
	#BLOC-menu-deroulant, 
	#BLOC-rayon-chaussure,
	/* Page détail */
	#BLOC-COL-G-details,
	#BLOC-COL-D-details { 
		float: none !important; 
		width: auto !important;
	}
	.hide_mobile { 
		display: none !important; 
	} 


 	/************ COMMUN SPECIFIQUE ************/
	#CONTAINER { 
		width: 100%;
		margin: 0;
	}
	#oASPPopupPromo {
		top:0 !important;
		left:10px !important;
		margin:auto auto;
	}
	
	/*  header */
	#CONTAINER #header{
		margin-bottom:10px;
		padding-top:120px;
		min-height:55px;
	}
	.ACCUEIL #header-top
	{
		/*padding-top:125px;*/
		text-align:center;
		/*margin-bottom:10px!important;*/
		/*display:none;*/
	}
	.ACCUEIL #header-top h1,
	.ACCUEIL #header-top #h1Home,
	#header-top-resp h1,
	#header-top-resp #h1Home-resp {
		text-align:center;
		padding:0 10px !important;
	}
	.ACCUEIL #header-top .info,
	#header-top-resp .info {
		padding:0 0;	
	}
	.ACCUEIL #header-right #newsletter {
		width:auto !important;
	}
	
	/* Logo et accès direct */
	.ACCUEIL #header-middle {
		width:100% !important;
		min-height:100px;
		position:absolute;
		top:0;
		padding:0;
		border-bottom:1px solid #002C1B;
	}
	#header-middle a {
		display:inline-block;
	}
	
	
	.ACCUEIL #header-middle img {
		margin:0 auto;
	}
	.ACCUEIL #header-left,
	.ACCUEIL #header-right {
		text-align:left;
		padding:0;
		position:inherit;
		width:49%;
	}
	
	.ACCUEIL #header-left {
		padding-top:10px;
		/*display:none;*/
	}
	.ACCUEIL #header-right #logue,
	.ACCUEIL #header-right #connectez-vous,
	.ACCUEIL #header-right #mon_panier {
		/*float:none;*/
		position:inherit;	 
		width:auto;
		/*padding:5px 0 0 60px;*/
		background-position:right top;
		text-align:right;
	}
	.ACCUEIL #header-right #connectez-vous {
		margin:10px 7px 0 0;
	}
	.ACCUEIL #header-right #mon_panier{
		margin:10px 0 0 0;
	}
	.ACCUEIL #header-right #logue{
		margin:0;
	}
	.ACCUEIL #header-right #connexion {
		width:auto !important;
		z-index: 9;
		padding: 10px;
		top:100px;
	}
	.ACCUEIL #header-right p a {
		display:block;
	}
	.ACCUEIL #header-left .infos p span.titre,
	#header-left-resp .infos p span.titre,
	.ACCUEIL #header-right #mon_panier .h2Basket,
	.ACCUEIL #header-right #connectez-vous .h2Connect{
		font-size:11px;
	}
	.ACCUEIL #header-right #connectez-vous .h2Connect{
		font-weight:bold;
	}
	.ACCUEIL #header-left .infos,
	#header-left-resp .infos.livraison{
		padding-left:50px;
	}
	
	#header-left-resp .infos.boutiques{
		padding-right:48px;
		padding-left:0;
	}
	.ACCUEIL #header-left .infos.livraison p span.color,
	#header-left-resp .infos.livraison p span.color{
		font-size:10px;
	}
	.ACCUEIL #header-right #mon_panier p,
	.ACCUEIL #header-left .infos.livraison,
	.ACCUEIL #header-left .infos.boutiques,
	#header-left-resp .infos.livraison,
	#header-left-resp .infos.boutiques,
	.ACCUEIL #header-right #connectez-vous{
		font-size:9px;
	}
	
	.ACCUEIL #header-right #mon_panier,
	.ACCUEIL #header-right #connectez-vous{
		padding-right:39px;
	}
	/*.ACCUEIL #header-right #connectez-vous{
		padding-right:37px;
	}
	.ACCUEIL #header-right #mon_panier{
		padding-left:42px;
		text-align:left;
	}*/
	.ACCUEIL #header-left .infos.livraison,
	#header-left-resp .infos.livraison{
		background: url("../../../images/picto-livraison_resp.png") no-repeat left top;
	}
	
	.ACCUEIL #header-left .infos.boutiques
	{
		margin-top:10px;
		background: url("../../../images/picto-boutique_resp.png") no-repeat left top;
	}

	#header-left-resp .infos.boutiques{
		margin-top:0;
		background: url("../../../images/picto-boutique_resp.png") no-repeat right top;
		text-align:right;
	}
	
	.ACCUEIL #header-right #mon_panier{
		/*background: url("../../../images/picto-panier_resp.png") no-repeat left top;*/
		background: url("../../../images/picto-panier_resp.png") no-repeat right top;
	}
	
	.ACCUEIL #header-right #connectez-vous{
		background: url("../../../images/picto-fidelite_resp.png") no-repeat right top;
		/*float:right;*/
	}
	
	.ACCUEIL #header-right #connexion .bt{
		padding: 3px 3px 3px 3px;
		margin-top: -10px;
		float: right;
	}
	
	.LIGNE-Valider form#fidelisation{
		min-height:30px;
	}
	
	.LIGNE-Valider form input#fid_pwd {
		float: left;
	}
	
	.LIGNE-Valider form input#fid_code {
		float: left;
		margin-bottom: 5px;
	}
		
	/* menu principal */
	#CONTAINER #menu #dropdown {
		margin-top:10px;
		width:100% !important;
	}
	.juizdropdown {		
		height:auto !important;
	}
	.juizdropdown li,
	.juizdropdown a {
		display:block;
	}
	.juizdropdown li {
		padding:0;
		margin:0;
		background:none;
		text-align:center;
		border-bottom:1px solid #FFF;
	}
	#CONTAINER #menu ul li a {
		font-size:13px;
		font-weight:bold;
	}
	
	/* menu bas */
	#CONTAINER #menu_bas {
		margin-bottom:0;   
	}
	#CONTAINER #menu_bas ul li {
		
		padding:3px 0 !important;
		margin:0 0 1px 0;
		text-align:center;    
		margin: 0 3% 15px;
		width:94%;
		display: inline-block;                                             
	}
	#CONTAINER #menu_bas ul {
	text-align:center;
	}

	
	#CONTAINER #menu_bas ul li a {
		font-size:0.8em;;
		font-weight:normal;
	}

	/* menu footer */
	#CONTAINER #menu_footer {
		padding:0 0 10px 0 !important;
		border-top:none;	
	}
	#CONTAINER #menu_footer #col-01, 
	#CONTAINER #menu_footer #col-02, 
	#CONTAINER #menu_footer #col-03,
	#CONTAINER #menu_footer #col-04 {
		margin:10px 0 0 0;
		width:100%;
		text-align:center; 		
	}
	
	/* Réseaux sociaux */
	#tiptipfb_holder,
	#tiptiptw_holder {
		text-align:center;
	}
	#tiptiptw_holder {
		margin-bottom:10px;
	}
	
	
	/************ PAGE D'ACCUEIL ************/
	
	/* visuel produit */
	.Produit-home {
		position:inherit;
		min-height:160px !important;
		margin-bottom:15px;		
	}
	.Produit-home .LIENS-produits {
		width:auto !important;
		height:auto;
		padding:0;
		margin:0;
		position:inherit;
		right:0 !important;
		top:0 !important;		
		text-align:center;
	}
	.Produit-home .LIENS-produits H2 {
		font-size:20px;
		color:#002C1B;
		line-height:normal;
	}
	.LIENS-produits .banniere-prix .prix-paire {
		color:#002C1B;
		width:40%;
		margin:0 0 0 10px;
	}
	.LIENS-produits .banniere-prix .prix-paires {
		color:#002C1B;
		width:40%;
		margin: 0 10px 0 0;
		text-align:right;
	}
	.LIENS-produits .banniere-prix {
		font-size:14px !important;
	}
	.LIENS-produits .banniere-prix .prix {
		font-size:16px !important;
		line-height:normal;
	}
	
	/* Bouton Découvrir */
	.Produit-home #BLOC-defilement {
		clear:both;
		position:inherit !important;
		width:auto !important;
		height:auto !important;
		padding:0 !important;	
	}
	#CONTAINER #contenu .Produit-home #BLOC-defilement p {
		margin:0 !important;
	}
	.bouton-rouge {
		float:none;
		margin:0 auto;
		background-position: 80px 7px !important;
		height:26px !important;
		line-height:26px !important;
		width:80px !important;
		font-size:15px;
	}
	
	/* Carousel */	
	#Carrousel {
		width:auto !important;
		margin-bottom:35px;
	}
	.bx-wrapper {
		width:auto !important;
	}
	.panel,
	.panel + .panel,
	.panel + .panel + .panel,
	.panel + .panel + .panel + .panel {
		width:45%;
		margin:0 2% 4% 2% !important;
		padding:0 !important;
	}
	.panel p {
		bottom:5px;
		left:5px;
		min-height:33px;
		width:88.5%;
		padding:3px;
	}
	#Carrousel #slider1 li p {
		margin:0;
	}
	#Carrousel #slider1 li img {
		margin:0;
	}
	.bx-pager { 
		right:84px;
		bottom:-25px;
	}
	
	
	/************ PAGE RAYON ************/
	
	/* Bandeau nom produit */
	#BLOC-bandeau-page-rayon {
		width:auto!important;
		height:auto !important;
		padding:5px 10px;
	}
	.titre-bandeau {
		float:none;
		padding:0 !important;
	}
	.titre-bandeau h1 {
		font-size:17px;
	}
	.prix-bandeau {
		float:none;
		margin:0 !important;
		font-size:13px;		
	}
	.prix-bandeau p {
		font-size:13px !important;
		padding:0 !important;
		margin:0 !important;
	}
	
	/* Bloc contenu */
	#BLOC-rayon-chaussure {
		width:auto;
		margin:0 !important;
	}
	
	/* Recherche pointure */
	#BLOC-selection-pointure, #BLOC-selection-pointure-2014 {
		margin:15px 0 !important;
	}
	#BLOC-menu-deroulant {
		margin:0 !important;
	}
	#BLOC-menu-deroulant li a {
		width:95%;
		background-position:96% 11px;
	}
	
	/* Liste de resultat */
	#BLOC-rayon-chaussure .BLOC-rayon-details .rayon-chaussure-titre {
		width:95%;
		margin:0 auto !important;
	}
	#BLOC-rayon-chaussure .BLOC-rayon-details .rayon-chaussure-description .contenu-rayon-chaussure-descr {
		float:none;
		margin:0 auto !important;
		height:inherit;
		min-height:280px; /* Ã  tester sur tous les produits */
	}

	/* Filtres de sélection */
	#BLOC-selection-details-chauss {
		width:93%;
	}
	
	
	/************ PAGE DETAIL PRODUIT ************/
	
	/* Image principale */
	#CONTAINER #contenu .Produit-home .Produit-details-bloc-image {
		padding:0;
		height:auto;
	}
	#CONTAINER #contenu .Produit-home .Produit-details-bloc-image .Produit-image {
		float:none;
	}
	
	/* Vignettes */
	#CONTAINER #contenu .Produit-home .miniature-détails-produits {
		margin:0;
		width:100%;
	}
	#views {
		margin:0 auto;
		width:250px;
	}
	
	/* description */
	#BLOC-COL-D-details {
		padding:5px !important;
	}
	#BLOC-COL-D-details .details-panier {
		margin-top:20px;
	}
	#BLOC-COL-D-details .details-panier td {
		vertical-align:top;
	}
	.details-panier .quantite-panier {
		float:none;
	}
	.details-panier .ajouter-panier {
		margin:10px 0 0 0;	
		float:left;
		display:inline-block;		
	}
	
	/* onglets */
	#BLOC-widget-description {
		width:100%;
		margin:15px 0 0 0;
	}
	.ui-tabs .ui-tabs-nav li,
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
		width:24.6% !important;
	}
	.ui-tabs .ui-tabs-nav li a {
		font-size: 10px;
	}
	
	.ui-tabs .ui-tabs-panel {
		padding:10px !important;
	}
	#BLOC-widget-description .ui-tabs-panel p {
		padding:0 !important;
		margin:0 !important;
	}
	#BLOC-widget-description p {
		width:auto !important;
	}
	
	/* Seconde paire */
	#BLOC-seconde-paire {
		float:none;
		margin:10px auto !important;	
		width: 95%;
		height:100%;
	}
	#BLOC-seconde-paire .seconde-paire-contenu {
		padding:0 !important;
	}
	#BLOC-seconde-paire .seconde-paire-contenu .seconde-paire-image {
		width:50%;
		margin-right:0;	
	}
	
	.seconde-paire-contenu .seconde-paire-image + .seconde-paire-image + .seconde-paire-image + .seconde-paire-image + .seconde-paire-image {
		display: none;
	}
	
	.BLOC-cadre-vendu-avec .BLOC-vendu-avec + .BLOC-vendu-avec + .BLOC-vendu-avec + .BLOC-vendu-avec + .BLOC-vendu-avec + .BLOC-vendu-avec + .BLOC-vendu-avec{
                display:none;
	}
	
	
	/************ POP IN "VOUS VENEZ D'AJOUTER A VOTRE PANIER" ************/
	
	/* Global */
	#popupContainer {
		left:10px !important;
		margin-top:20px;
		/*top:300px !important;*/
	}
	#popupInner{
		
	}
	#popupFrame {
		
	}
	#PANIER {
		padding:0 7px !important;
	}
	#PANIER table {
		width:auto !important;
		margin:0 auto !important;
	}
	
	/* Titre */
	#PANIER .message {
		margin-left:0 !important;
	}
	#PANIER .titre-ajout-panier {
		margin:0 !important;
		width:auto !important;
		font-size:0.9em !important;	
	}
	
	
	
	/* Tableau détail commande */
	#PANIER .PANIER-produit tr td {
		display:block;
	}
	#PANIER .PANIER-livraison tr th {
		/*display:none;*/
	}
	#PANIER .PANIER-livraison tr td {
		width:auto !important;
		text-align:center !important;
		margin-top:0 !important;
		padding:0 !important;
	}
	
	#PANIER .PANIER-livraison tr td{
		display:table-cell;
	}
	
	/* Image produit */
	#PANIER .tabImgSmlPrd {
		width:auto !important;
	}
	#PANIER .tabImgSmlPrd img {
		max-height:150px !important;
	}
	#PANIER .tabImgSmlPrd tr td a {
		display: inline-block;
		width: 100%;
		text-align:center;
	}
	
	/* Mon panier : articles - total */
	#PANIER #header-right,
	#PANIER #mon_panier_popin {
		width: 100% !important;
		margin-bottom: 30px;
		float: left!important;
		max-width:100%;
	}
	
	.ACCUEIL #PANIER #header-right #mon_panier_popin {
		background: url("../../../images/picto-panier.gif") no-repeat 20px top;
		margin:0 !important;
		padding:0 !important;
		min-height:0 !important;
	}
	
	#PANIER #mon_panier_popin p{
		color:#114c11!important;
	}

	#PANIER #mon_panier_popin h2,
	#PANIER #mon_panier_popin p {
		/*display:inline-block;
		margin-left:10px;*/display: inline-block;margin-left: 70px;float: left;margin-top: 0px;
	}
	
	#PANIER #mon_panier_popin p.nbarticles{
		margin-left: 72px!important;
	}
	
	#PANIER #mon_panier_popin p.total{
		margin-left: 43px;
	}

	/* découvrez également */
	#contenu #PANIER .BLOC-vendu-avec-prepanier {
		/*width:25%;*/
		width:33.33%;
		min-height:130px!important;
		/* margin-top: 10px; */
}
	
	/* boutons */
	#PRODUITS-int .lien-suite {
		display:block;
		margin:0 !important;
		padding:6px !important;
		font-size:0.75em;
		border:5px solid #FFFFFF;
		text-align: center;
	}
	
	
	/************ MON PANIER ************/
	#PANIER #PRODUITS-int {
		width:100%;
	}
	
	/* Etapes de commande */
	#PANIER .etapes .textes01 {
		font-weight:0.9em;
	}
	
	/* Tableau recap commande */	
	.PANIER-recap {
		width:100% !important;
	}
	
	#PRODUITS-int table .PANIER-table td, 
	#PRODUITS-int table .PANIER-table a {
		font-size:0.8em;
	}
		
	/* Ceux qui ont commandé ces articles... */
	#contenu .BLOC-cadre-vendu-avec-titre {
		font-size:0.9em;
	}
	#contenu #PANIER .BLOC-vendu-avec {
		width:33.33334%;
		min-height:auto !important;
	}

	
	/************ MES COORDONNEES ************/
	
	.PANIER-bloc tr td {
		display:block;
	}
	#PRODUITS-int table .PANIER-bloc table td div {
		position:static !important;
		height:auto !important;
	}
	
	
	/************ PAGES DE CONTENU STANDARD ************/
	
	/* Commun pages de contenu */
	#contenu #PAGE-type {
		padding:0 10px;
	}
	#contenu #PAGE-type table {
		width:auto !important;
	}
	
	/* Page Gagnez 8€ en parrainant vos amis */
	#ctl00_ContentPlaceHolder1_Authentification table {
		width:auto !important;
		padding:0 !important;
	}
	#ctl00_ContentPlaceHolder1_Authentification > table tr td {
		display:block;
    	margin: 0 auto;
    	width: 95%;
	}
	#ctl00_ContentPlaceHolder1_Authentification table table.PANIER-bloc table {
		display:block;
	}
	#ctl00_ContentPlaceHolder1_Authentification table table.PANIER-bloc table tr td {
		display:inline;
	}
	
	/* Page Inscription à la Newsletter */
	#FIDELITE {
		width:auto !important;
	}
	
	/* Page Choisir sa taille */
	.TABLE-listes td {
		width:auto !important;
		padding:2px 0 !important;
	}
	.TABLE-listes td span,
	.TABLE-listes td p,
	.TABLE-listes td p span {
		font-size:8px !important;
	}
	
	/* Page Presse : On parle de nous */
	.textes07 a font strong {
		font-size:11px;
		word-wrap: break-word;	
	}
	
	/* Plan du site */
	.plan-du-site-bloc1 {
		width:auto !important;
	}
	.plan-du-site-bloc2a, 
	.plan-du-site-bloc2b {
		float: none;
		margin:0;
		width: auto;
	}
	
	/*************   MENU RECAP    ************/
	#PANIER .etapes
	{
		font-size:9px;
	}
	#PANIER .etapes .textes01
	{
		font-size:9px;
	}
	#PANIER .etapes ul li.fleche
	{
		padding:12px 0;
	}
	
	/************ PAGE COORDONNEES ************/
	.connexion-bexley {
		width:auto
	}
	
	.bloc-connexion{
		margin-bottom:15px;
	}
		
	.contenu-mes-coordonnees
	{
		width:auto;
	}
		
	.bloc-connexion,
	.bloc-inscription
	{
		float:none;
		width:80%;
		padding:0 10% 6%;
		height:auto;
		min-height:20px;
	}
	
	#CONTAINER #contenu .bloc-connexion p,
	#CONTAINER #contenu .bloc-inscription p
	{
		text-align:center;
	}
		
	.bloc-inscription a.btn-valider
	{
		margin-top:15px;
	}
	
	.contenu-mes-coordonnees input
	{
		width:100%;
		padding:4px 0;
		margin-left:0;
		margin-top:3px;
	}
	.contenu-mes-coordonnees select
	{
		width:100%;
		padding:3px 0;
		margin-left:0;
		margin-top:3px;
	}
	#PANIER .sous-titre
	{
		padding:0;
		margin-top:20px;
	}
	
	.champs-obligatoire
	{
		margin-right:10%;
	}
	.contenu-mes-coordonnees .bloc-infos
	{
		width:80%;
		padding:0 10%;
	}
	.contenu-mes-coordonnees .bloc-infos .bloc-infos {
		padding: 0;
		width: 100%;
	}
	.bloc-connexion label
	{
		text-align:left;
		display:block;
	}
	.connexion-bexley .bloc-connexion .liste-label label
	{
		display:inline-block;
	}
	.bloc-connexion .liste-label > div{
		text-align:left;
	}
	.connexion-bexley input
	{
		float:none;
		width:100%!important;
		padding:4px 0;
		margin:3px 0 0;
	}
	.bloc-connexion .liste-label
	{
		margin-bottom:10px;
	}
	.bloc-connexion a.btn-valider,
	.bloc-inscription a.btn-valider
	{
		width:100%;
		padding:5px 0;
		font-weight:bold!important;
	}
	#contenu #PANIER a.recevoir-mdp,
	#contenu #PANIER a.btn-secondaire
	{
		background:#b49d64;
		color:#FFF;
		font-size:12px;
		width:100%;
		text-decoration:none;
		margin-bottom:4px;
		padding:8px 0;
	}
	#contenu #PANIER a.aide
	{
		background:#ae995d;
		color:#FFF;
		font-size:12px;
		width:100%;
		text-decoration:none;
		padding:8px 0;
	}
	.contenu-mes-coordonnees .liste-label
	{
		width:100%;
		margin-top:15px;
	}
	.contenu-mes-coordonnees .liste-label > div
	{
		text-align:left;
	}
	label.obligation
	{
		padding-left:0;
	}
	.contenu-mes-coordonnees .liste-label > div > div
	{
		margin-right:0;
	}
	.contenu-mes-coordonnees .liste-label > div > div label
	{
		display:block;
		width:41px;
		margin-bottom:3px;
	}
	.contenu-mes-coordonnees label.obligation
	{
		text-align:left;
	}
	.contenu-mes-coordonnees a.btn-valider
	{
		width:100%;
		padding:5px 0;
	}
	.contenu-mes-coordonnees .liste-label > div > div.portable
	{
		margin-left:0;
	}
	.contenu-mes-coordonnees .liste-label > div > div.telephone label
	{
		width:67px;
	}
	a.btn-valider
	{
		padding:5px 0;
		width:100%;
		font-weight:bold!important;
	}
	.bloc-retour
	{
		padding:0;
	}
	.bloc-retour a.btn-retour
	{
		margin:0 auto;
	}
	.contenu-mes-coordonnees .adresse
	{
		padding:0;
	}
	
	/************ MON PANIER etape mon panier ************/
	#PANIER .etapes ul {
		display:table;
	}
	#PANIER .etapes ul li{
		
	}
	#PANIER .etapes ul li.fleche{
		display:none;
	}
	#PANIER .etapes ul li.recap span{
		width:24.5%;
		height:24px;
		display:table-cell;
		vertical-align:middle;
	}
	
	#PANIER .etapes ul li.recap.mon-panier{
		width:13.5%
	}

	#PANIER .etapes ul li.recap.coordonnees{
		width:30%;
	}

	#PANIER .etapes ul li.recap.livraison{
		width:16%
	}
	
	#PANIER .etapes ul li.recap.mode-paiement{
		width:18.5%
	}

	#PANIER .etapes ul li.recap{
		width:20%
	}
	
	#PANIER .PANIER-recap{
		border: 0;
		margin-bottom:0;
	}
	.PANIER-recap .bloc-recap-produit-lvl1 .bloc-libelle, .PANIER-recap .bloc-recap-produit-lvl1 .bloc-coloris, .PANIER-recap .bloc-recap-produit-lvl1 .bloc-taille, .PANIER-recap .bloc-recap-produit-lvl2 .bloc-prix-unitaire, .PANIER-recap .bloc-recap-produit-lvl2 .bloc-quantite, .PANIER-recap .bloc-recap-produit-lvl3 .bloc-prix-total{
		margin-top:0;
	}
	.bloc-recap-produit-lvl1
	{
		padding:10px 0 0;
		border-top:1px solid #ae995d;
		border-left:1px solid #ae995d;
		border-right:1px solid #ae995d;
	}
	
	.bloc-recap-produit-lvl1,
	.bloc-recap-produit-lvl3
	{
		width:100%;
	}
	
	.bloc-recap-produit-lvl2
	{
		width:93%;
	}
	
	.bloc-recap-produit-lvl2,
	.bloc-recap-produit-lvl3
	{
		background:#f7f5ee;
	}
	
	.bloc-recap-produit-lvl1 .bloc-article{
		width:40%;
		margin-right:10%;
	}
	
	.bloc-recap-produit-lvl1 .bloc-libelle{
		margin-top:10px;
	}
	
	.bloc-recap-produit-lvl1 .bloc-libelle,
	.bloc-recap-produit-lvl1 .bloc-coloris,
	.bloc-recap-produit-lvl1 .bloc-taille
	{
		width:50%;
	}
	
	.bloc-recap-produit-lvl1 > div > div.titre,
	.bloc-recap-produit-lvl2 > div > div.titre,
	.bloc-recap-produit-lvl3 > div > div.titre
	{
		float:left;
		border:0;
		min-width:60px;
	}
	
	.bloc-recap-produit-lvl1 > div.bloc-article > .contenu 
	{
		text-align:center;
	}
	
	.bloc-recap-produit-lvl1 .bloc-article .produit span {
		display: none;
	}
	
	.bloc-recap-produit-lvl1 > div > .contenu,
	.bloc-recap-produit-lvl1 > div > .titre
	{
		padding:3px 0!important;
		text-align:left;
	}
	
	.bloc-recap-produit-lvl2 > div > .contenu,
	.bloc-recap-produit-lvl2 > div > div.titre
	{
		padding:3px 0;
	}
	
	.bloc-recap-produit-lvl1 > div > .contenu span
	{
		margin-left:5px;
	}
	
	.bloc-recap-produit-lvl1 > .bloc-article div.titre.produit.lignePanierNext span,
	.bloc-recap-produit-lvl1 > .bloc-libelle div.titre.produit.lignePanierNext span,
	.bloc-recap-produit-lvl1 > .bloc-coloris div.titre.produit.lignePanierNext span,
	.bloc-recap-produit-lvl1 > .bloc-taille div.titre.produit.lignePanierNext span,
	.bloc-recap-produit-lvl2 > .bloc-prix-unitaire div.titre.produit.lignePanierNext span,
	.bloc-recap-produit-lvl2 > .bloc-quantite div.titre.produit.lignePanierNext span,
	.bloc-recap-produit-lvl3 > .bloc-prix-total div.titre.produit.lignePanierNext span
	{
		display:block;
	}
	
	.bloc-recap-produit-lvl2 {
		padding:20px 2% 20px 5%;
		min-height:20px;
		border-left:1px solid #ae995d;
		border-right:1px solid #ae995d;
	}
	
	.bloc-recap-produit-lvl3
	{
		min-height:40px;
		font-weight:bold;
		color:#002c1b;
		border-bottom:1px solid #ae995d;
		border-left:1px solid #ae995d;
		border-right:1px solid #ae995d;
	}
	
	.bloc-recap-produit-lvl2 .bloc-prix-unitaire .titre,
	.bloc-recap-produit-lvl2 .bloc-quantite .titre
	{
		font-weight:normal;
		color:#002c1b;
	}
	
	.bloc-recap-produit-lvl2 .bloc-quantite .contenu
	{
		float:left;
	}
	
	.bloc-recap-produit-lvl2 .bloc-prix-unitaire,
	.bloc-recap-produit-lvl2 .bloc-quantite
	{
		width:49%;
	}
	
	.bloc-recap-produit-lvl2 .separation{
		float:left;
		text-align:center;
		width:2%;
		display:inline;
	}
	.bloc-recap-produit-lvl2 .bloc-quantite img
	{
		vertical-align:top;
	}
	
	.bloc-recap-produit-lvl3 > div > div.titre,
	.bloc-recap-produit-lvl3 > div > div.contenu
	{
		color:#002c1b;
		padding:3px 0;
	}
	
	.bloc-recap-produit-lvl3 > div > div.titre
	{
		text-align:right;
	}
	
	.bloc-recap-produit-lvl3 .bloc-prix-total 
	{
		width: 50%;
		margin: 0 auto;
		text-align: center;
		float: none;
	}
	.LIGNE-identification{
		/*display:none;*/
	}
	.LIGNE-supprimer{
		/*display:none;*/
	}
	.LIGNE-total
	{
		margin-top:10px;
		border:1px solid #dfd6be;
		background:#dfd6be;
		font-size:13px;
		padding: 8px 0;
	}
	.LIGNE-total .total-articles
	{
		width:59%;
		padding-right:1%;
		text-align:right;
	}
	.LIGNE-total .prix-total
	{
		width:39%;
		padding-left:1%;
		text-align:left;
		color:#114c11;
	}
	.ajout-code-promo
	{
		border: 1px solid #ae995d;
		margin-top:10px;
	}
	.ajout-code-promo .LIGNE-supprimer
	{
		width:auto;
	}
	.ajout-code-promo .LIGNE-supprimer.supprimer
	{
		/*margin-top:-37px;*/
	}
	.LIGNE-code-promo
	{
		border: 1px solid #ae995d;
		margin-top:10px;
		margin-bottom:10px;
		padding: 13px 10px;
	}
	.LIGNE-identification {
		width: 51%;
	}
	.promo-montant {
		width: 60px;
	}
	.id-code-promo {
		max-width: 200px;
	}
	.LIGNE-code-promo .titre
	{
		width:40%;
		/*padding-top:10px;*/
	}
	.LIGNE-code-promo .code-promo
	{
		width:60%;
	}
	.txt-promo{
		display:none;
	}
	
	.PANIER-livraison {
		border: 0;
		width:100%
	}
	
	.BLOC-livraison-lvl2 .mre-adresse, .BLOC-livraison-lvl2 .mre-adresse-link  {
		color:#000;
		background:#FFF;
		width:100%;
		margin-right:25px;
		margin-left:0px;
		float:left;
		text-align: center;
	}
	
	.BLOC-livraison-lvl2 .mre-horaire {
		width:100%;
		float:left;		
	}

	.PANIER-livraison .BLOC-livraison-lvl2 .mre-adresse-link label a
	{
		background: none repeat scroll 0 0 #b49d64;
		float: left;
		font-size: 11px;
		margin: 0;
		padding: 8px 0;
		text-align: center;
		width: 100%;
		color: #ffffff;
		text-decoration: none;
		font-weight:bold;
		text-transform: uppercase;
		min-height: 16px;
		line-height: 16px;
	}
	
	.PANIER-livraison .BLOC-livraison-lvl2 .mre-adresse a
	{
		background: no-repeat scroll right top #000;
		float: left;
		font-size: 11px;
		margin: 0;
		padding: 0;
		text-align: center;
		width: 100%;
		color: #ffffff;
		min-height: 40px;
		line-height: 40px;
		text-decoration: none;
		text-transform: uppercase;
		font-weight:bold;		
	}
	
	.PANIER-livraison .BLOC-livraison-lvl2{
		display:block;
	}
	.selection-pays{
		display:none;
	}
	
	.BLOC-livraison-lvl1 label {
		text-align: left !important;
	}
	
	.PANIER-livraison .BLOC-livraison-lvl1
	{
		width:100%;
		padding:0;
	}
	
	.PANIER-livraison .BLOC-livraison-lvl1 > div
	{
		width:100%;
	}
	
	.PANIER-livraison .BLOC-livraison-lvl1 > div select
	{
		width:100%;
		padding: 4px 0;
		margin-top:3px;
	}
	
	.PANIER-livraison .BLOC-livraison-lvl1 .frais-prix, .PANIER-livraison .BLOC-livraison-lvl1 .frais-libelle
	{
		display: none;
	}
	
	.PANIER-livraison .BLOC-livraison-lvl1 .detaxe-libelle {
		width: 70% !important;
	}
	
	.BLOC-livraison-lvl1 .detaxe-libelle label {
		width: 120px !important;
	}

	.PANIER-livraison .BLOC-livraison-lvl1 .detaxe-prix {
		width: 30% !important;
	}
	
	#PANIER .conditions-ventes
	{
		/*display:none;*/
		width:100%
	}
	
	#PANIER .montant-commande
	{
		margin-top: 10px;
		border: 1px solid #dfd6be;
		background: #dfd6be;
		font-size: 13px;
		padding: 9px 0 5px;
		color: #114c11;
		width:100%
	}
	
	#PANIER .montant-commande span
	{
		color: #114c11;
		font-size:14px;
		text-transform:none;
	}
#PANIER .LIGNE-suite {
    width:100%
}
	
	#PANIER .LIGNE-suite .poursuivre,
	#PANIER .LIGNE-suite .valider
	{
		width: 100%;
		text-align: center;
		padding: 8px 0;
		font-size:11px;
		float:left;
		margin:0;
	}
	#PANIER .montant-commande span + span{
		float:none;
	}
	
	#PANIER .LIGNE-suite .poursuivre
	{
		background:#b49d64;
		margin-bottom:10px!important;
	}
	
	#PANIER .montant-commande > div
	{
		float:none;
		text-align:center;
	}
	#PANIER .autres-produits .BLOC-cadre-vendu-avec-titre {
		margin-top:28px;
		font-size:13px;
	}
	
	#contenu #PANIER .BLOC-vendu-avec img{
		width:73%!important;
	}
	
	#contenu #PANIER .BLOC-vendu-avec
	{
		min-height: 105px;
	}
	.LIGNE-code-promo .code-promo a{
		float:right;
		text-align:right;
}
	.LIGNE-code-promo .code-promo input{
		float:right;
		margin-bottom: 5px;
		margin-right:0;
		width: 100%;
		min-height:25px;
	}
	
	/************ panier > section mode de paiement ************/
	#mode-paiement .RECAP-bloc
	{
		padding: 15px 9%;
		width: 82%;
	}
	#mode-paiement .RECAP-bloc .logo-cb {
		width: 100%;
		height:30px;
		float:none;
	}
	#mode-paiement .RECAP-bloc .logo-cb > div {
		text-align:center;
	}
	#mode-paiement .RECAP-bloc .logo-cb ul li{
		text-align:center;
		width: 16.66%;
		margin:0;
	}
	#mode-paiement .RECAP-bloc .description
	{
		padding:0;
		margin-top:10px;
	}
	#mode-paiement .RECAP-bloc .selection label
	{
		color:#033B05;
		font-weight:bold;
		font-size:14px;
	}
	#mode-paiement .RECAP-bloc .selection input
	{
		margin-right: 8px;
	}
	#PANIER .valider input
	{
		width:100%;
		padding:5px 10px 5px 10px;
	}
	
	/************ panier > section recapitulatif ************/
	.bloc-recapitulatif{
		border:none;
		padding: 0;
		width:100%;
	}
	
	#PANIER #recapitulatif .PANIER-livraison .BLOC-livraison-lvl1
	{
		margin-top:2px!important;
	}
	
	#PANIER #recapitulatif .montant-commande > div
	{
		text-align:right;
	}
	
	#CONTAINER #contenu #PANIER #recapitulatif .montant-commande > div p{
		margin:0 20px 0 0;
	}
	
	#CONTAINER #contenu #PANIER #recapitulatif .montant-commande > div p span:last-child{
		width: 78px;
		display: inline-block;
	}
	
	.adresse-facturation, .adresse-livraison, .infos-transaction-cb{
		width:93%;
		float:none;
		margin: 10px 0 0;
		padding: 0 3% 20px;
	}
	
	.adresse-facturation label, .adresse-livraison label, .infos-transaction-cb label
	{
		width:95px;
	}
	
	.horaire-ouverture span{
		margin-right:0;
		font-size:11px;
		margin-left: 10px;
	}
	
	.adresse-facturation span, .adresse-livraison span, .infos-transaction-cb span{
		font-size:12px;
	}
	
	.adresse-livraison label{
		width:85px;
	}
	
	.adresse-livraison span{
		font-size:11px;
	}
	
	/***************************/
	/********* POP-IN  ********/
	/***************************/
	
	/******* Ajout panier ********/
	.pop-in .PANIER-livraison{
		width:100%;
	}
	.pop-in .bloc-recap-produit-lvl1{
		border: 1px solid #ae995d;
	}
	#PANIER #PRODUITS-int .pop-in .titre-ajout-panier{
		font-size:13px!important;
		margin-bottom: 12px!important;
	}
	#contenu #PANIER .pop-in #header-right h2{
		display:none;
	}
	
	.ACCUEIL #PANIER #header-right #mon_panier_popin{
		height: 33px;
		padding-top: 20px!important;
	}
	.ACCUEIL #header-right #mon_panier_popin p{
		float:left;
		margin-left:50px;
	}
	
	.ACCUEIL #header-right #mon_panier_popin p.total,
	.ACCUEIL #header-right #mon_panier_popin p.prix-total{
		font-weight:bold;
	}
	#PANIER .pop-in .LIGNE-suite .poursuivre,
	#PANIER .pop-in .LIGNE-suite .valider
	{
		float:none;
		padding:6px 0!important;
	}
	#contenu #PANIER .pop-in .BLOC-vendu-avec-prepanier img{
		width:80%!important;
	}
	
	#contenu #PANIER .pop-in .BLOC-vendu-avec-prepanier{
		width: 33.3333333%;
	}
	#contenu #PANIER .pop-in .BLOC-vendu-avec-prepanier a{
		font-size:11px;
	}
	#PANIER .pop-in .LIGNE-suite .poursuivre{
		margin-bottom:10px!important;
	}
	
	/*********  Relay mondial ***********/
	.relay-mondial .choix-cp .choix-cp-int-1 {
		width: 92%;
		padding: 10px 4% 20px;
	}
	.relay-mondial .titre{
		width:90%;
		border-bottom:#ae995d 1px solid;
		padding:10px 5%;
		text-align:center;
	}
	.relay-mondial .code-postal{
		border:0;
		padding-bottom:0;
	}
	.relay-mondial .choix-cp .choix-cp-int-1{
		border-bottom:0;
		padding-bottom:0
	}
	#popupContainer .relay-mondial .code-postal a.btn-valider{
		display:inline-block;
		padding: 5px 0 6px;
		width:50px;
	}
	
	#popupContainer .relay-mondial .code-postal a.poursuivre{
		background: #b49d64;
		margin: 10px 0 10px 0;
		color: #FFFFFF;
		font-weight: bold;
		border: none;
		width: 100%;
		text-align: center;
		padding: 7px 0;
		font-size: 11px;
		text-decoration:none;
		display:block;
	}
	
	#popupContainer .relay-mondial .code-postal input{
		width:120px;
	}
	
	#CONTAINER #contenu .relay-mondial p{
		margin:0;
	}
	
	/*********  pop up - mdp ***********/
	.mdp .bloc-mdp{
		padding: 5%;
		width:90%;
	}
	.mdp .titre{
		width:90%;
		border-bottom:#ae995d 1px solid;
		padding:10px 5%;
		text-align:center;
	}
	
	.mdp .bloc-mdp input{
		margin:5px 0 0 0;
		width:100%;
		padding:4px 0;
	}
	
	.mdp .bloc-mdp a.btn-valider{
		padding:7px 0;
	}
	
	/********** pop up - liste point relais *********/
	.pop-in .liste-point-relais{
		margin:10px 0;
	}
	
	.pop-in .liste-point-relais ul li {
		padding: 4% 5%;
	}
	.pop-in .liste-point-relais ul li .adresse{
		width:90%;
	}

	/********** pop up - liste point relais *********/

}



@media screen and (max-width:640px) and (orientation: landscape) {
	
	/************ COMMUN SPECIFIQUE ************/
	
	/* Logo et accès direct */
	.ACCUEIL #header-left,
	#header-left-resp {
		float:left !important;
		font-size:0.8em;
	}
	.ACCUEIL #header-right {
		float:right !important;
		margin:5px 10px 0 0;
		font-size:0.8em;
	}
	
	/* menu bas */
	#CONTAINER #menu_bas ul li a {
		font-size:12px;
		font-weight:normal;
	}
	
	
	/************ PAGE D'ACCUEIL ************/
	
	/* visuel produit */
	.Produit-home {
		position:relative !important;
	}
	.Produit-home .LIENS-produits {
		width:auto !important;
		height:auto;
		padding:0;
		margin:0;
		position:absolute !important;
		right:10px !important;
		top:45px !important;		
		text-align:center;
	}
	.Produit-home .LIENS-produits H2 {
		font-size:25px;
		color:#FFF;
		line-height:normal;
	}
	.LIENS-produits .banniere-prix .prix-paire {
		color:#FFF;
		width:auto;
		margin:0 !important;
	}
	.LIENS-produits .banniere-prix .prix-paires {
		color:#FFF;
		width:50% !important;
		margin:0 !important;
		text-align:right;
	}
	.LIENS-produits .banniere-prix {
		font-size:14px !important;
	}
	.LIENS-produits .banniere-prix .prix {
		font-size:16px !important;
		line-height:normal !important;
	}
	
	/* Bouton Découvrir */
	.Produit-home #BLOC-defilement {
		clear:both;
		position:absolute !important;
		width:auto !important;
		height:auto !important;
		padding:0 !important;	
		top:135px !important;
		right:10px !important;
	}
	#CONTAINER #contenu .Produit-home #BLOC-defilement p {
		margin:0 !important;
	}
	.bouton-rouge {
		float:right;
		margin:0 auto;
		background-position: 80px 7px !important;
		height:26px !important;
		line-height:26px !important;
		width:80px !important;
		font-size:15px;
	}
	
	#BLOC-rayon-chaussure .BLOC-rayon-details .rayon-chaussure-description .contenu-rayon-chaussure-descr {
		float:left;
		margin:0 0 !important;
		width:180px;
	}
	
	/* Carrousel */
	.bx-pager { 
		right:220px !important;
	}
	
	
	/************ PAGE DETAIL PRODUIT ************/
	
	/* Vignettes */
	#views {
		width:500px;
	}
	
	/* Liste de resultat */
	#BLOC-rayon-chaussure .BLOC-rayon-details .rayon-chaussure-titre {
		font-size:0.8em;
	}
	
	#SEP_FACETTE_ACCESSMODE_PARFUM .rayon-chaussure-description .contenu-rayon-chaussure-descr, #SEP_FACETTE_ACCESSMODE_PARAPLUIE .rayon-chaussure-description .contenu-rayon-chaussure-descr{
		width:auto!important;
	}

}


@media screen and (device-width:768px) and (orientation: portrait)  { /*(max-width:768px)*/
	
	/************ COMMUN GLOBAL ************/
		
	body { /* passer tous les éléments de largeur fixe en largeur automatique */
		
		background:#fdf7f2;background:#FFF;
		width: auto !important; 
		margin: auto !important; 
	} 
	
	img, table, td, blockquote, code, pre, textarea, input, object, embed, video { /* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */
		max-width: 100% !important; 
	} 	
	img { /* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */
		height: auto !important; 
		width: auto !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		/*max-width:100%;*/
	}	
	textarea, table, td, th, code, pre, samp { /* gestion des mots longs */
		word-wrap: break-word; /* passage à la ligne forcé */
		-webkit-hyphens: auto; /* césure propre */
		-moz-hyphens: auto;
		hyphens: auto;
	} 
	code, pre, samp { /* passage à la ligne spécifique pour les éléments à châsse fixe */
   		white-space: pre-wrap; 
 	}
	.ACCUEIL #header-top .info, /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */
	#header-top-resp .info
	{ 
		width: auto !important;
		float: none !important; 
	}                                  

                                                                                      
 	/************ COMMUN SPECIFIQUE ************/
	#CONTAINER { 
		width: 100%;
		margin: 0;             
	}
	
	/*  header */
	.ACCUEIL #header-top,
	#header-top-resp {
		text-align:center; 
	}
	.ACCUEIL #header-top h1,
	.ACCUEIL #header-top #h1Home,
	#header-top-resp h1,
	#header-top-resp #h1Home-resp {
		float:none;                                                                                  
		text-align:center;
		padding:0 10px !important;
	}
	.ACCUEIL #header-top .info,
	#header-top-resp .info {
		padding:0 0;	
	}
	
	/* Logo et accès direct */
	.ACCUEIL #header-left,
	.ACCUEIL #header-right { 
		width:33%;	
	}	
	.ACCUEIL #header-middle {
		width:32%
	}
	.ACCUEIL #header-middle img {
		margin-left:0 !important;
	}
	.ACCUEIL #header-right #connexion {
		width:auto !important;
	}
	.ACCUEIL #header-right p a {
		display:block;
	}
	.ACCUEIL #header-right #logue {
		width: 25%!important;
		float: left!important;
		text-align: left!important;
		padding: 0 0 0 47px!important;
		background: url("../../../images/picto-fidelite_resp.png") no-repeat left top !important;
	}
	.ACCUEIL #header-right #logue p a{
		font-weight:bold;
		font-size:10px;
		margin-top:1px;
	}
	.ACCUEIL #header-right #logue p a.small{
		font-size:9px;
	}
	.ACCUEIL #header-right #newsletter {
		width:auto !important;
	}
	
	/* menu principal */
	#CONTAINER #menu #dropdown {
		width:100% !important;
		height:auto;
	}
	
	/* menu bas */
	#CONTAINER #menu_bas ul li {
		width:auto;
		padding:3px 10px 5px 10px !important;
		margin:0 0.8em 0 0;
		text-align:center;                                                                                                                                                                             
	}
	
	/* menu footer */
	#menu-footer .col-menu-footer,
	#menu-footer .col-menu-footer.last {
		margin-bottom:10px;
	}
	
	
	/************ PAGE D'ACCUEIL ************/
	
	/* visuel produit */
	.Produit-home {
		margin-bottom:20px;
		min-height:100% !important;
	}
	.Produit-home .LIENS-produits {
		top:5px !important;
		right:10px !important;
	}
	
	/* Bouton Découvrir */
	.Produit-home #BLOC-defilement {
		padding:0;
		top:175px !important;
		right:10px !important;
	}
	
	/* Carousel */	
	#Carrousel {
		width:auto !important;
		min-height:100% !important;
		margin-bottom:50px;
	}
	.bx-wrapper {
		width:auto !important;
	}
	.panel,
	.panel + .panel,
	.panel + .panel + .panel,
	.panel + .panel + .panel + .panel {
		width:23%;
		margin:0 1% 0 1% !important;
		padding:0 !important;
	}
	.panel p {
		bottom:5px;
		left:5px;
		min-height:33px;
		width:88.5%;
		padding:3px;
	}
	#Carrousel #slider1 li {
		min-height:160px;
	}
	#Carrousel #slider1 li p {
		margin:0;
	}
	#Carrousel #slider1 li img {
		margin:0;
	}
	.bx-pager { 
		right:40%;
		bottom:-25px;
	}
	
	
	/************ PAGE RAYON ************/
	
	/* Bandeau nom produit */
	#BLOC-bandeau-page-rayon {
		width:auto;
		height:90px !important;
		padding:5px 10px;
	}
	.titre-bandeau {
		float:none;
		padding:0 !important;
	}
	.prix-bandeau {
		float:none;
		margin:0 !important;	
	}
	.prix-bandeau p {
		padding:0 !important;
		margin:0 !important;
	}
	
	/* Liste de resultat */
	#BLOC-rayon-chaussure {
		width:75% !important;
	}

	/* Filtres de sélection */
	#BLOC-selection-details-chauss {
		width:20% !important;
	}
	
	
	/************ PAGE DETAIL PRODUIT ************/
	
	#BLOC-COL-G-details {
		float:none !important;
		margin:0 auto;	
	}
	
	/* Image principale */
	#CONTAINER #contenu .Produit-home .Produit-details-bloc-image {
		padding:20px 0 0 0;
		margin:0 auto !important;
		height:auto;
	}
	#CONTAINER #contenu .Produit-home .Produit-details-bloc-image .Produit-image {
		float:none;
	}
	#CONTAINER #contenu .Produit-home .Produit-details-bloc-image .Produit-image #mousetrap {
		position:inherit !important;
		margin:0 auto !important;
	}
	
	/* description */
	#BLOC-COL-D-details {
		float:none;
		width:95%;              
		margin-top: 10px;
	}
	#BLOC-COL-D-details .details-panier {
		margin-top:20px;
	}
	#BLOC-COL-D-details .details-panier td {
		vertical-align:top;
	}
	.details-panier td select {
		width:auto;
	}
	.details-panier .quantite-panier {
		float:none;
	}
	.details-panier .ajouter-panier {
		margin:10px 0 0 0;	
		float:left;
		display:inline-block;		
	}
	
	/* onglets */
	#BLOC-widget-description {
		width:100%;
		margin:15px 0 0 0;
	}
	.ui-tabs .ui-tabs-nav li,
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
		width:24.8% !important;
	}
	.ui-tabs .ui-tabs-nav li a {
		font-size: 11px;
	}
	#BLOC-widget-description .ui-tabs-panel p {
		padding:0 !important;
		margin:0 !important;
	}
	#BLOC-widget-description p {
		width:auto !important;
	}
	
	/* Seconde paire */
	#BLOC-seconde-paire {
		float:none;
		margin:10px auto !important;	
		width: 95%;
		height:100%;
	}
	#BLOC-seconde-paire .seconde-paire-contenu {
		padding:0 !important;
	}
	#BLOC-seconde-paire .seconde-paire-contenu .seconde-paire-image {
		width:31%;
	}
	
	
	/************ MON PANIER ************/
	#PANIER #PRODUITS-int {
		width:100%;
	}
	
	/* Etapes de commande */	
	#PANIER .etapes {
		width:95% !important;
	}
	#PANIER .etapes .textes01 {
		font-weight:0.9em;
	}
	
	/* Tableau recap commande */
	.PANIER-recap {
		width:95% !important;
	}
	.PANIER-recap table {
		width:auto !important;
	}
	.PANIER-recap table tr td {
		vertical-align:middle !important;
	}
	
	/* Ligne bouton navigation */
	.LIGNE-suite {
		width:95% !important;
	}
	
	/* Ceux qui ont commandé ces articles... */	
	#contenu .BLOC-cadre-vendu-avec-titre {
		font-size:0.9em;
		width:95% !important;
	}
	#contenu #PANIER .BLOC-cadre-vendu-avec {
		width:95% !important;
	}
	#contenu #PANIER .BLOC-vendu-avec {
		width:25%;
		min-height:auto !important;
	}
	
	
	/************ PAGES DE CONTENU STANDARD ************/
	
	/* Commun pages de contenu */
	#contenu #PAGE-type {
		color:#002C1B !important;
		padding:0 20px !important;
	}
	#contenu #PAGE-type table {
		width:100% !important;
	}
	
	/* Page Gagnez 8€ en parrainant vos amis */
	#ctl00_ContentPlaceHolder1_Authentification table {
		padding:0 !important;
	}
	
	/* Page Inscription à la Newsletter */
	#FIDELITE {
		width:auto !important;
	}
	#FIDELITE table.etapes {
		width:auto !important;
	}	
	
	/* Page Choisir sa taille */
	.TABLE-listes td {
		width:auto !important;
		padding:2px 0 !important;
	}
	
	/* Page Presse : On parle de nous */
	.textes07 a font strong {
		word-wrap: break-word;	
	}
	
	/* Plan du site */
	.plan-du-site-bloc1 {
		width:auto !important;
	}
	.plan-du-site-bloc2a, 
	.plan-du-site-bloc2b {
		margin:0;
		width: auto;
	}
	
	
	/************ MES COORDONNEES ************/
	
	/* Formulaire vous êtes nouveau client */
	#PRODUITS-int table .PANIER-bloc {
		width:100% !important;
	}

	
}


@media screen and (device-width:768px) and (orientation: landscape) { 
	
	/************ COMMUN GLOBAL ************/
	body { 
		background:#fdf7f2;
		background:#FFF;
		width:100% !important; 
		margin:0 !important; 
	}	
	
}



.message { background-color:#FFF!important }



      @media only screen and (max-width: 1024px) { 
          #cookies_banner, #cookies_banner_audessus {
              width: 100%;
          }
          .cookies_wrapper{
              text-align: center;
              padding: 0 10px;
              font-size: 15px;
          }
          #cookies_banner p, #cookies_banner_audessus p {margin-bottom: 0;}

          #cookies_banner .pbx_spaccer, #cookies_banner_audessus .pbx_spaccer{height: 5px;}

          #cookies_banner .cookies_info, #cookies_banner_audessus .cookies_info {display: none;}
          #cookies_banner .cookies_info_mobile, #cookies_banner_audessus .cookies_info_mobile{display:inline-block; color: #fff; float: left; width: 50%;}

          #cookies_banner a.cookies_btn, #cookies_banner_audessus a.cookies_btn{
              margin: 0 auto;
              float: right;
              height: 25px;
              line-height: 25px;
              width: 50%;
          }
      }
      @media only screen and (max-device-width:400px) {
          #cookies_banner .cookies_info, #cookies_banner_audessus .cookies_info {
              letter-spacing: -0.7px;
              font-size: 11px;
          }
      }