/* //////////////////////////////////////////////////////////
 *
 * VICHY 2016 - DERCOS TECHNIQUE
 *
 * /////////////////////////////////////////////////////// */
/* ==========================================================
 * COMMON
 * ======================================================= */ 
.title_string > span::before, 
.title_string > span::after{
	background:#21232a;
	width:14px;
	}
.title_string > span{
	font-size:20px;
	font-weight:400;
	text-transform:none;
	}
/* ==========================================================
 * OBJECTS
 * ======================================================= */ 
/* ----------------------------------------------------------
 * carrousel banner
 * ------------------------------------------------------- */
.obj_carrousel.banner .masque{
	height:52.53906vw
	}
.obj_carrousel.banner .obj_intro-page{
	overflow:hidden;
	}
.obj_carrousel.banner .obj_intro-page img{
	opacity:0;
	transition:opacity .4s;
	}
.obj_carrousel.banner .wording{
	opacity:0;
	-webkit-transform:translateY(-30%);
		-ms-transform:translateY(-30%);
			transform:translateY(-30%);
	transition:opacity .4s, -webkit-transform .4s;
	transition:opacity .4s, 		transform .4s;
}
/* visible */
.obj_carrousel.banner .visible .obj_intro-page img{
	opacity:1;
	}
.obj_carrousel.banner .visible .wording{
	opacity:1;
	-webkit-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
			transform:translateY(-50%);
	}
/* nav */
.obj_carrousel.banner .nav .prev{
	left:2.604166%;
	}
.obj_carrousel.banner .nav .next{
	right:2.604166%;
	}
.obj_carrousel.banner .nav .dot{
	bottom:10px;
	left:50%;
	margin-left:-100px;
	position:absolute;
	width:200px;
	}
/* ----------------------------------------------------------
 * intro page
 * ------------------------------------------------------- */
.obj_intro-page{
	text-align:center;
	}
.page-container .obj_intro-page .wording{
	color:#fff;
	max-width:1170px;
	right:8%;
	width:100%;
	}
.page-container .obj_intro-page img + .wording{
	margin-top:30px;
	}
.obj_intro-page .wording .range-name{
	font-size:.9375em;
	font-weight:300;
	text-transform:none;
	}
.obj_intro-page .wording .range-description{
	font-size:1.875em;
	line-height:.8em;
	margin:-.0833em auto .7em;
	max-width:780px;
	}
.obj_intro-page .txt_disclaimer {
	font-size: 1em;
	font-weight: 100;
	color: #6b6b6b;
	position: absolute;
	bottom: 30px;
	z-index: 9;
	width: 100%;
	max-width: 1170px;
	left: 50%;
	transform: translateX(-50%);
	text-align: left;
}
.obj_intro-page.aminexil-clinical .txt_disclaimer {
	color: #ffffff;
}
.obj_intro-page img{
	max-width:488px;
	position:relative;
	width:100px;
	z-index:2;
	}
.obj_intro-page .wording .button{
	font-size:12px;
	}
/* dark */
.obj_intro-page[data-tone="light"] .wording{
	color:#27282a;
	}
/* dercos technique */
.obj_intro-page.dercos-technique .range-name{
	background:url('../images/logo_dercos-technique.png') no-repeat;
	background-size:contain;
	height:2.333333em;
	margin-left:auto;
	margin-right:auto;
	text-indent:-10000px;
	width:7.4em;
	}
/* anti dandruff */
.obj_intro-page.anti-dandruff .range-description span{
	color:#37a34d;
	}
.obj_intro-page.anti-dandruff .range-description span em {
	font-size: 0.500em;
	vertical-align: super;
}
/* ----------------------------------------------------------
 * motto
 * ------------------------------------------------------- */
.obj_motto ul{
	margin:0 auto;
	max-width:1210px;
	}
.obj_motto li{
	background:#fff;
	line-height:1.375em;
	margin:0 0 1.5625em;
	}
.obj_motto img{
	width:100%;
	}
.obj_motto li span{
	display:block;
	padding:10.810810%;
	}
.obj_motto strong{
	color:#1c213f;
	display:block;
	font-size:20px;
	font-weight:700;
	line-height:1.2em;
	margin-bottom:.5em;
	}
/* ----------------------------------------------------------
 * obj_product-filters
 * ------------------------------------------------------- */
.obj_product-filters .filter-list-container{
	height:auto;
	}
.obj_product-filters .filter-group .filter-group-title{
	color:inherit;
	}
.obj_product-filters ul{
	height:auto;
	}
.obj_product-filters .checkbox [role]{
	border-color:#fff;
	}
.obj_product-filters .checkbox [role]::after{
	background:#fff;
	}
.obj_product-filters.toggle-close .filter-list-container{
	height:0;
	}
/* ----------------------------------------------------------
 * products-list
 * ------------------------------------------------------- */
.obj_products-list .title_string{
	margin-top:0;
	}
.obj_products-list .column{
	margin:0 auto;
	max-width:1210px;
	}
/* ----
 * range
 * ---- */
.obj_products-list .range{
	margin:0 auto;
	}
.obj_products-list .range-title{
	background:#1c213f;
	color:#fff;
	font-weight:600;
	height:50px;
	line-height:48px;
	margin:0 auto 30px;
	max-width:1170px;
	text-align:center;
	text-transform:uppercase;
	}
.obj_products-list .range-title > span{
	display:inline-block;
	line-height:1em;
	vertical-align:middle;
	}
.obj_products-list .range-title .icon{
	display:none;
	color:inherit;
	fill:currentColor;
	width:10px;
	}
/* ----
 * product card
 * ---- */
.obj_products-list li.product-card .photo{
	position:relative;
    margin:0;
	}
.obj_products-list li.product-card .obj_sticker{
	bottom:9.770114%;
	right:10%;
	}
/* ----
 * product info
 * ---- */
.obj_products-list li.product-info .arrow-next{
	height:15px;
	width:29px;
	}
/* ----
 * product tuto
 * ---- */
 .obj_products-list li.product-tuto.light{
	color:#27282a
	}
/* ----
 * promotion
 * ---- */
.obj_products-list li.promotion.full-width .wording p{
	font-size:1em;
	font-weight:400;
	max-width:12em;
	}

/* ==========================================================
 * COLOR
 * ======================================================= */ 
.theme-dercos .obj_product-filters{
	background:#525355;
	}

.theme-dercos .obj_products-list li.product-info blockquote::before,
.theme-dercos .obj_products-list li.product-info blockquote::after,
.theme-dercos .obj_products-list li.product-info .author-details{
	color:#82858a
	}
.theme-dercos .obj_newsletter,
.theme-dercos .obj_product-filters .toggle-container,
.theme-dercos .obj_products-list li.product-info,
.button.theme-dercos .btn-bg,
.theme-dercos .button.white.has-bg{
	background:#27282a;
	}
.button.theme-dercos:not(.disabled):hover,
.button.theme-dercos:not(.disabled).hover,
.theme-dercos .button.white,
.theme-dercos .product-card .favorite,
.theme-dercos .product-card .details .rating{
	color:#27282a;
	}
.theme-dercos .button.white.reverse:hover{
	color:#27282a !important;
	}
.button.theme-dercos.has-border{
	border-color: #27282a;
	}
.theme-dercos .product-card .favorite:hover,
.product-card.theme-dercos .favorite:hover{
	background-color: #27282a;
	border-color: #27282a;
	}
.theme-dercos .obj_products-list li.product-info .arrow-next svg{
	fill:#27282a;
	}

.theme-dercos .button.white:hover,
.theme-dercos .button.white.reverse{
	color:#fff;
	}

.theme-dercos-aminexilpro .range-title{background:#bf0709}
.theme-dercos-densisolutions .range-title,
.theme-dercos-densisolutions .obj_sticker{background:#7a1815}
.theme-dercos-neogenic .range-title{background:#a287c3}
.theme-dercos-antipelliculaire .range-title{background:#51b575}
.theme-dercos-ultraapaisant .range-title{background:#209cc8}
.theme-dercos-sebocorrecteur .range-title{background:#98c6c9}
.theme-dercos-mineraldoux .range-title{background:#8eb5de}
.theme-dercos-nutrireparateur .range-title{background:#d3b182}
/* ==========================================================
 * MEDIA QUERIES
 * ======================================================= */ 
/* ----------------------------------------------------------
 * min
 * ------------------------------------------------------- */
@media screen and (min-width:750px){
	
	.obj_intro-page img{margin-top:25px;width:13.33333%;}
	.page-container .obj_intro-page .wording{font-size:24px;}
	.obj_intro-page .txt_disclaimer {padding-left: 1em;}
	
	.obj_motto ul{max-width:725px}
	.obj_motto ul::after{clear:both;content:"";display:block}
	.obj_motto li{float:left;margin:0 2.5% 5%;width:45%;}

	.obj_products-list .range{max-width:725px}
	.obj_products-list .range-title{margin-left:2.5%;margin-right:2.5%}
	.obj_products-list li.product-info .arrow-next{height:29px;width:15px;}
	.obj_products-list .stick-right + .product-info .arrow-next{left:auto;right:calc(100% - 1px);transform:rotate(180deg)}
	.obj_products-list li.promotion .wording h4{font-size:3em;text-transform:none;}
}

@media screen and (min-width:980px){
	
	.page-container .obj_intro-page .wording{font-size:30px;right:6%;}
	.obj_intro-page img{margin:0 174px 0 0;position:absolute;right:50%;top:57.142857%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:33.888888%;}
	.obj_intro-page.packshot-right img{left:50%;margin:0 0 0 174px;right:auto}
	.obj_intro-page .txt_disclaimer {padding-left: 1em;}
	
	.obj_motto ul{max-width:948px}
	.obj_motto li{margin:0 1.66667%;width:30%;}

	.obj_product-filters .filter-group .filter-group-title{padding-left:47px;}
	
	.obj_products-list .column::after{clear:both;content:"";display:block}
	.obj_products-list .column .column-size-2{float:left;margin:0 1.66667% 0;width:63.32666%}
	.obj_products-list .column .column-size-1{float:right;margin:0 1.66667% 0;width:29.99666%}
	.obj_products-list .column .column-size-1 li{margin-left:0;margin-right:0;width:auto}
	.obj_products-list .column .column-size-1 li{margin-left:0;margin-right:0;width:auto}
	.obj_products-list .column .column-size-2 li:nth-of-type(odd){margin-left:0;}
	.obj_products-list .column .column-size-2 li:nth-of-type(even){margin-right:0}
	.obj_products-list .column .column-size-2 li{width:47.389033%}
	.obj_products-list .column .column-size-2 .stick-right + li{width:52.610967%}
	.obj_products-list .range{max-width:948px}
	.obj_products-list .range-title{margin-left:1.66667%;margin-right:1.66667%}
	.obj_products-list .column .range-title{margin-left:0;margin-right:0;}
}

@media screen and (min-width:1200px){
	.obj_intro-page img{margin:0 232px 0 0;}
	.obj_intro-page.packshot-right img{margin:0 0 0 232px;}
	
	.obj_motto ul{max-width:1170px}
	.obj_products-list .range{max-width:1170px}
	.obj_products-list li.product-info blockquote{font-size:2.25em}
}

@media screen and (min-width:1400px){
	.obj_motto ul{max-width:1210px}
	.obj_products-list .range{max-width:1210px}
}
/* ----------------------------------------------------------
 * max
 * ------------------------------------------------------- */
@media screen and (max-width:979px){
	.obj_toggle-mobile .toggle-content{overflow:hidden;}
	.obj_toggle-mobile.toggle-close .toggle-content{height:0;} 
}

@media screen and (max-width:749px){
	.obj_intro-page .wording .range-description {margin-bottom: 0.4em;}
	.page-container .obj_intro-page .wording{left: auto;right:auto; padding: 0 10%;}
	.obj_intro-page .txt_disclaimer {padding-left: 1em; font-size: 0.650em;}
	.page-container .obj_intro-page img + .wording{margin-top:25px;}
	/*.obj_products-list li.product-card.stick-right{margin-right:auto;margin-left:auto;}*/

	/*
	.obj_products-list .stick-left,
	.obj_products-list .stick-right{margin-bottom:0;}
	.obj_products-list .stick-left + li,
	.obj_products-list .stick-right + li{margin-top:0;}
	.obj_products-list li.product-tuto {margin-left:auto;margin-right:auto;padding-bottom:84%;width:84%;}
	.obj_products-list li.product-tuto .v_background img{max-width:100%;}
	*/

}