/* =================================================================== */
/* MAIN - Index
/* =================================================================== */	
				
.service {padding:3.95rem 0 3.5rem; width: 100%; text-align:center; display: flex; background-color:#f7f5ef; background-origin: content-box; background-position: 100% 100%; z-index:1}
.service-one {margin: 0}   
.service-one > img {width:100%}
.service-two {margin-top: 2rem} 
.service-two h2 {font-size: 20px; letter-spacing:0.05em; line-height:1.75; text-align:center; text-transform:none}
.service-two h2 span {font:normal 27px 'Playfair'; letter-spacing:0.1em; display:block}
.service-two .hr {margin:2rem auto; left:50%; height:50px; border-left:2px solid #8b998d; position: relative}
.service-two p {width:310px; margin:auto}
@media all and (min-width:576px) {		
	.service {padding:5rem 0 3.95rem}
	.service-two {margin-top:3.5rem} 
	.service-two h2 {font-size:22px}
	.service-two h2 span {font-size: 32px}
	.service-two p {width:380px}}
@media all and (min-width:992px) {	
	.service {padding:1rem 0 0; margin:0 auto 5.5rem} 
	.service-one > img {top:4rem; width:92%; margin:0 auto 0 0; display: flex; position:relative}
	.service-two {padding-left:3.5rem; margin-top:5.5rem} 	
	.service-two h2 {font-size:40px; line-height:1; width:230px; margin:auto}
	.service-two h2 span {font-size:21px; letter-spacing:0.05em; line-height:2}
	.service-two .hr {margin:1.35rem auto 1.5rem}
	.service-two p {width:400px; letter-spacing:0.05em}
	.service-two p a {letter-spacing:0.05em}}	
@media all and (min-width:1200px) {	
	.service {padding:1rem 0 0; margin:0 auto 8rem} 
	.service-one > img {top:4rem; width:77%; margin:0 3rem 0 auto}
	.service-two {padding-left:0; padding-right:2rem; margin-top:6rem}}	
/* -------------------------------------------------------- Intro */	
.intro {padding:3.25rem 0 4.5rem; margin: 0 auto; width: 100%; text-align:center; position: relative; clear: both}
.intro h2 {font-size: 22px; letter-spacing:0.025em; line-height:2}
.intro p {font:italic 34px 'Signature'; letter-spacing:0.05em; color:#777}
.intro .hr {margin:1.5rem auto 0.25rem; width:50px; border-bottom:1px solid #8b998d}
.intro__text {}
.intro__text img {width:300px}
.intro__text a.number {font-size:20px; display:block}
.intro__text a.number span {margin-left:0.15rem; font-size: 22px; border-bottom:1px dotted #d4af37; padding-bottom:2px; display:inline-block; text-transform:none}
@media all and (min-width:576px) {	
	.intro {padding:4.5rem 0 5rem}
	.intro h2 {font-size: 27px}
	.intro p {font-size:37px}
	.intro .hr {margin:2rem auto 0.25rem}
	.intro__text img {width:350px}}
@media all and (min-width:992px) {	
	.intro__text img {margin-top:1rem; width:250px}}
@media all and (min-width:1200px) {
	.intro__text img {width:280px}}		
/* -------------------------------------------------------- Article ONE */
.article__one {padding-top:3.95rem; margin: 0 auto; width: 100%; text-align:center; display: flex; background-color:#f7f5ef; background-origin: content-box; background-position: 100% 100%; z-index:1}
.article__one .test-top {margin-top:2.5rem}
.article__one .test-top h2 {font-size: 24px; letter-spacing:0.05em; line-height:2; margin:auto; text-transform:uppercase}
.article__one .test-top h3 {font:normal 31px 'Signature'; letter-spacing:-0.02em; color:#878787; display:block; text-transform:none}
.article__one .test-top .text p {text-align:justify}
.article__one .test-top .text p.text_one {margin-top:1.25rem}
.article__one .test-top .text p.text_two {padding:0.5rem 0}
.article__one .test-top a.btn {margin-top:2.5rem; width:310px; text-align:center; display: table}
.article__one .test-bottom {position: relative; z-index:2}
.article__one .test-bottom .number {bottom:-2rem; top:auto; left:-1.15rem; font:normal 55px 'Lato'; letter-spacing: -0.034em; transform: scaleX(0.79); color: #8b998d; text-shadow: -1px -1px 0px rgba(255,255,255,1); position: absolute; z-index: 3}
@media all and (min-width:576px){	
	.article__one {padding-top:5rem}
	.article__one .test-top {margin-top:3.5rem}
	.article__one .test-top h2 {font-size:30px; line-height:1.5}
	.article__one .test-top h3 {font-size: 38px}
	.article__one .test-top .text p.text_one {margin-top:2rem}
	.article__one .test-top a.btn {margin-top:3rem; width:350px}
	.article__one .test-bottom .number {bottom:-2.5rem; left:-1.75rem; font-size:80px}}
@media all and (min-width:992px){	
	.article__one {text-align:left}
	.article__one .test-top {margin-top:0.5rem}
	.article__one .test-top h2 {font-size:28px}
	.article__one .test-top h3 {font-size:33px; letter-spacing:-0.01em; padding-bottom:1.7rem; border-bottom:1px solid #8b998d; width:95%}
	.article__one .test-top .text p.text_one {margin-top:1.5rem}
	.article__one .test-top .text p.text_one,
	.article__one .test-top .text p.text_two,
	.article__one .test-top .text p.text_three {width:95%; font-size:21px; letter-spacing:0.015em; line-height:1.3}
	.article__one .test-top .text p.text_two,
	.article__one .test-top .text p.text_three {margin: 0 auto 0 0}
	.article__one .test-top .text p a {letter-spacing:0.01em}
	.article__one .test-top a.btn {margin:2.35rem auto 0 0}
	.article__one .test-bottom img {width:400px; margin: 0 -1rem 0 auto; flex-direction: row-reverse; display: flex}
	.article__one .test-bottom .number {bottom:0; top:-3rem; left:2.39rem; font-size:65px}}
@media all and (min-width:1200px){	
	.article__one {padding-left:1.25rem}
	.article__one .test-top .text p.text_one,
	.article__one .test-top .text p.text_two,
	.article__one .test-top .text p.text_three {letter-spacing:0.05em; line-height:1.6}
	.article__one .test-bottom img {width:410px; margin: 0 1.5rem 0 auto}
	.article__one .test-bottom .number {top:-3.5rem; left:5.7rem; font-size:75px}}
/* -------------------------------------------------------- Article TWO */
.article__two {padding-top:3.95rem; margin: 0 auto; width: 100%; text-align:center; display: flex; background-color:#f7f5ef; background-origin: content-box; background-position: 100% 100%; z-index:1}
.article__two .test-top {margin-top:2.5rem}
.article__two .test-top h2 {font-size: 24px; letter-spacing:0.05em; line-height:2; margin:0 auto; text-transform:uppercase}
.article__two .test-top h3 {font:normal 31px 'Signature'; letter-spacing:-0.02em; color:#878787; display:block; text-transform:none}
.article__two .test-top .text p {text-align:justify}
.article__two .test-top .text p.text_one {margin-top:1.25rem}
.article__two .test-top .text p.text_two {padding:0.5rem 0}
.article__two .test-top a.btn {margin-top:2.5rem; width:310px; text-align:center; display: table}
.article__two .test-bottom {position: relative; z-index:2}
.article__two .test-bottom .number {bottom:-2rem; top:auto; left:-1.15rem; font:normal 55px 'Lato'; letter-spacing: -0.034em; transform: scaleX(0.79); color: #8b998d; text-shadow: -1px -1px 0px rgba(255,255,255,1); position: absolute; z-index: 3}
@media all and (min-width:576px){	
	.article__two {padding-top:5rem}
	.article__two .test-top {margin-top:3.5rem}
	.article__two .test-top h2 {font-size:30px; line-height:1.5}
	.article__two .test-top h3 {font-size:38px}
	.article__two .test-top .text p.text_one {margin-top:2rem}
	.article__two .test-top a.btn {margin-top:3rem; width:350px}
	.article__two .test-bottom .number {bottom:-2.5rem; left:-1.75rem; font-size:80px}}
@media all and (min-width:992px){	
	.article__two {padding-top:7rem; text-align:left}
	.article__two .test-top {margin-top:0.35rem; margin-right:-1.75rem; padding-left:0.25rem}
	.article__two .test-top h2 {margin-left:1.5rem; font-size:28px; letter-spacing:0.05em}
	.article__two .test-top h3 {font-size:33px; letter-spacing:-0.01em; padding-bottom:1.7rem; border-bottom:1px solid #8b998d; width:95%; margin: 0 0 0 auto}
	.article__two .test-top .text p.text_one {margin:1.5rem 0 0 auto}
	.article__two .test-top .text p.text_one,
	.article__two .test-top .text p.text_two,
	.article__two .test-top .text p.text_three {width:95%; font-size:21px; letter-spacing:0.015em; line-height:1.3}
	.article__two .test-top .text p.text_two,
	.article__two .test-top .text p.text_three {margin: 0 0 0 auto}
	.article__two .test-top .text p a {letter-spacing:0.01em}
	.article__two .test-top a.btn {margin:2.35rem 0 0 1.5rem}
	.article__two .test-bottom img {width:400px; margin: 0 auto 0 -1rem}
	.article__two .test-bottom .number {bottom:0; top:-3rem; right:0.75rem; left:auto; font-size:65px}}
@media all and (min-width:1200px){	
	.article__two {padding-left:0}
	.article__two .test-top {margin-top:0; margin-right:2rem}
	.article__two .test-top .text p.text_one,
	.article__two .test-top .text p.text_two,
	.article__two .test-top .text p.text_three {letter-spacing:0.05em; line-height:1.5}
	.article__two .test-bottom img {width:410px; margin: 0 auto 0 1.25rem}
	.article__two .test-bottom .number {top:-3.5rem; right:3rem; font-size:75px}}	
/* -------------------------------------------------------- Article THREE */
.article__three {padding:3.95rem 0 4.5rem; margin: 0 auto; width: 100%; text-align:center; display: flex; background-color:#f7f5ef; background-origin: content-box; background-position: 100% 100%; z-index:1}
.article__three .test-top {margin-top:2.5rem}
.article__three .test-top h2 {font-size: 23px; letter-spacing:-0.025em; line-height:1.2; margin:auto; text-transform:uppercase}
.article__three .test-top h3 {margin-top:1.25rem; font:normal 31px 'Signature'; letter-spacing:-0.02em; color:#878787; display:block; text-transform:none}
.article__three .test-top .text p {text-align:justify}
.article__three .test-top .text p.text_one {margin-top:1.25rem}
.article__three .test-top .text p.text_two {padding:0.5rem 0}
.article__three .test-top a.btn {margin-top:2.5rem; width:320px; text-align:center; display: table}
.article__three .test-bottom {position: relative; z-index:2}
.article__three .test-bottom .number {bottom:-2rem; top:auto; left:-1.15rem; font:normal 55px 'Lato'; letter-spacing: -0.034em; transform: scaleX(0.79); color: #8b998d; text-shadow: -1px -1px 0px rgba(255,255,255,1); position: absolute; z-index: 3}
@media all and (min-width:576px){	
	.article__three {padding:5rem 0 5rem}
	.article__three .test-top {margin-top:3.5rem}
	.article__three .test-top h2 {font-size:30px; letter-spacing:0.025em; line-height:1.5}
	.article__three .test-top h3 {font-size: 38px}
	.article__three .test-top .text p.text_one {margin-top:2rem}
	.article__three .test-top a.btn {margin-top:3rem; width:350px}
	.article__three .test-bottom .number {bottom:-2.5rem; left:-1.75rem; font-size:80px}}
@media all and (min-width:992px){	
	.article__three {padding:7rem 0 5rem; text-align:left}
	.article__three .test-top {margin-top:0.5rem}
	.article__three .test-top h2 {font-size:27px}
	.article__three .test-top h3 {margin-top:0.25rem; font-size:33px; letter-spacing:-0.01em; padding-bottom:1.7rem; border-bottom:1px solid #8b998d; width:95%}
	.article__three .test-top .text p.text_one {margin-top:1.5rem}
	.article__three .test-top .text p.text_one,
	.article__three .test-top .text p.text_two,
	.article__three .test-top .text p.text_three {width:95%; font-size:21px; letter-spacing:0.02em; line-height:1.35}
	.article__three .test-top .text p.text_two,
	.article__three .test-top .text p.text_three {margin: 0 auto 0 0}
	.article__three .test-top .text p a {letter-spacing:0.01em}
	.article__three .test-top a.btn {margin:2.35rem auto 0 0}
	.article__three .test-bottom img {width:400px; margin: 0 -1rem 0 auto; flex-direction: row-reverse; display: flex}
	.article__three .test-bottom .number {bottom:0; top:-3rem; left:2.39rem; font-size:65px}}
@media all and (min-width:1200px){	
	.article__three {padding-left:1.25rem}
	.article__three .test-top {margin-top:1rem}
	.article__three .test-top .text p.text_one,
	.article__three .test-top .text p.text_two,
	.article__three .test-top .text p.text_three {letter-spacing:0.05em; line-height:1.6}
	.article__three .test-bottom img {width:410px; margin: 0 1.5rem 0 auto}
	.article__three .test-bottom .number {top:-3.5rem; left:5.7rem; font-size:75px}}	
/* -------------------------------------------------------- Compteur */
.count {padding:1rem 0 0.25rem; text-align:center; position: relative; clear: both}								
.count .countText {margin-top:5rem; width:100%; text-align: center; position: relative}	
.count .countText .number {margin-left:0.2rem; font:normal 150px 'Signature'; left:50%; top:28%; transform: translate(-50%, -72%); color:#d1dbd2; position: absolute; z-index:-1}
.count .countText h2 {font-size: 20px; letter-spacing:0; line-height:1.35}
.count .countText-two {margin:2.5rem auto 0; width:255px}
.count .countText-one,
.count .countText-three {margin:2.5rem auto 0; width:260px}
@media all and (min-width:576px) {	
	.count {padding:1rem 0}	
	.count .countText .number {top:26%; transform: translate(-50%, -74%)}
	.count .countText h2 {font-size:23px}
	.count .countText-two {width:310px}
	.count .countText-one,
	.count .countText-three {width:320px}}
@media all and (min-width:992px) {	
	.count {padding:1rem 0 0}
	.count .countText .number {top:28%; transform: translate(-50%, -72%)}
	.count .countText-two,
	.count .countText-one,
	.count .countText-three {font-size:21px; letter-spacing:0.05em; width:250px}}	
@media all and (min-width:1200px) {
	.count .countText-one,
	.count .countText-two {width:300px}
	.count .countText-three {width:280px}
	.leftOne {padding-left:1.25rem}