/* //////////////////////////////////////////////////////////
 *
 * VICHY 2016 - PAGES
 *
 * /////////////////////////////////////////////////////// */
/* ==========================================================
 * DIAGNOSTIC
 * ======================================================= */  
.pg_diagnostic{
	background-color: #f3f4f5;
	}
.pg_diagnostic .page-container section.intro {
	background-color: #FFFFFF;
	}
.pg_diagnostic .page-container section.intro .background {
	background-size: cover;
	}
.pg_diagnostic .page-container section.intro .background.small:before {
	content: '';
	float: left;
	padding-bottom: 83.28125%;
	}
.pg_diagnostic .page-container section.intro .background.small:after {
	content: '';
	display: table;
	clear: both;
	}
.pg_diagnostic .page-container section.intro .background.large {
	display: none;
	}
.pg_diagnostic .page-container section.intro .intro-content {
	padding: 1.5625em 1.5625em 2.5em 1.5625em;
	max-width: 26em;
	margin: auto;
	}
.pg_diagnostic .page-container section.intro .intro-content h3 {
	font-weight: 100;
	font-size: 1.875em;
	text-transform: uppercase;
	letter-spacing: 0.025em;
	line-height: 1.25;
	margin-bottom: 0.25em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}
.pg_diagnostic .page-container section.intro .intro-content h4 {
	font-weight: 500;
	font-size: 1.25em;
	margin-bottom: 1em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}
.pg_diagnostic .page-container section.intro .intro-content p {
	font-size: 0.9375em;
	line-height: 1.25;
	margin: 0.75em auto;
	}
.pg_diagnostic .page-container section.intro .intro-content em {
	font-weight: 600;
	}
.pg_diagnostic .page-container section.intro .intro-content .cta-container {
	margin-top: 1.5em;
	}
.pg_diagnostic .page-container section.questions {
	width: 85%;
	margin: auto;
	max-width: 400px;
	text-align: center;
	}
.pg_diagnostic .page-container section.questions .question .question-number {
	font-weight: 100;
	font-size: 1.875em;
	margin: 1em auto;
	}
.pg_diagnostic .page-container section.questions .question .question-number em {
	font-weight: 500;
	}
.pg_diagnostic .page-container section.questions .question .question-text {
	font-size: 1.25em;
	width: 10em;
	margin: auto;
	color: #1c213f;
	}
.pg_diagnostic .page-container section.questions .question .question-answers {
	width: 80%;
	margin: 2.1875em auto;
	}
.pg_diagnostic .page-container section.questions .question li {
	color: #4b555b;
	}
.pg_diagnostic .page-container section.questions .question .tips {
	background-color: #FFFFFF;
	margin-bottom: 2.1875em;
	}
.pg_diagnostic .page-container section.questions .question .tips h5 {
	background-color: pink;
	font-size: 1.125em;
	padding: 0.83333em;
	}
.pg_diagnostic .page-container section.questions .question .tips p {
	padding: 2em;
	font-size: 0.9375em;
	color: #666666;
	line-height: 1.25;
	}
.pg_diagnostic .page-container section.questions .question .actions-container {
	margin: 2.1875em auto;
	}
.pg_diagnostic .page-container section.questions .question .actions-container .button:not(:last-child) {
	margin-right: 1em;
	}
.pg_diagnostic .page-container section.questions .question.question-type-icons .question-answers li {
	width: 50%;
	padding: 1em;
	}
.pg_diagnostic .page-container section.questions .question.question-type-icons .question-answers li .answer-icon {
	width: 100%;
	margin: auto;
	color: #4b555b;
	}
.pg_diagnostic .page-container section.questions .question.question-type-icons .question-answers li .answer-icon > svg {
	display: block;
	margin: auto;
	fill: currentColor;
	}
.pg_diagnostic .page-container section.questions .question.question-type-icons .question-answers li p {
	margin-top: 1em;
	font-size: 0.9375em;
	}
.pg_diagnostic .page-container section.questions .question.question-type-image-slider .question-answers {
	max-width: 400px;
	}
.pg_diagnostic .page-container section.questions .question.question-type-image-slider .images-container {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: auto;
	}
.pg_diagnostic .page-container section.questions .question.question-type-image-slider .images-container:before {
	content: '';
	float: left;
	padding-bottom: 58.48708%;
	}
.pg_diagnostic .page-container section.questions .question.question-type-image-slider .images-container:after {
	content: '';
	display: table;
	clear: both;
	}
.pg_diagnostic .page-container section.questions .question.question-type-image-slider .images-container > img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
.pg_diagnostic .page-container section.questions .question.question-type-image-slider .images-container > img.active {
	z-index: 2;
	}
.pg_diagnostic .page-container section.questions .question.question-type-image-slider .range-slider {
	cursor: pointer;
	width: 106%;
	left: -3%;
	position: relative;
	margin-top: 30px;
	}
.pg_diagnostic .page-container section.questions .question.question-type-image-slider .range-slider .track-container {
	padding: 0 8px;
	}
.pg_diagnostic .page-container section.questions .question.question-type-image-slider .range-slider .track {
	position: relative;
	width: 100%;
	height: 16px;
	margin: 0 auto 10px auto;
	}
.pg_diagnostic .page-container section.questions .question.question-type-image-slider .range-slider .track::before {
	content: '';
	position: absolute;
	top: 5px;
	left: 0;
	right: 0;
	height: 6px;
	border-radius: 3px;
	}
.pg_diagnostic .page-container section.questions .question.question-type-image-slider .range-slider .track::before {
	width: 100%;
	opacity: 0.1;
	z-index: 1;
	}
.pg_diagnostic .page-container section.questions .question.question-type-image-slider .range-slider .track .track-value {
	position: absolute;
	top: 5px;
	left: 0;
	right: 0;
	height: 6px;
	border-radius: 3px;
	width: 0;
	z-index: 2;
	}
.pg_diagnostic .page-container section.questions .question.question-type-image-slider .range-slider .track .thumb {
	position: absolute;
	width: 16px;
	height: 16px;
	border: 2px solid #FFFFFF;
	border-radius: 50%;
	margin-left: -9px;
	z-index: 3;
	}
.pg_diagnostic .page-container section.questions .question.question-type-image-slider .range-slider .values {
	text-align: justify;
	font-weight: 500;
	height: 1em;
	padding: 0 0 0 3px;
	}
.pg_diagnostic .page-container section.questions .question.question-type-image-slider .range-slider .values::after {
	content: '';
	width: 100%;
	display: inline-block;
	}
.pg_diagnostic .page-container section.questions .question.question-type-image-slider .range-slider .values li {
	display: inline-block;
	cursor: pointer;
	width: 0.7em;
	text-align: center;
	}
.pg_diagnostic .page-container section.results h3 {
	position: relative;
	text-align: center;
	margin: 2.34375em auto 1.5625em auto;
	max-width: 30em;
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	}
.pg_diagnostic .page-container section.results h3::before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	top: 50%;
	background-color: rgba(28, 33, 63, 0.2);
	}
.pg_diagnostic .page-container section.results h3 span {
	position: relative;
	display: inline-block;
	background-color: #f3f4f5;
	padding: 0 1em;
	font-weight: 700;
	color: #1c213f;
	text-transform: uppercase;
	z-index: 2;
	}
.pg_diagnostic .page-container section.results .diagnosis-summary {
	width: 85%;
	margin: auto;
	padding:2.1875em 1.375em;
	background-color: #FFFFFF;
	}
.pg_diagnostic .page-container section.results .diagnosis-summary:last-child{
	padding-bottom:2.1875em;
	}
.pg_diagnostic .page-container section.results .diagnosis-summary h4 {
	font-size: 1.875em;
	font-weight: 100;
	margin: 0 auto 1em auto;
	}
.pg_diagnostic .page-container section.results .diagnosis-summary p {
	line-height: 1.25;
	color: #666666;
	}
.pg_diagnostic .page-container section.results .diagnosis-summary strong {
	display: block;
	color: #1c213f;
	font-weight: 600;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}

.pg_diagnostic .page-container section.results .diagnosis-summary.accordion h4 { 
	text-transform : uppercase;
	font-weight: 300;
	color: #1c213f;
}
.pg_diagnostic .page-container section.results .diagnosis-summary.accordion button {
	position : relative;
	display : inline-block;
	padding-right : 45px;
	font-size : 28px;
	line-height: 1em;
	font-weight: 600;
	color: #1c213f;
	text-align: left;
}
.pg_diagnostic .page-container section.results .diagnosis-summary.accordion button:after {
	content : '';
	display : block;
	position : absolute;
	top : 50%;
	right : 5px;
	width : 16px;
	height : 16px;
	margin-top : -4px;
	border-top : 2px solid #1c213f;
	border-right : 2px solid #1c213f;

	transform : rotate(-45deg);
		-webkit-transform : rotate(-45deg);
			-ms-transform : rotate(-45deg);
}
.pg_diagnostic .page-container section.results .diagnosis-summary.accordion .toggle-close button:after {
	margin-top : -12px;

	transform : rotate(-225deg);
		-webkit-transform : rotate(-225deg);
			-ms-transform : rotate(-225deg);
}
.pg_diagnostic .page-container section.results .diagnosis-summary.accordion .obj_toggle .toggle-content { overflow : hidden; }
.pg_diagnostic .page-container section.results .diagnosis-summary.accordion .obj_toggle.toggle-close .toggle-content { height : 0; }
.pg_diagnostic .page-container section.results .diagnosis-summary.accordion .obj_toggle ~ .obj_toggle { margin-top : 35px; }
.pg_diagnostic .page-container section.results .diagnosis-summary.accordion h5 {
	margin-top: 30px;
	text-transform: uppercase;
	font-weight : 700;
	color : #1c213f;
}
.pg_diagnostic .page-container section.results .diagnosis-summary.accordion p strong {
	display : inline;
	font-weight : 600;
	color : #666666;
}

.pg_diagnostic .page-container section.results .user-actions {
	width: 85%;
	margin: 25px auto 1em auto;
	padding: 2.1875em 1.375em 2.1875em 1.375em;
	background-color: #FFFFFF;
	}
.pg_diagnostic .page-container section.results .user-actions h5 {
	font-size: 0.9375em;
	font-weight: 700;
	margin: 0 auto 1em auto;
	text-transform: uppercase;
	letter-spacing: 0.015em;
	color: #1c213f;
	}
.pg_diagnostic .page-container section.results .user-actions .cta-container {
	display: inline-block;
	}
.pg_diagnostic .page-container section.results .user-actions .cta-container:not(:last-child) {
	margin-right: 0.75em;
	}
.pg_diagnostic .page-container section.results .user-actions .cta-container p {
	display: none;
	}
.pg_diagnostic .page-container section.results .your-prescription .prescription-content {
	background-color: #FFFFFF;
	width: 85%;
	margin: auto;
	padding: 2.1875em 1.375em;
	}
.pg_diagnostic .page-container section.results .your-prescription h4 {
	font-size: 1.875em;
	font-weight: 100;
	margin: 0 auto 1em auto;
	}
.pg_diagnostic .page-container section.results .your-prescription p {
	line-height: 1.25;
	color: #666666;
	}
.pg_diagnostic .page-container section.results .your-prescription strong {
	color: #1c213f;
	font-weight: 600;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}
.pg_diagnostic .page-container section.results .your-posology {
	overflow: hidden;
	}
.pg_diagnostic .page-container section.results .your-posology h3 {
	position: relative;
	text-align: center;
	margin: 2.34375em auto 1.5625em auto;
	max-width: 30em;
	}
.pg_diagnostic .page-container section.results .your-posology h3::before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	top: 50%;
	background-color: rgba(28, 33, 63, 0.2);
	}
.pg_diagnostic .page-container section.results .your-posology h3 span {
	position: relative;
	display: inline-block;
	background-color: #f3f4f5;
	padding: 0 1em;
	font-weight: 700;
	color: #1c213f;
	text-transform: uppercase;
	z-index: 2;
	}
.pg_diagnostic .page-container section.results .your-posology .obj_routine-slider .separator .bg {
	color: #f3f4f5;
	}
.pg_diagnostic .page-container section.results .promotion h3 {
	position: relative;
	text-align: center;
	margin: 2.34375em auto 1.5625em auto;
	max-width: 30em;
	}
.pg_diagnostic .page-container section.results .promotion h3::before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	top: 50%;
	background-color: rgba(28, 33, 63, 0.2);
	}
.pg_diagnostic .page-container section.results .promotion h3 span {
	position: relative;
	display: inline-block;
	background-color: #f3f4f5;
	padding: 0 1em;
	font-weight: 700;
	color: #1c213f;
	text-transform: uppercase;
	z-index: 2;
	}
.pg_diagnostic .page-container section.results .promotion .promotion-content {
	position: relative;
	width: 85%;
	margin: 2.1875em auto;
	padding: 2.1875em 1.375em;
	background-color: #FFFFFF;
	}
.pg_diagnostic .page-container section.results .promotion .promotion-content:before {
	content: '';
	float: left;
	padding-bottom: 64.09091%;
	}
.pg_diagnostic .page-container section.results .promotion .promotion-content:after {
	content: '';
	display: table;
	clear: both;
	}
.pg_diagnostic .page-container section.results .promotion .promotion-content .background {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	}
.pg_diagnostic .page-container section.results .promotion .promotion-content .background.large {
	display: none;
	}
.pg_diagnostic .page-container section.results .promotion .promotion-content p {
	position: relative;
	width: 50%;
	z-index: 1;
	font-weight: 300;
	font-size: 0.9375em;
	line-height: 1.25;
	}
.pg_diagnostic .page-container section.results .promotion .promotion-content p:first-child {
	font-weight: 600;
	}
.pg_diagnostic .page-container section.results .promotion .promotion-content p strong {
	font-weight: 600;
	}
.pg_diagnostic .page-container section.results .promotion .promotion-content p.large {
	font-weight: 100;
	font-size: 2em;
	}
.pg_diagnostic .page-container section.results .promotion .promotion-content .cta-container {
	margin-top: 2em;
	text-align: center;
	}
html.flexbox .pg_diagnostic .page-container section.questions .question.question-type-icons .question-answers ul,
html.flexboxtweener .pg_diagnostic .page-container section.questions .question.question-type-icons .question-answers ul,
html.flexboxlegacy .pg_diagnostic .page-container section.questions .question.question-type-icons .question-answers ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	}
html.flexbox .pg_diagnostic .page-container section.questions .question.question-type-icons .question-answers li,
html.flexboxtweener .pg_diagnostic .page-container section.questions .question.question-type-icons .question-answers li,
html.flexboxlegacy .pg_diagnostic .page-container section.questions .question.question-type-icons .question-answers li {
	width: auto;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	}
/* //////////////////////////////////////////////////////////
 *
 * VICHY 2016 - MEDIA QUERIES
 *
 * /////////////////////////////////////////////////////// */
@media screen and (min-width:750px){
.pg_diagnostic .page-container section.intro .background.small:before{content:'';float:left;padding-bottom:71.06667%}
.pg_diagnostic .page-container section.intro .background.small:after{content:'';display:table;clear:both}
.pg_diagnostic .page-container section.results .promotion .promotion-content:before{content:'';float:left;padding-bottom:31.81818%}
.pg_diagnostic .page-container section.results .promotion .promotion-content:after{content:'';display:table;clear:both}
.pg_diagnostic .page-container section.results .user-actions {margin-top: 0;}

}
@media screen and (min-width:980px){
.pg_diagnostic .page-container section.questions .question.question-type-image-slider .range-slider .track .track-value,
.pg_diagnostic .page-container section.questions .question.question-type-image-slider .range-slider .track::before{height:8px}
.pg_diagnostic .page-container section.results .promotion h3,
.pg_diagnostic .page-container section.results .your-posology h3,
.pg_diagnostic .page-container section.results h3{margin-top:3.75em;margin-bottom:2.25em}
.pg_diagnostic .page-container section.intro{position:relative;max-width:1170px;margin:auto}
.pg_diagnostic .page-container section.intro:before{content:'';float:left;padding-bottom:52.64957%}
.pg_diagnostic .page-container section.intro:after{content:'';display:table;clear:both}
.pg_diagnostic .page-container section.intro .background.small{display:none}
.pg_diagnostic .page-container section.intro .background.large{display:block;position:absolute;top:0;right:0;bottom:0;left:0}
.pg_diagnostic .page-container section.results .your-diagnosis .diagnosis-summary:after,
.pg_diagnostic .page-container section.results .your-diagnosis .user-actions:after{display:table;clear:both;content:''}
.pg_diagnostic .page-container section.intro .intro-content{position:absolute;top:50%;right:15%;z-index:2;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.pg_diagnostic .page-container section.intro .intro-content h4{font-size:1.875em}
.pg_diagnostic .page-container section.questions{background-color:#FFF;width:100%;padding:75px 0;max-width:1170px}
.pg_diagnostic .page-container section.questions .question .question-number{margin-top:0;font-size:2.5em;margin-bottom:.65em}
.pg_diagnostic .page-container section.questions .question .tips{width:50%;background-color:#F0F0F0;margin:auto}
.pg_diagnostic .page-container section.questions .question .tips h5{font-size:1.5em}
.pg_diagnostic .page-container section.questions .question .tips p{max-width:26em;margin:auto}
.pg_diagnostic .page-container section.questions .question .question-text{font-size:1.625em}
.pg_diagnostic .page-container section.questions .question .actions-container{margin-bottom:0}
.pg_diagnostic .page-container section.questions .question.question-type-icons .question-answers li{vertical-align:top;width:15%;max-width:80px;padding:0}
.pg_diagnostic .page-container section.questions .question.question-type-icons .question-answers li:not(:last-child){margin-right:90px}
.pg_diagnostic .page-container section.questions .question.question-type-image-slider .images-container{max-width:300px}
.pg_diagnostic .page-container section.questions .question.question-type-image-slider .range-slider{width:auto;max-width:85%;margin:20px auto 45px;left:auto}
.pg_diagnostic .page-container section.questions .question.question-type-image-slider .range-slider .track .thumb{top:1px}
.pg_diagnostic .page-container section.results{max-width:1170px;margin:auto}
.pg_diagnostic .page-container section.results .your-diagnosis h3{margin-top:1.5em}
.pg_diagnostic .page-container section.results .your-diagnosis .diagnosis-summary{width:66%;margin:0 1.5% 0 0;float:left;padding:4.375em}
.pg_diagnostic .page-container section.results .your-diagnosis .diagnosis-summary:last-child{margin-right:0;width:100%}
.pg_diagnostic .page-container section.results .your-diagnosis .diagnosis-summary:before{content:'';float:left;padding-bottom:30.31746%}
.pg_diagnostic .page-container section.results .your-diagnosis .diagnosis-summary h4{font-size:2.5em;margin-top:.5em}
.pg_diagnostic .page-container section.results .your-diagnosis .diagnosis-summary.accordion h4{margin-top: 0}
.pg_diagnostic .page-container section.results .your-diagnosis .user-actions{float:left;width:31.5%;padding:70px}
.pg_diagnostic .page-container section.results .your-diagnosis .user-actions:before{content:'';float:left;padding-bottom:83.04348%}
.pg_diagnostic .page-container section.results .your-diagnosis .user-actions h4{margin-bottom:2em}
.pg_diagnostic .page-container section.results .your-diagnosis .user-actions .cta-container{display:block;margin-bottom:1.75em}
.pg_diagnostic .page-container section.results .your-diagnosis .user-actions .cta-container p{display:block;color:#666;margin:.75em auto}
.pg_diagnostic .page-container section.results .your-prescription .prescription-content{width:100%;padding:4.375em}
.pg_diagnostic .page-container section.results .your-prescription .prescription-content h4,
.pg_diagnostic .page-container section.results .your-prescription .prescription-content p{max-width:40em}
.pg_diagnostic .page-container section.results .your-prescription .prescription-content h4{font-size:2.5em}
.pg_diagnostic .page-container section.results .promotion .promotion-content{display:block;width:100%;padding:5em 6.25em;max-width:1170px}
.pg_diagnostic .page-container section.results .promotion .promotion-content:before{content:'';float:left;padding-bottom:16.08247%}
.pg_diagnostic .page-container section.results .promotion .promotion-content:after{content:'';display:table;clear:both}
.pg_diagnostic .page-container section.results .promotion .promotion-content .background.small{display:none}
.pg_diagnostic .page-container section.results .promotion .promotion-content .background.large{display:block}
.pg_diagnostic .page-container section.results .promotion .promotion-content p{font-weight:300;font-size:1.375em;line-height:1}
.pg_diagnostic .page-container section.results .promotion .promotion-content p:first-child{font-weight:300;font-size:.875em}
.pg_diagnostic .page-container section.results .promotion .promotion-content p strong{font-weight:600}
.pg_diagnostic .page-container section.results .promotion .promotion-content p.large{font-weight:100;font-size:3.125em}
.pg_diagnostic .page-container section.results .promotion .promotion-content .cta-container{text-align:left}
.pg_diagnostic footer{margin-top:90px}
html.flexbox .pg_diagnostic .page-container section.questions .question.question-type-icons .question-answers ul,
html.flexboxlegacy .pg_diagnostic .page-container section.questions .question.question-type-icons .question-answers ul,
html.flexboxtweener .pg_diagnostic .page-container section.questions .question.question-type-icons .question-answers ul{display:block;text-align:center}
html.flexbox .pg_diagnostic .page-container section.questions .question.question-type-icons .question-answers li,
html.flexboxlegacy .pg_diagnostic .page-container section.questions .question.question-type-icons .question-answers li,
html.flexboxtweener .pg_diagnostic .page-container section.questions .question.question-type-icons .question-answers li{display:inline-block;width:15%}
html.flexbox .pg_diagnostic .page-container section.results .column-container,
html.flexboxlegacy .pg_diagnostic .page-container section.results .column-container,
html.flexboxtweener .pg_diagnostic .page-container section.results .column-container{display:-webkit-box;display:-ms-flexbox;display:flex}
html.flexbox .pg_diagnostic .page-container section.results .diagnosis-summary,
html.flexbox .pg_diagnostic .page-container section.results .user-actions,
html.flexboxlegacy .pg_diagnostic .page-container section.results .diagnosis-summary,
html.flexboxlegacy .pg_diagnostic .page-container section.results .user-actions,
html.flexboxtweener .pg_diagnostic .page-container section.results .diagnosis-summary,
html.flexboxtweener .pg_diagnostic .page-container section.results .user-actions{float:none;margin-bottom:0}
}