/* > BOUTIQUES ACCUEIL

- -------------------------------------------------------- */

/* >>>	articles commons -------------------- */
.article {
	position:relative;
	border:transparent 2px solid;
	-webkit-transition:border-color .3s;
	-o-transition:border-color .3s;
	transition:border-color .3s;
}
.article > a {
	margin:5px;
	background:url(../../images/degrade-list.png) top left repeat-x;
	display:block;
	-webkit-transition:background-color .5s;
	-o-transition:background-color .5s;
	transition:background-color .5s;
}
.article-titre {
	text-transform:uppercase;
	margin-bottom:0;
	color:#2b343d;
}
.article .article-content { height:100px; }
.article .article-prix {
	margin:0 10px;
	display:inline-block;
	font-family: 'Biryani', sans-serif;
	font-size:1.2em;
}
.article .article-prix .prix-barre {
	font-size:0.65em;
	text-decoration:line-through;
}
.article-infos { }
.thumbnails-article img {
	display:block;
	max-width:100%;
	margin:0 auto;
	-webkit-transition:opacity .3s, -webkit-transform .7s;
    transition:opacity .3s, -webkit-transform .7s;
    -o-transition:opacity .3s, transform .7s;
    transition:opacity .3s, transform .7s;
    transition:opacity .3s, transform .7s, -webkit-transform .7s;
}
.thumbnails-article.th_loading img {
	visibility:hidden
}
.thumbnails-article.th_loading,  .thumbnails-article-alt.th_loading {
	background:#fff url(../../images/common/th_preloader.gif) center no-repeat;
	background-size:auto;
}
.article:hover .thumbnails-article img {
	opacity:.6,;
	-webkit-transform:scale(0.8);
	-ms-transform:scale(0.8);
	transform:scale(0.8);
}
.article:hover .thumbnails-article-alt img {
	opacity:0;
}
.article:hover { border-color:#f0bdb2 }
.article:hover > a { background-color:rgba(240, 189, 178, .2); }
.article figure {
	max-width:220px;
	margin:0 auto 20px;
}

/* >>> articles listes ---------------------- */
.article_list {
	display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
}
#categorie-list.article_list {
	margin:0 -10px;
	-webkit-flex-wrap:wrap;
	    -ms-flex-wrap:wrap;
	        flex-wrap:wrap;
}
.article_list .article {
	text-align:center;
	width:25%;
}
/* >>> filtres recherches ------------------- */

.filter-container {
	position:relative;
	padding:10px 0;
	z-index:1;
}
.filter-container .filter-header {
	max-width:990px;
	padding:0 20px;
	margin:0 auto;
}
.filter-container .filter-options {
	max-width:990px;
	padding:0 10px;
	margin:0 auto;
}
.bouton-filter-alt,  .bouton-filter-close {
	display:none
}
.article-bestseller-content {
	padding:20px 0;
	margin:0 auto 20px;
	/*border:#e3e3e3 1px solid;*/

	background-color:#f2f2f2;
}
.article-bestseller-content .article {
	border-color:#f2f2f2;
}
.article-bestseller-content .article:hover .article-actions {
	background-color:#f2f2f2;
}

/* > ARTICLES & BOUTIQUE 
------------------------------------------------------------------------------------------------------- */

.content_shop {
	position: relative;
}
.thumbnails-article { }
	
/* >>>	articles commons -------------------- */
.article {
	border:#fff 1px solid;
	-webkit-transition:border-color .3s ease-out;
	-moz-transition:border-color .3s ease-out;
	-ms-transition:border-color .3s ease-out;
	-o-transition:border-color .3s ease-out;
	transition:border-color .3s ease-out;
}
.article:hover {
	border-color:#e3e3e3;
}

.article .article-titre {
	text-align:center;
	text-transform:uppercase;
	line-height:15px;
	font-size:15px;
	color:#2b343d;
	margin:35px 0 0;
}
.article .article-soustitre {
	text-align:center;
	position:relative;
	line-height:15px;
	text-transform:uppercase;
	font-size:14px;
	color:#2b343d;
	margin:10px 0;
}
.article .article-ref {
	margin:0;
	color:#c6ab67;
}
.article .article-ref:before,
.article .article-ref:after {
	content:"-";
	display:inline-block;
	margin:0 10px;
	color:#7d8892
}

.article-ref-fiche{
	margin:-25px 0 0 0;
	color:#c6ab67;
	font-size:20px;
}
/*
.article .article-soustitre:before {
	content:"";
	position:absolute;
	left:45%;
	top:0;
	background-color:#99042f;
	vertical-align:middle;
	display:inline-block;
	height:2px;
	width:10%;
}
*/

.article-cl {
	font-family: 'Exo', sans-serif;
	font-size:13px;
	font-weight:600;
	color:#2b343d;
}
.article-prix {
	font-family: 'Exo', sans-serif;
	font-size:14px;
	font-weight:700;
	color:#2b343d;
}
.article-prix em {
	display:block;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:0.7em;
	line-height:15px;
	margin-top:-5px;
	color:#878787;
}
.article-prix .prix-barre {
	display:inline-block;
	margin-left:5px;
	text-decoration: line-through;
	font-size:13px;
	color:#99042f;
	font-weight:normal;
}
.article .article-promotions {
	position:absolute;
	top:10px; left:10px;
}
.article-promotions .promo,  
.article-promotions .nouveau {
	display:block;
	text-transform:uppercase;
	font-weight:700;
	color:#fff;
	font-size:10px;
	padding:8px 10px 5px;
	text-align:center;
	margin-right:5px;
	z-index:1;
	float:left;
}
.article-promotions .promo { background-color:#b56767; }
.article-promotions .nouveau { background-color:#c6ab67; }

.article .article-label {
	position:absolute;
	right:5px; top:5px;
	width:30%;
}
.article .article-label.below-promo { top:70px; }
.article .article-label > img,  .article .article-promotions > img {
	float:right;
	display:block;
	margin-bottom:5px;
	max-width:80px;
	width:100%;
}
.article-actions {
	background:#fff;
	left:0;
	bottom:0;
	position:absolute;
	width:100%;
	height:70px;
	padding:2% 20px 10%;
	text-align:center;
	display:none;
}
.article-actions a {
	width:50%;
	margin:0 auto;
	line-height:10px;
	font-size:11px;
	padding:10px 0;
	display:block;
}
.article:hover .article-titre {
	color:#99042f;
}
.article:hover .article-actions {
	display:block;
}
/* >>> article menu ------------------------- */

.sous-menu-article {
	text-align:right;
}
.sous-menu-article .article {
	display:inline-block;
	width:33.33333%;
	max-width:240px;
}
.sous-menu-article .article-titre {
	display:block
}

/* >>> article listes ----------------------- */
.filter-categories {
	text-align:center;
	margin:10px auto 0;
	max-width:990px;
}
.filter-categories li {
	display:inline;
}
.filter-categories li a {
	font-size:13px;
	display:inline-block;
	border:#1b1b1b 1px solid;
	padding:5px;
	margin:5px;
	-webkit-transition:background-color .2s ease-out, color .2s ease-out;
	-moz-transition:background-color .2s ease-out, color .2s ease-out;
	-ms-transition:background-color .2s ease-out, color .2s ease-out;
	-o-transition:background-color .2s ease-out, color .2s ease-out;
	transition:background-color .2s ease-out, color .2s ease-out;
}
.filter-categories li a:hover,  .filter-categories li.active a {
	color:#fff;
	background-color:#1b1b1b;
}

/* >>> article filtres ---------------------- */
.filter-header select::-ms-expand { /* for IE 11 */
 display: none;
}
.filter-header select {
	padding-right:40px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.filter-header p.right {
	text-transform:uppercase;
	font-size:16px;
	font-weight:700;
	float:right;
	line-height:30px;
	margin:0
}
.bouton-filter-alt {
	display:none;
	text-transform:uppercase;
	font-family: 'Raleway', sans-serif;
	text-align:center;
	color: #fff;
	padding:0 20px;
	font-size:13px;
	font-weight:700;
	line-height:30px;
	background-color:#eb7176;
	-webkit-transition:border-color .3s linear, background-color .3s linear, color .3s linear;
	-moz-transition:border-color .3s linear, background-color .3s linear, color .3s linear;
	transition:border-color .3s linear, background-color .3s linear, color .3s linear;
}
.bouton-filter-alt .icon-list {
	display: inline-block;
	margin: 8px 0;
	vertical-align: middle;
}
.bouton-filter-alt:hover {
	background-color:#99042f;
}
.bouton-filter-close {
	width:30%;
	float: right;
	text-align:right;
	padding:10px 20px 0;
	height:30px;
}
.bouton-filter-close .icon-close {
	color:#949494;
}
.bouton-filter-close .icon-close:hover {
	color:#99042f;
}
.filter-options {
	height:50px;
}
.filter-options .filter-content {
	border-spacing:10px;
	display:table;
	width:100%;
}
.filter-options .option-filter {
	display:table-cell;
	width:30%;
}
.filter-options .filter-title {
	font-family: 'Raleway', sans-serif;
	text-transform:uppercase;
	display:table-cell;
	width:120px;
}
.filter-options .option-filter .option-group {
	display:none
}
.filter-options .option-filter:hover .option-group {
	display:block
}
.filter-options .option-filter .filter-label {
	display:block;
	background:#fff;
	border:#e3e3e3 1px solid;
	font-family: 'Raleway', sans-serif;
	padding:10px 15px;
	font-size:14px;
}
.filter-options .option-filter:hover .filter-label {
	border-bottom:none
}
.filter-options .option-filter .filter-label:after {
	font-family:'icomoon';
	line-height:16px;
	content: "\e905";
	font-size:16px;
	color:#e3e3e3;
	float:right;
}
.filter-options .option-group {
	padding:10px 0 0;
	background:#fff;
	border:#e3e3e3 1px solid;
	border-top:none;
}
.filter-options .option-group label,  .filter-options .option-group a {
	display: block;
	font-family: 'Raleway', sans-serif;
	font-size:14px;
	color:#82746a;
	padding:5px 15px;
	line-height:20px;
}
.filter-options .option-group a:hover,  .filter-options .option-group label:hover {
	background-color:#f2f2f2;
	color:#eb7176
}
.filter-options .option-group a.active,  .filter-options .option-group label.active {
	font-weight:700;
	color:#99042f
}
.filter-options .option-group input {
	/*-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	vertical-align:middle;
	border:#dadada 1px solid;
	width:17px; height:17px;
	margin-right:20px;*/
	display:none;
}
.filter-options .option-group input:checked {
	/*border-color:#99042f;*/
}
.filter-options .option-group img {
	vertical-align:middle;
	margin-right:5px;
}
/* > fixed */
.filter-container.fixed {
	position:fixed;
	left:0;
	top:70px;
	background:#fff;
	padding:5px 0 0 0;
	width:100%;
	z-index:2;
	-webkit-box-shadow:#000 0 0 10px;
	-moz-box-shadow:#000 0 0 10px;
	-ms-box-shadow:#000 0 0 10px;
	-o-box-shadow:#000 0 0 10px;
	box-shadow:#000 0 0 10px;
}
.filter-container.fixed .filter-options {
	height:60px;
}

/* >>> article coup de coeur ------------------ */
#article-coupcoeur {
	display: table;
	max-width: 950px;
	margin: 20px auto;
	border: #e3e3e3 1px solid;
	padding: 10px;
	width: 100%;
}
#article-coupcoeur > a {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	width: 33.3333%;
	padding: 10px;
}
#article-coupcoeur .thumbnails-article,  #article-coupcoeur .thumbnails-article-alt {
	max-width: 275px;
	margin: 0 auto;
}
#article-coupcoeur .icon_coupcoeur {
	position:absolute;
	top:15px;
	right: 20px;
	width: 90px;
	height: 60px;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	font-size:16px;
	color:#777575;
	padding-top: 25px;
	text-align: right;
}
#article-coupcoeur .article-content {
	display: table-cell;
	vertical-align: middle;
	width: 66.66666%;
	height: auto;
	padding: 20px 10px;
}
#article-coupcoeur .article-promotions {
	position:absolute;
	bottom:15px;
	left:15px;
	right: auto;
	top: auto;
}
#article-coupcoeur .article-label {
	position:static;
	width:auto;
	margin: 20px 0;
}
#article-coupcoeur h3 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:700;
	font-size:13px;
	color:#777575;
	margin: 0;
}
#article-coupcoeur .article-prix {
	font-size: 2em;
}
.link_plus {
	display:inline-block;
	border-style:solid;
	text-transform:uppercase;
	font-family: 'Raleway', sans-serif;
	color:#8a8a8a;
	font-size:14px;
	line-height:14px;
	margin: 20px 0 0 0;
	-webkit-transition:color .3s linear;
	-moz-transition:color .3s linear;
	transition:color .3s linear;
}
.link_plus:before {
	display:inline-block;
	margin-right:10px;
	content:"+";
	background-color:#99042f;
	font-family: 'Raleway', sans-serif;
	color:#fff;
	font-size:20px;
	width:40px;
	height:40px;
	vertical-align:middle;
	border-radius:50%;
	text-align:center;
	line-height:40px;
	-webkit-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	-ms-transition:all .2s ease-out;
	transition:all .2s ease-out;
}
.link_plus:hover {
	color: #82746a;
}
.link_plus:hover:before {
	background-color: #82746a;
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2);
}

/* >>> article categorie / sous-categorie ----- */
#description-cuvee {
	padding: 30px;
	font-size: 1.2em;
	line-height: 1.4em;
}
#description-cuvee a {
	text-decoration: underline;
	color: #99042f;
}
#description-cuvee strong,  #description-cuvee a:hover { color: #eb7176 }

/* >>> article recherche ---------------------- */
#list-recherche h1 strong {
	font-size: 0.6em;
	color: #99042f;
}
#list-recherche p.right {
	text-transform: uppercase;
	margin-top: 20px;
	font-weight: 700;
}

/* >>> article fiche -------------------------- */
#heading-shop {
	padding-top:40vh;
	background:url(../../images/heading_shop.jpg) center no-repeat;
	background-size:cover;
}
#heading-shop.flexslider { position: relative; }
#heading-shop.flexslider.loading .slides { opacity: 0 }
#heading-shop.flexslider #breadcrumb { position: relative }
#heading-shop.flexslider .slides,
#heading-shop.flexslider .slides li {
	position: absolute;
	z-index: 0;
	top: 0; left: 0;
	width: 100%; height: 100%;
}
#heading-shop.flexslider .slides li {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
#heading-shop.flexslider .slides li:nth-child(1) { background-image: url(../../images/heading_fiche_1.jpg); }
#heading-shop.flexslider .slides li:nth-child(2) { background-image: url(../../images/heading_fiche_2.jpg); }
#heading-shop.flexslider .slides li:nth-child(3) { background-image: url(../../images/heading_fiche_3.jpg); }
#heading-shop.flexslider .slides li:nth-child(4) { background-image: url(../../images/heading_fiche_4.jpg); }
#heading-shop.flexslider .slides li:nth-child(5) { background-image: url(../../images/heading_fiche_5.jpg); }
#article-fiche {
   background: #fff url(../../images/bg-decoration.png) 0 bottom repeat-x;
   padding-bottom:200px;
}
#heading-fiche h1 {
	font-size:24px;
	color: #2b343d;
	line-height:1.2em;
	margin-bottom:30px;
}
#heading-fiche .wp40 { padding-right:30px; }
#heading-fiche .article_photo { margin-top:-30vh; }
#heading-fiche .img-fiche { width:100%; overflow:hidden; }
#heading-fiche .article_photo .img-fiche > img {
	display:block;
	max-width:150%;
	margin-left:-25%;
	width:150%;	
}
#cart-options { padding:0; margin:0 -10px; }
#cart-options .content_table { padding:0; }
#cart-options .content_table .conditionnement-col {
	display:table-cell;
	vertical-align:top;
	padding:10px;
}
#cart-options .article-contenance {
	margin:0;
	display:block;
	color:#7d8892;
	font-size:13px;
}
#cart-options .article-prix {
	margin:0;
	line-height:1.2em;
	min-height:40px;
	display:block;
	font-weight:700;
	color:#2b343d;
}
#cart-options fieldset { padding:0 10px 0 0 }
#cart-options .quantite label { max-width: 100px; }
.link-panier {
	margin:20px 0 0 10px;
	display:inline-block;
	background-color:#f0bdb2;
	border:#f0bdb2 1px solid;
	color:#fff;
	text-transform:uppercase;
	font-family: 'Spinnaker', sans-serif;
	font-size:13px;
	line-height:14px;
	padding:8px 10px;
	-webkit-transition:border-color .3s linear, background-color .3s linear, color .3s linear;
	-moz-transition:border-color .3s linear, background-color .3s linear, color .3s linear;
	transition:border-color .3s linear, background-color .3s linear, color .3s linear;
}
.link-panier:hover { 
	background-color:#8a99a1;
	border-color:#8a99a1;
	color:#fff;
}
/* erreur panier */
.cart_error_output {
	display:none;
	position:fixed;
	width:100%; height:100%;
	left:0; top:0; z-index:9999;
	background-color:rgba(0,0,0,.7);
}
.cart_error_output .cart_error_wrapper {
	position:absolute;
	left:50%; top:50%;
	width:260px; height:170px;
	margin:-75px 0 0 -130px;
	background-color:#fff;
	text-align:center;
	padding:20px;
}
.cart_error_output .cart_error_wrapper p {
	display:none;
	font-size:1.2em; 
	font-weight:700;
}
.cart_error_output .cart_error_wrapper .close-error { padding:5px 10px; font-size:11px; font-weight:700; }
/* --- */
#heading-fiche .article-caracteristiques {
	background:url(../../images/fiche-ombre-droite.png) top left no-repeat;
	padding-left:40px;
}
#heading-fiche .article-caracteristiques h3 {
	letter-spacing:normal;
    text-transform: uppercase;
	margin:20px 0;
	font-weight:500;
	color: #2b343d;
	font-size:13px;
}
#heading-fiche .article-caracteristiques p {
	line-height:1.6em;
	font-size:13px;
	color:#7d8892;
}
/* --- */
#heading-fiche .article-promotions {
	position: absolute;
	right: 20px;
	top: -55px;
}
#heading-fiche .article-promotions .promo,  
#heading-fiche .article-promotions .nouveau { 
	font-size:12px;
	line-height:12px; 
	padding:10px 10px 7px;
}
#heading-fiche .article-label {
	position:absolute;
	top:0;
	left:20px;
}
#heading-fiche .article-caracteristiques,  
#heading-fiche .article_external_links { position:relative; bottom:20px; }
#heading-fiche .article_no_external_links {
	width:100%;
	border:solid 1px #99042f;
	padding:10px;
	color:#99042f;
}

/* --- */
.description_article {
	margin:20px 0 30px;
	line-height:1.8em;
	font-size:13px;
	color:#7d8892;
}
.description_article ul, 
.description_article p {
	margin:0 0 20px;
	font-size:13px;
}
#heading-fiche h3 {
	font-weight:700;
	font-size:14px;
	margin:30px 0 15px;
}
/* --- */
.empty-stock {
	text-align:center;
	padding: 40px 20px;
	font-weight: 700;
	font-size: 16px;
    color: #b56767;
}

/* articles associes & module accueil */
.article_slider { position:relative; padding:0 60px; }
.article_slider .article_list {
	-ms-flex-wrap:no-wrap;
        flex-wrap:no-wrap;
}
.article_slider_nav {
	display:block;
	position:absolute;
	top:50%;
	z-index:10;
	margin-top:-20px;
	background-color:#fff;
	width:40px; height:40px;
	background-image:url(sprite_slider.png);
}
.article_slider_nav.nav_prev { left:20px; background-position:0 0 }
.article_slider_nav.nav_next { right:20px; background-position:-40px 0 }
.article_slider_nav.nav_prev:hover { background-position:0 -40px }
.article_slider_nav.nav_next:hover { background-position:-40px -40px }
.article_slider_nav.swiper-button-disabled { visibility:hidden; }

@media screen and (min-width: 1280px) {
    .article_list .article { width:20%; }
}

@media screen and (max-width: 990px) {
    .content_shop { padding-top: 0 }
    .filter-container { padding:10px; }
    .heading-boutique {
        padding:8% 20px;
        background-size:auto 120%;
    }
    .filter-container.fixed { padding:10px; }
}

@media screen and (max-width: 780px) {
    .article_list .article { width:33.33%; }
    .filter-options .filter-title {
        display: block;
        padding:10px 20px 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 70%;
    }
    .filter-container { height: 50px; }
    .filter-container .filter-options {
        background-color:#fff;
        position:fixed;
        display:none;
        top:70px;
        width:100%;
        height:auto;
        left:0;
        bottom:0;
        padding:0;
    }
    .filter-options .option-group {
        padding:0;
    }
    .filter-options .option-filter {
        display:block;
        width: 100%;
    }
    .filter-options .option-filter .filter-label {
        padding:10px;
        color:#99042f;
        margin:0;
    }
    .filter-options .option-filter .filter-label,  .filter-options .option-filter:hover .filter-label {
        border-left:none;
        border-right: none;
        border-bottom:#e3e3e3 1px solid;
        border-top:#e3e3e3 1px solid;
    }
    .filter-options .option-filter .filter-label:after {
        display:none
    }
    .bouton-filter-alt,  .filter-options .filter-content,  .filter-options .bouton-filter-close,  .filter-options .option-filter .option-group {
        display:block;
    }
    .filter-options .option-filter .option-group {
        border: none;
    }
    .filter-container.fixed .filter-options.open {
        height:100%;
        top:0;
        padding:70px 0 30px;
    }
    .filter-options .filter-content {
        height:100%;
        overflow:auto;
    }
	
    /* >>> articles > fiche */
    #heading-fiche .article_photo { }
    #heading-fiche .article_infos { width:70%; padding:20px 0; }
    #heading-fiche .article-caracteristiques {
        position:static; clear:left;
		width:100%; float:none;
		border-top:#e3e3e3 1px solid;
		background:none;
		padding:30px 0;
    }
	#heading-fiche .article-caracteristiques h3 {
		width:40%; float:left;
		clear:left; margin:0;
		text-align:right;
	}
	#heading-fiche .article-caracteristiques p {
		margin:0 0 20px;
		width:60%; float:left;
		padding-left:20px;
	}
    #heading-fiche .article_options {
        clear:both;
        width:60%;
        float:none;
        margin:0 0 0 40%;
        padding:0 0 80px;
    }
	.article_slider { padding:0 40px; }
	.article_slider_nav.nav_prev { left:0; }
	.article_slider_nav.nav_next { right:0; }
	
}
 @media screen and (max-width: 640px) {
/* >>> articles */
	.article_list .article { width:50%; }
	#description-cuvee {
		padding: 20px;
		font-size: 1em;
		line-height: 1.2em;
	}
/* >>> articles > fiche */
	#heading-fiche .article_infos { width:70%; float:left; }
}

 @media screen and (max-width: 540px) {
/* >>> articles > fiche */
	#article-fiche { padding-top:40px; }
	#heading-fiche .article_photo {
		margin:-35% auto 20px;
		max-width:150px;
		padding-right:0;
		width:auto;
		float:none;
	}
	#heading-fiche .article_infos { 
		float:none;
		width:auto;
		padding:0;
	}
	#heading-fiche #cart-options {
		width:auto;
		text-align:center;
		margin:0 -10px 30px;
	}
}
 @media screen and (max-width: 480px) {
/* >>> articles > fiche */
	#heading-fiche h1 { font-size:24px; }
	/*#heading-fiche .article-prix  
	#heading-fiche .link-panier {
		width: 100%;
		clear: left;
		margin:0 auto;
		display: block;
		float: none;
	}*/
    #heading-fiche .quantite label { margin: 0 auto; }
    
/* >>> articles > liste */
	.article_list,
     #categorie-list.article_list {
		max-width:300px;
		margin: 0 auto;
	}
	 .article_slider .article_list { max-width:inherit; }
     .article .article-promotions .promo, 
     .article .article-promotions .nouveau {
        font-size: 8px;
        padding: 2px 5px 0;
        line-height: 2.2em;
     }
	 .article_list .article,
	 #boutique-accueil .article_list .article { width: 100%; }
    .article .article-content { height: auto; margin-bottom: 15px; }
    .article .article-titre { margin-top: 10px; }
    .article figure { max-width: 140px; }
	.article > a { padding: 30px 10px 20px; }
	#article-coupcoeur {
		display: block;
		margin: 0
	}
	#article-coupcoeur > a {
		display: block;
		width: auto;
	}
	#article-coupcoeur .icon_coupcoeur {
		width: 60px;
		height: 40px;
		background-size:auto 100%;
		text-transform: uppercase;
		font-size:12px;
		padding-top: 15px;
	}
	#article-coupcoeur .article-content {
		display: block;
		padding: 10px;
		width: auto;
	}
	#article-coupcoeur .article-promotions {
		bottom:auto;
		left:15px;
		top: 15px;
	}
	#article-coupcoeur .article-prix {
		float: left;
		font-size: 1.5em
	}
	#article-coupcoeur .link_plus {
		float: right;
		margin:-10px 0 10px;
	}
}
 @media screen and (max-width: 360px) {
/* >>> articles */
	#heading-fiche .article-caracteristiques h3,
	#heading-fiche .article-caracteristiques p {
		width:auto;
		float:none;
		margin:0 0 20px;
		text-align:left;
		padding:0;
	}
	
	.article_list .article {
		width:100%;
	}
	#article-coupcoeur .article-prix {
		float: none;
		text-align: center
	}
	#article-coupcoeur .link_plus {
		display:block;
		float: none;
		margin:0 auto;
		width: 150px;
	}
	#heading-fiche .article-promotions .promo,  
	#heading-fiche .article-promotions .nouveau { font-size:10px; }
}