/* ///////////////////////////////////////////////
 *
 * VICHY 2015 - DIAGNOSTIC CAPILLAIRE
 *
 * //////////////////////////////////////////// */
/* ============================================
 * DIAGNOSTIC
 * ========================================= */
.obj_article.diagnostic .obj_push.product{
	background:#fff;
	margin:0 8px;/* 0 8px */
	}

.obj_article.diagnostic.capillaire{
	background-color:#f2f2f2;
	margin-bottom:20px;
	height:auto;
	}
.obj_article.diagnostic.capillaire > header{
	background:#f2f2f2 url('../images/f_intro.jpg') center top no-repeat;
	}
	.obj_article.diagnostic .question h5 span b{
	font-family:'CamphorW02-Bold',arial;
	font-weight:normal;
	}
/* b_filet violet */
.obj_article.diagnostic.capillaire .b_filet:before{
	background-position:-466px -30px;
	}
.obj_article.diagnostic.capillaire .b_filet{
	background-color:#620371;
	color:#fff;
	}
.obj_article.diagnostic .b_filet.gray:hover,
.obj_article.diagnostic a:hover .b_filet.gray{
	color:#fff;
	}

.obj_article.diagnostic.capillaire .obj_carrousel:not(.result){
    height:auto;
	}
.obj_article.diagnostic.capillaire .obj_carrousel .masque{
	background:none;
	}
.obj_article.diagnostic:not(.result) .obj_carrousel .masque::before,
.obj_article.diagnostic:not(.result) .obj_carrousel .masque::after{
	background:none;
	}	
.obj_article.diagnostic.capillaire .obj_info h6{
	background-color:#620371;
	color:#fff;
	}
.obj_article.diagnostic.capillaire .obj_info p{
	color:#620371;
	}
.obj_article.diagnostic.capillaire:not(.result) .nav{
	position:relative;
	height:58px;
	padding:0 0 20px 0;
	margin-top:20px;
	}
.obj_article.diagnostic.capillaire:not(.result) .nav button{
	z-index:20;
	}	
/* ---------
 * SLIDER 
 * ------ */
/* ATLAS VAR WOMAN */
.obj_article.diagnostic.capillaire .var_woman div.slider-response{
	background:#fff url('../images/v_atlas-femme.jpg') no-repeat center top;
	}
/* ATLAS VAR MAN */	
.obj_article.diagnostic.capillaire .var_man div.slider-response{
	background:#fff url('../images/v_atlas-homme.jpg') no-repeat center top;
	}

	
	
	
	
/* radio response */
.obj_article.diagnostic .radio-response label{
	border-color:#98d9c6;
	}
/* DG 205_08_28 DEBUT */
.obj_article.diagnostic.capillaire [role=radio][aria-checked=true] + label,
.obj_article.diagnostic.capillaire [role=checkbox][aria-checked=true] + label{
	color:#620371;
	}
/* DG 205_08_28 FIN */

/* radio-icon-response */
.obj_article.diagnostic.capillaire .radio-icon-response [role=radio],
.obj_article.diagnostic.capillaire .checkbox-icon-response [role=checkbox]{
	background:url('../images/sprite-icon-question.png');
	}
	
.obj_article.diagnostic.capillaire .radio-icon-response [role="radio"][aria-checked="true"], 
.obj_article.diagnostic.capillaire .checkbox-icon-response [role="checkbox"][aria-checked="true"] {
	background:url('../images/sprite-icon-question_hover.png');
}
/* Q1 */
.obj_article.diagnostic.capillaire #aria-Quiz01_Q01_R01{
	background-position:left top;
	}
.obj_article.diagnostic.capillaire #aria-Quiz01_Q01_R02{
	background-position:-120px top;
	}
/* Q2 */
.obj_article.diagnostic.capillaire .item02 .checkbox-icon-response{
	width: 100%;
	margin: 0 auto;
    padding: 0 20% 0 22%;
	box-sizing: border-box;
    text-align: left;
	}	
.obj_article.diagnostic.capillaire .item02 .checkbox-icon-response label{
	width:auto; height:35px;
	padding:0 15px 0 50px;
	line-height:33px;
	text-align:left;
	border-radius:50px 50px;
	box-sizing:border-box;
	}
.obj_article.diagnostic.capillaire .item02 .checkbox-icon-response [role="checkbox"] {
    position: absolute;
	height:35px;
    left:0; top:0;
	margin:0;
    width:auto;
	background:none;
	}
.obj_article.diagnostic.capillaire .item02 .question ul li{width:100%;}
.obj_article.diagnostic.capillaire .item02 .checkbox-icon-response li > span{width:100%}	
.obj_article.diagnostic.capillaire .item02 .question ul li:first-child,
.obj_article.diagnostic.capillaire .item02 .question ul li{
	margin:0px 0 5px 0;
	}
.obj_article.diagnostic.capillaire .item02 .checkbox-icon-response [role="checkbox"][aria-checked="true"] + label{
	border:1px solid #620371;	
	font-family:'CamphorW02-Bold',arial;
	background:#d5c2d8;
	}
.obj_article.diagnostic.capillaire .item02 .checkbox-icon-response [role="checkbox"][aria-checked="true"] + label:before{
	position:absolute;
	left:5px;
	top:5px;	
	display:block;
	width:25px; height:25px;
	vertical-align:middle;
	text-align:center;
	font-family:'CamphorW02-Bold',arial;
	font-size:18px;
	line-height:25px;
	color:#fff;
	border-radius:20px;
	background:#620371;
	}
.obj_article.diagnostic.capillaire .item02 .checkbox-icon-response [role="checkbox"][aria-checked="true"].first + label:before{
	content:"1";
	}
.obj_article.diagnostic.capillaire .item02 .checkbox-icon-response [role="checkbox"][aria-checked="true"].second + label:before{
	content:"2";
	}
/* Q3 */
.obj_article.diagnostic.capillaire #aria-Quiz01_Q03_R01{
	background-position:left -120px;
	}
.obj_article.diagnostic.capillaire #aria-Quiz01_Q03_R02{
	background-position:-120px -120px;
	}
.obj_article.diagnostic.capillaire #aria-Quiz01_Q03_R03{
	background-position:-240px -120px;
	}
.obj_article.diagnostic.capillaire #aria-Quiz01_Q03_R04{
	background-position:-360px -120px;
	}
.obj_article.diagnostic.capillaire #aria-Quiz01_Q03_R05{
	background-position:-480px -120px;
	}
/* Q4 */
/* VAR WOMAN */
.obj_article.diagnostic.capillaire .var_woman #aria-Quiz01_Q04_R01{
	background-position:left -240px;
	}
.obj_article.diagnostic.capillaire .var_woman #aria-Quiz01_Q04_R02{
	background-position:-120px -240px;
	}
/* VAR MAN */
.obj_article.diagnostic.capillaire .var_man #aria-Quiz01_Q04_R01{
	background-position:-240px -240px;
	}
.obj_article.diagnostic.capillaire .var_man #aria-Quiz01_Q04_R02{
	background-position:-360px -240px;
	}	
/* Q5 */
/* VAR WOMAN */
.obj_article.diagnostic.capillaire .var_woman #aria-Quiz01_Q05_R01{
	background-position:left -360px;
	}
.obj_article.diagnostic.capillaire .var_woman #aria-Quiz01_Q05_R02{
	background-position:-120px -360px;
	}
/* VAR MAN */
.obj_article.diagnostic.capillaire .var_man #aria-Quiz01_Q05_R01{
	background-position:-240px -360px;
	}
.obj_article.diagnostic.capillaire .var_man #aria-Quiz01_Q05_R02{
	background-position:-360px -360px;
	}
/* Q7 */
.obj_article.diagnostic.capillaire .var_woman #aria-Quiz01_Q07_R01{
	background-position: left -480px;
	}
.obj_article.diagnostic.capillaire .var_woman #aria-Quiz01_Q07_R02{
	background-position:-120px -480px;
	}
.obj_article.diagnostic.capillaire .var_man #aria-Quiz01_Q07_R01{
	background-position: -240px -480px;
	}
.obj_article.diagnostic.capillaire .var_man #aria-Quiz01_Q07_R02{
	background-position: -360px -480px;
	}	
/* Q8 */
.obj_article.diagnostic.capillaire #aria-Quiz01_Q08_R01{
	background-position: left -600px;
	}
.obj_article.diagnostic.capillaire #aria-Quiz01_Q08_R02{
	background-position:-120px -600px;
	}
.obj_article.diagnostic.capillaire #aria-Quiz01_Q08_R03{
	background-position:-240px -600px;
	}	
/* Q9 */
.obj_article.diagnostic.capillaire .var_woman #aria-Quiz01_Q09_R01{
	background-position: left -840px;
	}
.obj_article.diagnostic.capillaire .var_woman #aria-Quiz01_Q09_R02{
	background-position:-120px -840px;
	}
.obj_article.diagnostic.capillaire .var_man #aria-Quiz01_Q09_R01{
	background-position: -240px -840px;
	}
.obj_article.diagnostic.capillaire .var_man #aria-Quiz01_Q09_R02{
	background-position: -360px -840px;
	}	
/* Q10 */
.obj_article.diagnostic.capillaire .var_woman #aria-Quiz01_Q10_R01{
	background-position: left -720px;
	}
.obj_article.diagnostic.capillaire .var_woman #aria-Quiz01_Q10_R02{
	background-position:-120px -720px;
	}
.obj_article.diagnostic.capillaire .var_man #aria-Quiz01_Q10_R01{
	background-position: -240px -720px;
	}
.obj_article.diagnostic.capillaire .var_man #aria-Quiz01_Q10_R02{
	background-position: -360px -720px;
	}
/* Q11 */
.obj_article.diagnostic.capillaire #aria-Quiz01_Q11_R01{
	background-position: left -960px;
	}
.obj_article.diagnostic.capillaire #aria-Quiz01_Q11_R02{
	background-position:-120px -960px;
	}
/* Q12 */
.obj_article.diagnostic.capillaire .var_woman #aria-Quiz01_Q12_R01{
	background-position:left -1080px;
	}
.obj_article.diagnostic.capillaire .var_woman #aria-Quiz01_Q12_R02{
	background-position:-120px -1080px;
	}
.obj_article.diagnostic.capillaire .var_man #aria-Quiz01_Q12_R01{
	background-position:-240px -1080px;
	}
.obj_article.diagnostic.capillaire .var_man #aria-Quiz01_Q12_R02{
	background-position:-360px -1080px;
	}	
/* Q13 */
.obj_article.diagnostic.capillaire #aria-Quiz01_Q13_R01{
	background-position:left -1200px;
	}
.obj_article.diagnostic.capillaire #aria-Quiz01_Q13_R02{
	background-position:-120px -1200px;
	}
.obj_article.diagnostic.capillaire .var_woman .responses-man{display:none}
.obj_article.diagnostic.capillaire .var_man .responses-woman{display:none}	
/* Q14 */
.obj_article.diagnostic.capillaire #aria-Quiz01_Q14_R01{
	background-position:left -1320px;
	}
.obj_article.diagnostic.capillaire #aria-Quiz01_Q14_R02{
	background-position:-120px -1320px;
	}
/* Q14 */
.obj_article.diagnostic.capillaire #aria-Quiz01_Q15_R01{
	background-position:left -1440px;
	}
.obj_article.diagnostic.capillaire #aria-Quiz01_Q15_R02{
	background-position:-120px -1440px;
	}
	
/* ============================================
 * RESULTAT
 * ========================================= */
.obj_article.diagnostic.capillaire .bloc.str_right{
	background:#4b555b;
	}
.obj_article.diagnostic.capillaire .bloc.str_right h2{
	color:#fff;
	}
.obj_article.diagnostic.capillaire .bloc.str_right p{
	color:#fff;
	}	
.obj_article.diagnostic.result .bloc.str_right a{
	background:#f2f2f2 none;
	color:#4b555b;
	}	
.obj_article.diagnostic.result .bloc.str_right a:before{	
	display:none;
	}
.obj_article.diagnostic.result .bloc.str_right a.opaque{
	background:#798185 none;
	color:#fff;
	}
.obj_article.diagnostic.result .bloc.str_right a.opaque:before{
	display:none;
	}	
.obj_article.diagnostic.capillaire .ctn_article-list .article a > span{
	background:#98d9c6;
	}
.obj_article.diagnostic .ctn_article-list .quote footer{
	color:#79bba8;
	}
/* ///////////////////////////////////////////////
 *
 * MEDIA QUERIES
 *
 * //////////////////////////////////////////// */	
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5){
	.obj_article.diagnostic.capillaire .radio-icon-response [role=radio],
	.obj_article.diagnostic.capillaire .checkbox-icon-response [role=checkbox]{
		background-image:url('../images/sprite-icon-question_HD.png');
		background-size:600px auto;
		}
	.obj_article.diagnostic.capillaire .b_filet:before{
		background-position:-231px -82px;
		}	
		
}
@media screen and (max-width:1024px){	
	.obj_article.diagnostic.capillaire .radio-icon-response [role=radio]{
		-ms-transform:scale(0.66);
		-webkit-transform:scale(.66);
		transform:scale(.66);
		-ms-transform-origin:center center;
		-webkit-transform-origin:center center;
		transform-origin:center center;
		}	
}
	
@media screen and (max-width:960px){
	.obj_article.diagnostic.capillaire header{background-position:35% top;}
}
@media screen and (max-width: 768px) {
	.obj_article.diagnostic.capillaire .question .checkbox-icon-response li {
		margin-left: 0;
		width: inherit;
	}
	.obj_article.diagnostic.capillaire .item02 .checkbox-icon-response{
		padding:0 10%;
		}
	
}

@media screen and (max-width:640px){
	/*
	.obj_article.diagnostic.capillaire header{background-position:100px top;background-size:auto 65%;}
	.obj_article.diagnostic header > div{margin-top:150px;padding:100px 20px 0;background:linear-gradient(to bottom, rgba(217,229,224,0) 0, rgba(217,229,224,1) 100px);max-width:none;}
	.obj_article.diagnostic header p{max-width:none;}
	*/
	.obj_article.diagnostic.capillaire header{background-size:auto 400px;background-position:-100px top}
	.obj_article.diagnostic header > div{padding-top:75px;padding-left:250px;}
	
	.obj_article.diagnostic.result{height:auto;}
	
	.obj_article.diagnostic.capillaire .item02 .checkbox-icon-response{
		padding:0;
		}
	.obj_article.diagnostic.capillaire .item02 .checkbox-icon-response label{
		padding:0 5px 0 35px;
		font-size:12px;
		}		
}

@media screen and (max-width:480px){
	.obj_article.diagnostic.capillaire header{background-image:none;}
	.obj_article.diagnostic header > div{padding-left:20px;}
	
}
@media screen and (max-width:375px){
	.obj_article.diagnostic.capillaire .item02 .checkbox-icon-response :nth-child(4) label,
	.obj_article.diagnostic.capillaire .item02 .checkbox-icon-response :nth-child(7) label{
		height:50px;
		line-height:16px;
		padding:8px 15px 0 35px
	}
	.obj_article.diagnostic.capillaire .item02 .checkbox-icon-response :nth-child(4) [role="checkbox"][aria-checked="true"] +  label::before,
	.obj_article.diagnostic.capillaire .item02 .checkbox-icon-response :nth-child(7) [role="checkbox"][aria-checked="true"] +  label::before{
	top:12px;
	}
	
	
	
	
	
	
}