#content-responsible-beauty-economical {
	padding-bottom: 80px;
}
#content-responsible-beauty-economical img {
	width: 100%
}
.Visual-BG-Top {
	position: absolute;
	top: 0;
	left: 0
}
.Visual-BG-Bottom {
	position: absolute;
	bottom: 0;
	left: 0
}

#Line-08a{ display: none; position: relative; }

@media only screen and (max-width:1024px){
#Line-08a{ display: block; }
#Line-08{ display: none; }

#Line-08a img {
    width: 100% !important;
    margin-left: 0% !important;
    left: 0% !important;
}


.citron{font-size: 11px;
    line-height: 14px;
    color: #000;
    font-weight: 400;
position: absolute;     top: 31%;
    left: 29%;}
.avoine{font-size: 11px;
    line-height: 14px;
    color: #000;
    font-weight: 400;font-size: 11px;
    line-height: 14px;
    color: #000;
    font-weight: 400;
position: absolute; top: 54%;
    left: 31%;}
.katafray{font-size: 11px;
    line-height: 14px;
    color: #000;
    font-weight: 400;
position: absolute; top: 46%;
    left: 41%;}
.bleuet{font-size: 11px;
    line-height: 14px;
    color: #000;
    font-weight: 400;
position: absolute; top: 25%;
    left: 56%;}
.camomille{font-size: 11px;
    line-height: 14px;
    color: #000;
    font-weight: 400;
position: absolute; top: 51%;
    left: 66%;}

}


@media only screen and (max-width:761px){
#Line-08a{ display: block; }
#Line-08{ display: none; }

#Line-08a img {
    width: 150% !important;
    margin-left: -25% !important;
    left: 0% !important;
}


.citron{ top: 31%; left: 18%;}
.avoine{top: 55%; left: 23%;}
.katafray{ top: 47%; left: 36%;}
.bleuet{ top: 25%; left: 56%;}
.camomille{ top: 48%; left: 73%;}


}


@media only screen and (max-width:400px){
#Line-08a{ display: block; }
#Line-08{ display: none; }

#Line-08a img {
    width: 150% !important;
    margin-left: -25% !important;
    left: 0% !important;
}


.citron{ top: 31%; left: 18%;}
.avoine{top: 53%; left: 25%;}
.katafray{ top: 45%; left: 36%;}
.bleuet{ top: 22%; left: 56%;}
.camomille{ top: 50%; left: 73%;}


}

#content-responsible-beauty-economical .parallax-window {
	min-height: 300px;
	background: 0 0
}
#content-responsible-beauty-economical .fa-info-circle {
	color: #fff;
	font-size: 25px;
	position: absolute;
	right: 25px;
	bottom: 10px;
	display: none
}
#content-responsible-beauty-economical .fa-info-top {
	top: 10px
}
#content-responsible-beauty-economical .fa-info-circle:active .leg {
	display: block
}
#content-responsible-beauty-economical .fa-info-circle .leg {
	height: auto;
	background: #fff;
	margin: 0;
	padding: 5px;
	line-height: normal;
	font-size: 11px;
	color: #000;
	font-weight: 400;
	font-style: italic;
	text-align: left;
	position: absolute;
	top: 0;
	right: 20px;
	width: 275px;
	display: none
}
#content-responsible-beauty-economical #Line-02, #content-responsible-beauty-economical #Line-03 {
	margin-top: 40px
}
#content-responsible-beauty-economical #Line-03 #Pic-02 img, #content-responsible-beauty-economical #Line-04 #Pic-03 img, #content-responsible-beauty-economical #Line-05 #Pic-04 img, #content-responsible-beauty-economical #Line-06 #Pic-05 img, #content-responsible-beauty-economical #Line-07 #Pic-06 img {
	display: block
}
#content-responsible-beauty-economical .Visual img {
	width: auto;
	left: 50%;
	position: relative;
	margin-left: -800px
}
#content-responsible-beauty-economical #Text-Top {
	background: rgba(255,255,255,.85);
	text-align: center;
	position: relative;
	margin: -306px 0 0;
	padding: 0;
	height: 190px;
	line-height:190px;
}
#content-responsible-beauty-economical #Text-Top h1 {
	font-family: ClarinsRegular;
	font-size: 50px;
	font-weight: 400;
	margin: 0;
	padding: 0;
	color: #be0f34;
	line-height:1em;
}
#content-responsible-beauty-economical #Text-Top .col-gutter {
	vertical-align:middle;
	display:inline-block;
}
@media only screen and (max-width:1250px) {
#content-responsible-beauty-economical #Text-Top h1 {
	font-size: 43px
}
}
#content-responsible-beauty-economical #Text-Top p {
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	margin: 0;
	padding: 0;
	color: #000;
	line-height:22px;
	padding-top:15px;
}

@media only screen and (max-width:761px) {
#content-responsible-beauty-economical .Visual img {
	width: 100%;
	left: 0;
	margin-left: 0
}
#content-responsible-beauty-economical #Text-Top {
	margin: 0
}
#content-responsible-beauty-economical #Text-Top h1 {
	font-size: 40px;
	line-height: 40px
}
#content-responsible-beauty-economical #Text-Top p {
	margin-top: 10px
}
}
#content-responsible-beauty-economical #Cit-Text {
	border: 2px solid #e5e5e5;
	min-height: 190px
}
#content-responsible-beauty-economical #Cit-Text .Cit-Pic {
	position: absolute;
	width: auto;
	left: -20px
}
#content-responsible-beauty-economical #Cit-Text h3 {
	font-family: ClarinsRegular;
	font-weight: 400;
	font-size: 30px;
	line-height: 32px;
	text-align: center;
	color: #000;
	margin-left: 30px;
}
#content-responsible-beauty-economical #Cit-Text p {
	font-style: normal;
	font-weight: 400;
	font-size: 11px;
	text-align: center;
	color: #8b8b8b
}
#content-responsible-beauty-economical #Line-03 p {
	font-size: 14px;
	color: #8b8b8b;
	line-height: 22px;
	margin-top: 15px
}
#content-responsible-beauty-economical #Line-03 a {
	font-size: 11px;
	text-decoration: underline;
	color: #000;
	font-style: normal;
	font-weight: 500
}
#content-responsible-beauty-economical #Line-03 a:hover {
	color: #be0f34
}
#content-responsible-beauty-economical #Line-03 #Pic-02 p {
	height: 30px;
	background: #f1f1f1;
	margin: 0;
	padding: 0 0 0 10px;
	line-height: 30px;
	font-size: 11px;
	color: #000;
	font-weight: 400;
	font-style: italic
}
#content-responsible-beauty-economical #Line-03 #Pic-02 {
	float: right;
	position: relative
}

@media only screen and (max-width:761px) {
#content-responsible-beauty-economical #Cit-Text {
	left: 8.33%
}
#content-responsible-beauty-economical #Cit-Text .Cit-Pic {
	left: -25px
}
#content-responsible-beauty-economical #Line-03 a, #content-responsible-beauty-economical #Line-03 p {
	margin-left: 10px;
	margin-right: 10px
}
#content-responsible-beauty-economical #Line-03 #Pic-02 {
	margin-bottom: 15px
}
}
#content-responsible-beauty-economical #Line-04 h2 {
	font-family: ClarinsRegular;
	font-weight: 400;
	font-size: 35px;
	text-align: center;
	color: #000;
	margin: 40px 0 30px;
	padding: 0
}
#content-responsible-beauty-economical #Line-04 #Line-04-Cit {
	background: #fff;
	min-height: 400px;
	margin: 65px 0 0;
	padding: 0
}
#content-responsible-beauty-economical #Line-04 #Line-04-Cit #Line-04-Cit-Text {
	border: 2px solid #e5e5e5;
	margin: 25px;
	padding: 0 30px;
	min-height: 350px;
	position: relative
}
#content-responsible-beauty-economical #Line-04 #Line-04-Cit .Cit-Pic {
	position: absolute;
	width: auto;
	left: -10px;
	top: 75px
}
#content-responsible-beauty-economical #Line-04 p {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height:22px;
	color: #8b8b8b;
	margin: 25px 0 0;
	padding: 0
}
#content-responsible-beauty-economical #Line-04 #Line-04-Cit #Line-04-Cit-Text h3 {
	font-family: ClarinsRegular;
	font-weight: 400;
	font-size: 30px;
	line-height: 32px;
	text-align: center;
	color: #000;
	margin: 75px 0 0 15px;
	padding: 0
}

@media only screen and (max-width:1150px) {
#content-responsible-beauty-economical #Line-04 #Line-04-Cit {
	margin: 5% 0 0;
	min-height: auto
}
#content-responsible-beauty-economical #Line-04 #Line-04-Cit .Cit-Pic {
	position: absolute;
	width: auto;
	left: -10px;
	top: 10px
}
#content-responsible-beauty-economical #Line-04 #Line-04-Cit #Line-04-Cit-Text {
	min-height: auto;
	margin: 15px;
	padding: 15px
}
#content-responsible-beauty-economical #Line-04 #Line-04-Cit #Line-04-Cit-Text h3 {
	margin: 0
}
}
@media only screen and (max-width:1024px) {
#content-responsible-beauty-economical #Line-04 #Line-04-Cit {
	min-height: 0;
	margin-top: -3%
}
#content-responsible-beauty-economical #Line-04 #Line-04-Cit #Line-04-Cit-Text {
	min-height: 0;
	padding: 30px
}
}

@media only screen and (max-width:768px) {
#content-responsible-beauty-economical #Line-04 #Line-04-Cit {
	min-height: 0;
	margin-top: -10%
}
}


@media only screen and (max-width:1023px) {
#content-responsible-beauty-economical {
	overflow:hidden;
}
#content-responsible-beauty-economical .fa-info-circle {
	display: block
}
#content-responsible-beauty-economical #Line-03 #Pic-02 p {
	display: none
}
#content-responsible-beauty-economical #Line-03 #Pic-02 {
	margin-bottom: 15px
}
#content-responsible-beauty-economical #Line-04 #Line-04-Cit #Line-04-Cit-Text h3 {
	margin: 0
}
#content-responsible-beauty-economical #Line-04 #Line-04-Cit .Cit-Pic {
	top: 30px
}
#content-responsible-beauty-economical #Line-04 #Pic-03 p {
	display: none
}
}

@media only screen and (max-width:761px) {
#content-responsible-beauty-economical #Line-04 #Line-04-Cit #Line-04-Cit-Text h3, #content-responsible-beauty-economical #Line-04 #Line-04-Cit .col-gutter {
	margin: 0
}
#content-responsible-beauty-economical #Line-04 #Line-04-Cit {
	left: 8.33%
}
#content-responsible-beauty-economical #Line-04 #Line-04-Cit #Line-04-Cit-Text {
	min-height: auto;
	padding: 30px;
	margin: 0
}
#content-responsible-beauty-economical #Line-04 #Line-04-Cit .Cit-Pic {
	left: -15px
}
#content-responsible-beauty-economical #Line-05 p {
	margin-left: 10px;
	margin-right: 10px
}
}
#content-responsible-beauty-economical #Line-04 #Line-04-Cit #Line-04-Cit-Text p {
	font-style: normal;
	font-weight: 400;
	font-size: 11px;
	text-align: center;
	color: #8b8b8b;
	margin: 25px 0 0;
	padding: 0
}
#content-responsible-beauty-economical #Line-04 #Pic-03 {
	position: relative
}
#content-responsible-beauty-economical #Line-04 #Pic-03 p {
	height: 30px;
	background: #f1f1f1;
	margin: 0;
	padding: 0 0 0 10px;
	line-height: 30px;
	font-size: 11px;
	color: #000;
	font-weight: 400;
	font-style: italic
}
#content-responsible-beauty-economical #Line-05 h2, #content-responsible-beauty-economical #Line-06 h2 {
	font-family: ClarinsRegular;
	font-weight: 400;
	font-size: 35px;
	text-align: center;
	color: #000;
	margin: 40px 0 30px;
	padding: 0
}
#content-responsible-beauty-economical #Line-05 p {
	font-size: 14px;
	color: #8b8b8b;
	line-height: 22px;
	margin-top: 15px
}
#content-responsible-beauty-economical #Line-05 #Pic-04 {
	float: right;
	position: relative
}
#content-responsible-beauty-economical #Line-05 #Pic-04 p {
	background: #f1f1f1;
	margin: 0;
	padding: 5px 10px;
	font-size: 11px;
	line-height: 14px;
	color: #000;
	font-weight: 400;
	font-style: italic
}
#content-responsible-beauty-economical #Line-06 #Line-06-Cit {
	background: #fff;
	min-height: 400px;
	margin: 65px 0 0;
	padding: 0
}
#content-responsible-beauty-economical #Line-06 #Line-06-Cit #Line-06-Cit-Text {
	border: 2px solid #e5e5e5;
	margin: 25px;
	padding: 0 30px;
	min-height: 350px;
	position: relative
}
#content-responsible-beauty-economical #Line-06 #Line-06-Cit .Cit-Pic {
	position: absolute;
	width: auto;
	left: -10px;
	top: 75px
}
#content-responsible-beauty-economical #Line-06 p {
	font-style: normal;
	font-weight: 400;
	line-height:22px;
	font-size: 14px;
	color: #8b8b8b;
	margin: 15px 0;
	padding: 0
}
#content-responsible-beauty-economical #Line-06 #Line-06-Cit #Line-06-Cit-Text h3 {
	font-family: ClarinsRegular;
	font-weight: 400;
	font-size: 30px;
	line-height: 32px;
	text-align: center;
	color: #000;
	margin: 75px 0 0;
	padding: 0
}

@media only screen and (max-width:1150px) {
#content-responsible-beauty-economical #Line-06 #Line-06-Cit {
	margin: 5% 0 0;
	min-height: auto
}
#content-responsible-beauty-economical #Line-06 #Line-06-Cit .Cit-Pic {
	position: absolute;
	width: auto;
	left: -20px;
	top: 10px
}
#content-responsible-beauty-economical #Line-06 #Line-06-Cit #Line-06-Cit-Text h3 {
	margin: 0
}
#content-responsible-beauty-economical #Line-06 #Line-06-Cit #Line-06-Cit-Text {
	min-height: auto;
	margin: 15px;
	padding: 15px
}
#content-responsible-beauty-economical #Line-06 #Line-06-Cit {
	min-height: 0;
}
#content-responsible-beauty-economical #Line-06 #Line-06-Cit #Line-06-Cit-Text {
	min-height: 0;
}
}

@media only screen and (max-width:1023px) {
#content-responsible-beauty-economical #Line-05 #Pic-04 p {
	display: none
}
#content-responsible-beauty-economical #Line-06 #Line-06-Cit {
	min-height: 0;
	margin-top: -10%
}
#content-responsible-beauty-economical #Line-06 #Line-06-Cit #Line-06-Cit-Text {
	min-height: 0;
	padding: 30px
}
#content-responsible-beauty-economical #Line-06 #Line-06-Cit #Line-06-Cit-Text h3 {
	margin: 0
}
#content-responsible-beauty-economical #Line-06 #Line-06-Cit .Cit-Pic {
	top: 30px
}
#content-responsible-beauty-economical #Line-06 #Pic-05 p {
	display: none
}
}

@media only screen and (max-width:761px) {
#content-responsible-beauty-economical #Line-05 #Pic-04 {
	margin-bottom: 15px
}
#content-responsible-beauty-economical #Line-06 #Line-06-Cit #Line-06-Cit-Text h3, #content-responsible-beauty-economical #Line-06 #Line-06-Cit .col-gutter {
	margin: 0
}
#content-responsible-beauty-economical #Line-06 #Line-06-Cit {
	left: 8.33%
}
#content-responsible-beauty-economical #Line-06 #Line-06-Cit #Line-06-Cit-Text {
	min-height: auto;
	padding: 30px;
	margin: 0
}
#content-responsible-beauty-economical #Line-06 #Line-06-Cit .Cit-Pic {
	left: -15px
}
#content-responsible-beauty-economical #Line-07 p {
	margin-left: 10px;
	margin-right: 10px
}
}
#content-responsible-beauty-economical #Line-06 #Line-06-Cit #Line-06-Cit-Text p {
	font-style: normal;
	font-weight: 400;
	font-size: 11px;
	text-align: center;
	color: #8b8b8b;
	margin: 25px 0 0;
	padding: 0
}
#content-responsible-beauty-economical #Line-06 #Pic-05 p {
	height: 30px;
	background: #f1f1f1;
	margin: 0;
	padding: 0 0 0 10px;
	line-height: 30px;
	font-size: 11px;
	color: #000;
	font-weight: 400;
	font-style: italic
}
#content-responsible-beauty-economical #Line-06 #Pic-05, #content-responsible-beauty-economical #Line-07 #Pic-06 {
	position: relative
}
#content-responsible-beauty-economical #Line-07 h2 {
	font-family: ClarinsRegular;
	font-weight: 400;
	font-size: 35px;
	text-align: center;
	color: #000;
	margin: 40px 0 30px;
	padding: 0
}
#content-responsible-beauty-economical #Line-07 p {
	font-size: 14px;
	color: #8b8b8b;
	line-height: 22px;
	margin-top: 15px
}
#content-responsible-beauty-economical #Line-07 #Pic-06 p {
	background: #f1f1f1;
	margin: 0;
	padding: 5px 10px;
	font-size: 11px;
	line-height: 14px;
	color: #000;
	font-weight: 400;
	font-style: italic
}

@media only screen and (max-width:1023px) {
#content-responsible-beauty-economical #Line-07 #Pic-06 p {
	display: none
}
}

@media only screen and (max-width:761px) {
#content-responsible-beauty-economical #Line-07 #Pic-06 {
	margin-bottom: 15px
}
}
#content-responsible-beauty-economical #Line-08 {
	margin-top: 50px;
	margin-bottom: 50px
}
#content-responsible-beauty-economical #Line-08 #Line-08-Visual-BG {
	width: 1600px;
	height: 300px;
	left: 50%;
	position: relative;
	margin-left: -800px
}
#content-responsible-beauty-economical #Line-08 #Line-08-Visual-BG #Line-08-Visual-BG-Top {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2
}
#content-responsible-beauty-economical #Line-08 #Line-08-Visual-BG #Line-08-Visual-BG-Bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2
}
#content-responsible-beauty-economical #Line-09 h2 {
	font-family: ClarinsRegular;
	font-weight: 400;
	font-size: 35px;
	text-align: center;
	color: #be0f34;
	margin: 0;
	padding: 0
}
#content-responsible-beauty-economical #Line-09 .Line-09-Block {
	width: 100%;
	height: 115px;
	border: 2px solid #f2f2f2;
	margin-top: 20px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center
}
#content-responsible-beauty-economical #Line-09 .Line-09-Block img {
	width: auto;
	float: left;
	margin-left: 20px
}
#content-responsible-beauty-economical #Line-09 .Line-09-Block p {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	text-align: left;
	float: left;
	margin: 0 0 0 20px;
	padding: 0
}
#content-responsible-beauty-economical #Line-09 .Line-09-Block p span {
	text-transform: uppercase;
	font-size: 16px
}

@media (max-width: 321px) {
div#Text-Top.col.col-6-desktop.col-push-3-desktop.col-10-tablet.col-push-1-tablet.col-4-mobile.col-push-1-mobile {
	left: 24px;
	width: 243px;
}
}


#content-responsible-beauty-economical #Line-03 a{
	display:inline-block;
}


#content-responsible-beauty-economical .fa-info-circle {
    top: 10px;
    color: #fff;
    font-size: 25px;
    position: absolute;
    right: 25px;
    text-align: right;
    width: calc(100% - 25px);
}
#content-responsible-beauty-economical .fa-info-circle .leg {

    right: 20px;
    text-align: left;
    top: 0;
    width: calc(100% - 40px);
}
#content-responsible-beauty-economical #Cit-Text h3 {
    color: #000;
    font-family: ClarinsRegular;
    font-size: 30px;
    font-weight: 400;
    line-height: 32px;
    margin-left: 15px;
    margin-right: 15px;
    text-align: center;
}
@media screen and (max-width: 761px) {
	.parallax-mirror{
		transform:scale(0.5)!important;
		margin-top:-75px;
	}
	#Line-08-Visual-BG .parallax-window{
		background-size: auto 100% !important;
	}
}