.intro {padding-top:3.95rem; margin: 0; width: 100%; z-index:1; position: relative; clear: both}
.intro-header {margin-top:2.5rem; text-align:center; position: relative}
.intro-header__line {display:inline-flex; position: relative}
.intro-header__line h2 {font:normal 22px 'Cormorant'; letter-spacing:0.02em; line-height:1.25; font-style:italic; color:#777; text-transform:none}
.intro-header__line h2 span {font:normal 28px 'Playfair'; letter-spacing:0.05em; color:#333; text-transform:uppercase; display:block}
.intro-block__img {display:none}
.intro-block p {margin:0.75rem 0; text-align:justify}
.intro-pic img {width:100%}	
@media all and (min-width:576px){ 
	.intro {padding-top:5rem}
	.intro-header {margin-top:3.5rem}
	.intro-header__line h2 {font-size: 22px}
	.intro-header__line h2 span {font-size: 31px}
	.intro-block p {margin:1.75rem 0 0}}
@media all and (min-width:992px){ 
	.intro-header {margin-top:2.5rem; text-align:left}
	.intro-header__line h2 {padding-left:1rem; font:italic 43px 'Playfair'; letter-spacing:0.05em; line-height:1.5; color:#333}
	.intro-header__line h2 span {font:italic 43px 'Playfair'; line-height:1.5; text-transform:none}
	.intro-header__line .line {margin-left: -5rem; position: absolute; width:39%; height: 1px; top: 10%; left: 0; background-color: #878787}
	.intro-pic img {width:100%; margin-right:2.5rem; float:right}	
	.intro-block__img {display:inline-flex}
	.intro-block p {margin:1.2rem auto 0; padding-top:1.5rem; font-size:20px; letter-spacing:0.05em; line-height:1.25; border-top:1px solid #8b998d; text-align:justify}
	.intro-block p a {font-size:20px; letter-spacing:0.05em; line-height:1.15}}
@media all and (min-width:1200px){ 
	.intro {padding-top:5.5rem}
	.intro-header {margin-top:4rem}
	.intro-header__line h2 {padding-left:3rem}
	.intro-header__line h2,
	.intro-header__line h2 span {font-size:50px}	
	.intro-header__line .line {width:43%}
	.intro-pic img {width:95%; margin-right:3.5rem}	
	.intro-block p {line-height:1.5}}
/* -------------------------------------------------------- Quote */	
.pull-quote,
.pull-quote svg {margin: 0 auto; text-align: center;  position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden}
.pull-quote blockquote {margin:0; padding:0; position:relative}
.pull-quote figcaption {font-size:17px; font-style: italic; color: #777; text-transform:none}
@media all and (min-width:576px){
	.pull-quote {padding-top:1rem; left:0; width:auto; height:auto; position: relative; overflow: visible}
	.pull-quote blockquote p {text-align:justify}
	.pull-quote figcaption {margin:2rem; font-size:20px; letter-spacing:0.025em; display: inline-block}}
@media all and (min-width:992px){
	.pull-quote {padding-top:11.5rem}
	.pull-quote svg {top:4.5rem; height:70px; fill: #dee2df; left:50%; transform: translateX(-50%) rotateZ(180deg); width:auto; overflow: visible; position: absolute}			
	.pull-quote blockquote {line-height:1.5}
	.pull-quote blockquote p {width:770px; text-align:center}
	.pull-quote figcaption {margin:1.5rem 0 0; font-size:21px; letter-spacing:0.05em}}	
/* -------------------------------------------------------- Quote Page */	
.quote-lgbt {padding-top:3.95rem; position: relative}
.quote-lgbt svg {top:-1.5rem; height:70px; fill: #dee2df; opacity:0.5; left:50%; transform: translateX(-50%) rotateZ(180deg); width:auto; overflow: visible; position: absolute}			
.quote-lgbt blockquote {margin:0; padding:0; position:relative}
.quote-lgbt blockquote p {text-align:justify}
.quote-lgbt figcaption {margin:1.35rem 0 1.65rem; font-size:17px; font-style: italic; text-align:center; color: #777; text-transform:none}
@media all and (min-width:576px){
	.quote-lgbt {padding-top:5rem}	
	.quote-lgbt figcaption {margin:2rem 0 2.75rem; font-size:20px; letter-spacing:0.025em}}
@media all and (min-width:992px){
	.quote-lgbt {padding-top:11.5rem}
	.quote-lgbt svg {top:4.5rem}			
	.quote-lgbt blockquote {line-height:1.5}
	.quote-lgbt blockquote p {width:770px; text-align:center}
	.quote-lgbt figcaption {margin:2rem 0 -0.5rem}}
/* -------- */
.quote-tarn {padding:3.95rem 0 3rem; position: relative}	
.quote-tarn svg {top:-1.5rem; height:70px; fill: #dee2df; left:50%; transform: translateX(-50%) rotateZ(180deg); width:auto; overflow: visible; position: absolute}			
.quote-tarn blockquote {margin:0; padding:0; position:relative}
.quote-tarn blockquote p {text-align:justify}
@media all and (min-width:576px){
	.quote-tarn {padding:5rem 0 3.95rem}}
@media all and (min-width:992px){
	.quote-tarn {padding:11.5rem 0 4.5rem}
	.quote-tarn svg {top:5.25rem}
	.quote-tarn blockquote p {width:700px; line-height:1.8; text-align:center}}
@media all and (min-width:1200px){
	.quote-tarn {padding-top:12rem}
	.quote-tarn svg {top:6rem}}	
/* -------------------------------------------------------- INTRO */	
.middleOne {padding:1.5rem 0 3.5rem; margin: 0 auto; width: 100%; z-index:0; position: relative; clear: both}
.middleTwo {padding:1.5rem 0 2rem; margin: 0 auto; width: 100%; z-index:0; position: relative; clear: both}
.middleOne-left {text-align:center}
.middleOne-left h2 {margin:3.5rem auto 2.5rem; font:normal 53px 'Signature'; letter-spacing:0.02em; line-height:0.7; text-transform:none}
.middleOne-left h2 span {font:normal 20px 'Lato'; letter-spacing:0.05em; color:#888; text-transform:uppercase; display:block}
.middleOne-right {text-align:left}
.middleOne-right article > p:nth-of-type(1) {margin-top:0.5rem; margin-bottom:2rem}
.middleOne-right article > p:nth-of-type(2) {margin-top:0.5rem}
.middleOne-right article > ul:nth-of-type(1) {margin-bottom:2rem}
.middleOne-right article > p:nth-of-type(3) {margin-top:0.5rem; margin-bottom:2rem}
.middleOne-right article > p:nth-of-type(4) {margin-top:0.5rem}
.middleOne-right article > ul:nth-of-type(2) {margin-bottom:0.5rem}
.middleOne-right h3 {font:bold 16px 'Cormorant'; letter-spacing:0.03em}
.middleOne-right p {text-align:justify; text-align-last: left}
.middleOne-right ul {padding:20px 0 0 5px; list-style: none; width: 100%; text-align:left}
.middleOne-right ul li {margin-bottom:0.5rem; padding-left:1.25rem; font-size:20px; letter-spacing:0.05em; position: relative; text-transform: none}
.middleOne-right ul li::before {font-size:15px; top:0.1rem; left: 0; content: '\2713'; color: #555; position: absolute}
.middleOne-right ul li a {text-decoration: underline dotted #d4af37; cursor:pointer}
.middleOne-right p.middleOne-m1 {margin-top:-0.5rem}
.middleOne-right p.middleOne-m2 {margin-top:0.6rem}
.middleOne-right p.middleOne-m3 {margin-top:-1.15rem}
@media all and (min-width:576px){
	.middleOne {padding-bottom:4.25rem}
	.middleTwo {padding-bottom:2.5rem}
	.middleOne-left h2 {margin:3.95rem auto 2.75rem; font-size:65px}
	.middleOne-left h2 span {font-size:25px}
	.middleOne-right h3 {font-size:20px}
	.middleOne-right ul {padding:20px 0 0 15px}
	.middleOne-right ul li {font-size:22px}}
@media all and (min-width:992px){
	.middleOne,
	.middleTwo {margin-top:5rem; padding:5rem 0; background-color: #f7f5ef}
	.middleOne-left {height:560px; text-align:left}
	.middleOne-left h2 {margin:1rem auto 0 -0.5rem; font:normal 35px 'Florentino'; letter-spacing:-0.025em; line-height:1.65; top:0; position:absolute}
	.middleOne-left h2 span {font-size:17px; letter-spacing:0.1em; font-style:italic}
	.middleOne-left img {bottom:2.15rem; width: min(380px, 100%); margin-inline: auto; top:auto; left:0; position:absolute}
	.middleOne-right {padding-left:2.5rem; margin-inline-start: -2rem; height:560px; direction: rtl; overflow-y: scroll}	
	.middleOne-right .line {left:52%; top:50%; width:2px; height:100%; transform: translateY(-50%); background-color: #8b998d; content: ''; position: absolute}			
	.middleOne-right article > :nth-of-type(1) {margin-top:0}	
	.middleOne-right h3 {direction: ltr}
	.middleOne-right p {direction: ltr; letter-spacing:0.05em}
	.middleOne-right ul {padding:20px 0 0 5px; direction: ltr}
	.middleOne-marg {margin-top:10rem}}
@media all and (min-width:1200px){	
	.middleOne-left {height:655px}
	.middleOne-left h2 {margin:1.5rem auto 0; font-size:39px}
	.middleOne-left h2 span {font-size:18px}
	.middleOne-left img {bottom:2.5rem; width: min(450px, 100%)}
	.middleOne-right {padding:0 1rem 0 3.5rem; margin-inline-start: -2.4rem; height:655px}
	.middleOne-right .line {left:52%; top:50%; width:2px}}	
/* -------------------------------------------------------- Love My */
.loveMy {padding-top:3rem; margin: 0 auto; width: 100%; text-align:center; position: relative; clear: both}		
.loveMy__one img {width: 100%; position: relative}
.loveMy__two h2 {font:normal 22px 'Cormorant'; letter-spacing:0.025em; line-height:1.7; font-style:italic; color: #777; text-transform:none}
.loveMy__two h2 span {display:block; font:normal 25px 'Playfair'; letter-spacing:0.05em; color: #333; text-transform: uppercase}	
.loveMy__two p {margin-top:1.5rem; text-align:justify}
.loveMy__two a.btn {margin:2.5rem 0 3.95rem; width:100%; text-align:center; display: table}
@media all and (min-width:576px){
	.loveMy {padding-top:3.5rem}		
	.loveMy__two h2 {font-size:27px}
	.loveMy__two h2 span {font-size:31px}	
	.loveMy__two p {margin-top:2rem}
	.loveMy__two a.btn {margin:2.5rem auto 4.5rem; width:280px}}
@media all and (min-width:992px){		
	.loveMy {padding-top:5rem; text-align:left}	
	.loveMy__one img {width:91%; margin: 0 0 0 auto; display: flex}
	.loveMy__two {padding:0 4rem 0 3rem; margin-top:0.25rem}
	.loveMy__two h2 {font-size:23px; letter-spacing:0.05em; line-height:1.5}
	.loveMy__two h2::before {top:0; left:0; height:70px; border-left:2px solid #8b998d; transform: rotate(-180deg) translateX(-100%); vertical-align: middle; position: absolute; content:""; display: inline-block}					
	.loveMy__two h2 span {font-size:27px}	
	.loveMy__two p {margin-top:1.35rem; letter-spacing:0.05em; line-height:1.35}	
	.loveMy__two a.btn {margin:2rem auto 0 0}}
@media all and (min-width:1200px){		
	.loveMy {padding-top:5.5rem}	
	.loveMy__one img {margin-right:3.95rem; width:79%}
	.loveMy__two {padding:0 4.5rem 0 8rem; margin-top:1.25rem}
	.loveMy__two h2 {font-size:20px}
	.loveMy__two h2::before {top:1.5rem; left:5rem}					
	.loveMy__two h2 span {font-size:28px; letter-spacing:0}}
/* -------------------------------------------------------- Investissement */	
.investment {padding:3rem 0 4.5rem; text-align:center; position: relative; z-index:1; clear: both}
.investment .subInvestment {font-size:15px; letter-spacing:0.25em; color: #888; text-transform: uppercase}
.investment h2 {margin-top:2rem; font:bold 40px 'Florentino'; letter-spacing:0; line-height:0; color: #ccc}
.investment h2 span {display:block; font:normal 55px 'Signature'; letter-spacing:0; line-height:0; color: #000; text-transform:none}
.investment p.subInvestment_p {margin:3rem auto 2.25rem; text-align:justify}
.investment .flip {width:100%; position: relative; backface-visibility: hidden; transform-style: preserve-3d; perspective: 1000px}
.investment .flip .front,
.investment .flip .back {border-top:10px solid #fff; border-bottom:10px solid #fff; min-height:450px; background-size: cover; background-position: center; transition: transform 0.7s cubic-bezier(.4,.2,.2,1); backface-visibility: hidden}
.investment .flip .front {transform: rotateY(0deg); transform-style: preserve-3d}
.investment .flip:hover .front {transform: rotateY(-180deg); transform-style: preserve-3d}
.investment .flip .inner {left: 0; width:100%; top:45%; transform: translateY(-55%); text-align:center; position: absolute; z-index: 2}
.investment .flip .inner h2 {font:normal 65px 'Signature'; color: #8b998d; text-transform: none}
.investment .flip .inner p.seeMore {font:bold 12px 'Lato'; letter-spacing:0.15em; color: #8b998d; text-decoration: underline; text-transform: uppercase}
.investment .flip .back {background-color: #8b998d; top: 0; left: 0; width:100%; transform: rotateY(180deg); transform-style: preserve-3d; position: absolute}
.investment .flip:hover .back {transform: rotateY(0deg); transform-style: preserve-3d}
.investment .flip .back h3 {margin-top:3.9rem; font:normal 60px 'Signature'; color: #fff; text-transform: none}
.investment .flip .back ul {padding:25px 0 0 50px; list-style: none; width: 100%; text-align:left}
.investment .flip .back ul li {margin-bottom:1rem; padding-left: 1.5rem; font-size:19px; letter-spacing:0.02em; color: #fff; position: relative; text-transform: none}
.investment .flip .back ul li::before {font-size:15px; top:0.1rem; left: 0; content: '\2713'; position: absolute}
.investment a.btn {margin-top:2rem; width:235px; text-align:center; display: table}
@media screen and (min-width:576px) {
	.investment {padding:3.5rem 0 5rem}
	.investment h2 {font-size:40px}
	.investment h2 span {font-size:55px}
	.investment p.subInvestment_p {margin:3.95rem auto 3rem}
	.investment .flip .inner h2 {font-size:80px}
	.investment .flip .back h3 {margin-top:3rem; font-size:75px}
	.investment .flip .back ul {padding:25px 0 0 75px}
	.investment .flip .back ul li {margin-bottom:0.75rem; padding-left:2rem; font-size:22px}
	.investment .flip .back ul li::before {top:0.15rem}
	.investment a.btn {margin-top:2.5rem; width:250px}}
@media screen and (min-width:992px) {
	.investment {padding:8.5rem 0 4.5rem}
	.investment .subInvestment {padding-top:1.5rem; font-size:48px; border-top:5px solid #8b998d}
	.investment h2 {margin-top:4.5rem}
	.investment p.subInvestment_p {margin:3.95rem auto; width:700px; text-align:center}
	.investment .flip .inner h2 {font-size:60px}
	.investment .flip .back h3 {font-size:55px}
	.investment .flip .back ul {padding:25px 0 0 40px}
	.investment .flip .back ul li {padding-left:1.5rem; font-size:20px}	
	.investment .flip .img1:nth-of-type(1) {border-right:10px solid #fff}
	.investment .flip .img2:nth-of-type(1) {border-right:6px solid #fff; border-left:6px solid #fff}
	.investment .flip .img3:nth-of-type(1) {border-left:10px solid #fff}
	.investment .flip .front,
	.investment .flip .back {border:0; min-height:390px}
	.investment a.btn {margin-top:3rem}}
@media all and (min-width:1200px){
	.investment {padding:8.5rem 0 5.5rem}
	.investment .flip .inner h2 {font-size:70px}
	.investment .flip .back h3 {font-size:65px}
	.investment .flip .back ul {padding:25px 0 0 75px}	
	.investment .flip .img1:nth-of-type(1) {border-right:15px solid #fff}
	.investment .flip .img2:nth-of-type(1) {border-right:11px solid #fff; border-left:11px solid #fff}
	.investment .flip .img3:nth-of-type(1) {border-left:15px solid #fff}
	.investment .flip .front,
	.investment .flip .back {border:0; min-height:430px}}		
/* -------------------------------------------------------- Foire aux questions */	
#frequently {padding:3rem 0 5.5rem; background-color:#f7f5ef; text-align: center; position:relative}
#frequently .heading span {font-size: 13px; letter-spacing:0.1em; text-align:center; color:#555}
#frequently .frequently-slide h2 {margin:0.85rem 0 1.5rem; font-size:18px; line-height:1.5}
#frequently .frequently-slide p {text-align:justify}
.owl-theme .owl-dot {font-size:21px; color:#8b998d; counter-increment: slides-num; display: inline-block}
.owl-theme .owl-dot.active::before {margin-right:0.7rem; right:0; top:0; width: 100%; content:counter(slides-num); display: inline-block; vertical-align: middle; position: absolute}
.owl-theme .owl-dot::after {margin-top:0.6rem; margin-left:50%; left:0; top:0; height:30px; width:0.25px; background-color: #8b998d; transform: rotate(34deg); position: absolute; content:""}
.owl-theme .owl-dots {right:0; top:100%; left:auto; width:auto; counter-reset:slides-num; position: absolute}
.owl-theme .owl-dots::after {margin-left:1.69rem; margin-top:1.15rem; font-size:20px; color:#8b998d; content:counter(slides-num); display: inline-block; vertical-align: middle}			
.owl-theme .owl-nav [class*=owl-]{font-size:30px; margin:25px 10px 5px; padding:4px 7px; color:#8b998d; display:inline-block; cursor:pointer; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.owl-theme .owl-nav [class*=owl-]:hover {color:#333; text-decoration:none}
.owl-theme .owl-nav .disabled {opacity:1; cursor:default} 
@media all and (min-width:576px) {
	#frequently {padding:3.95rem 0 6rem}
	#frequently .heading span {font-size:15px}
	#frequently .frequently-slide h2 {font-size:23px}
	.owl-theme .owl-dots {right:2rem}
	.owl-theme .owl-nav [class*=owl-]{margin:30px 10px 5px}}
@media all and (min-width:992px) {
	#frequently .frequently-slide p {width:830px; margin:0 auto; text-align:center}}	
/* -------------------------------------------------------- ---- */	
.linkpage {padding:2.5rem 0 4.5rem; background-color: #f7f5ef; text-align:center; position: relative; z-index:1; clear: both}
.linkpage .serve {font: normal 40px 'Cormorant'; letter-spacing:-0.01em; line-height:1.35;  text-transform:none; z-index:1} 
.linkpage .web {margin:0.75rem 0 2.35rem; font: normal 31px 'Signature'; letter-spacing:0.02em; line-height:0; color: #888; text-transform:none; z-index:2}
.linkpage p  {text-align:justify}
.linkpage p.linkpage__p1 {margin-bottom:1rem}
.linkpage p.linkpage__p2 {margin-bottom:-0.75rem}
.linkpage .hr {display:none}
.linkpage-picture h2 {margin-top:2.5rem; top:1.2rem; color: #333; position: relative; z-index:1}
.linkpage-picture h2 > span {display:block}
.linkpage-picture h2 > span:nth-of-type(1) {font-size:16px; letter-spacing:0.1em; line-height:1}
.linkpage-picture h2 > span:nth-of-type(2) {font:bold 33px 'Florentino'; letter-spacing:0; transform: scaleY(0.9); text-shadow:1px 1px #fff; text-transform:uppercase}
.linkpage-picture img:hover {filter:brightness(50%)}
.linkpage-picture img {z-index:0}
@media all and (min-width:576px){
 	.linkpage .web {margin:0.75rem 0 3rem}
	.linkpage-picture h2 {margin-top:2.5rem; top:1.35rem}
	.linkpage-picture h2 > span:nth-of-type(1) {font-size:17px}
	.linkpage-picture h2 > span:nth-of-type(2) {font-size:39px}}
@media all and (min-width:992px){
	.linkpage {padding:3rem 0 5rem}	
	.linkpage p {text-align:center; width:850px; letter-spacing:0.035em; margin:0 auto}
	.linkpage .hr {margin:3.5rem auto 2rem; left:50%; height:80px; border-left:2px solid #8b998d; position: relative; display:block}
	.linkpage-picture h2 {margin-top:0; top:1.2rem}
	.linkpage-picture h2 > span:nth-of-type(1) {font-size:15px}
	.linkpage-picture h2 > span:nth-of-type(2) {font-size:32px}	
	.linkpage-picture img.img1 {padding-right:12px}
	.linkpage-picture img.img2 {padding-right:6px; padding-left:6px}
	.linkpage-picture img.img3 {padding-left:12px}}	
/* -------------------------------------------------------- Témoignages */
.testimonials {padding-top:4rem; margin: 0 auto; width: 100%; text-align:center; z-index:0; position: relative; clear: both}
.test-one {margin-top:2.5rem}
.test-one h2 {margin-left:-0.75rem; font:normal 30px 'Cormorant'; letter-spacing:0; line-height:1.3; font-style:italic; text-transform:none}
.test-one p.h3 span {font:normal 33px 'Playfair'; letter-spacing:0.03em; line-height:1.05; display:block}
.test-one .line {margin:1.75rem auto 0; width:2px; height:50px; background-color: #8b998d; position:relative}	
.test-one .text {margin-top:1.25rem}
.test-one .text p.text1,
.test-one .text p.text2 {margin: 0 auto; letter-spacing:0.025em; width: 100%; text-align:justify}
.test-one .text p.answer {margin-top:1.5rem; font:normal 35px 'Signature'; letter-spacing:0.02em}
.test-one .avis a.btn {margin-top:2.5rem; width:300px; text-align:center; display: table}
.test-one .avis a.btn__testi {display: none}
.test-two {width:100%; position: relative; display: inline-block; overflow: hidden}
.test-two img {width:100%; vertical-align: top; backface-visibility: hidden}
@media all and (min-width:576px){
	.testimonials {padding-top:5rem}
	.test-one {margin-top:3.5rem}
	.test-one h2 {font-size:29px; line-height:1.2}
	.test-one p.h3 span {font-size:35px}
	.test-one .text p.text1,
	.test-one .text p.text2 {letter-spacing:0.1em}
	.test-one .text p.answer {margin-top:2rem; font-size:40px}}
@media all and (min-width:992px){	
	.testimonials {padding-top:5rem; text-align:left}
	.test-one {margin-top:0.5rem}
	.test-one h2 {font-size:30px; margin-left:0; line-height:1.5}
	.test-one p.h3 {padding-bottom:2.35rem; border-bottom:1px solid #8b998d; width:95%}
	.test-one p.h3 span {line-height:1.05; text-transform:uppercase; text-align: left; display:block}
	.test-one p.h3 span:nth-of-type(2) {font-size:35px}
	.test-one .line {display:none}	
	.test-one .text {padding:0.39rem 0 1.5rem; background-color:transparent}
	.test-one .text p.text1,
	.test-one .text p.text2 {margin: 0 auto 0 0; width:95%; font-size:21px; letter-spacing:0; line-height:1.3}
	.test-one .text p.text2 {margin-top:0.39rem}
	.test-one .text p.answer {margin-top:1.5rem; font:italic 20px 'Cormorant'; letter-spacing:0.05em; text-align: left}
	.test-one .avis a.btn  {display: none}
	.test-one .avis a.btn__testi {margin: 0 auto; width: 100%; position: relative; display:block}	
	.test-one .avis a.btn__testi span {font:normal 37px 'Signature'; letter-spacing:0.02em; transition: .7s; text-transform:none}	
	.test-one .avis a.btn__testi span::after {top:3px; padding-left:0.7rem; font-size:1.5rem; transition: .7s; color:#636363; content: "\2192"; position: relative}
	.test-one .avis a.btn__testi span:hover,
	.test-one .avis a.btn__testi span:hover::after {margin-left:0.5rem; transform: scale(1.1); color: #d1c286}	
	.test-two img {width:405px; margin: 0 -1.5rem 0 auto; flex-direction: row-reverse; display: flex}}
@media all and (min-width:1200px){	
	.test-one {margin-top:1rem}
	.test-one p.h3 {padding-bottom:2.5rem; width:96%}
	.test-one .text {padding:1rem 0 1.75rem}
	.test-one .text p.text1,
	.test-one .text p.text2 {width:96%; letter-spacing:0.05em}
	.test-two img {width:420px; margin-right:1rem}}	
/* --------------------------------------------------------*/	
.blockRight {padding-top:3rem; text-align:center; position: relative}	
.blockRight h4 {margin-left:0.16rem; font-size:13px; letter-spacing:0.1em; color: #8b998d}
.blockRight h2 {margin-top:0.7rem; font: normal 22px 'Cormorant'; letter-spacing:0.05em; line-height:1.2; text-transform:none}
.blockRight h2 span {font:700 33px 'Playfair'; letter-spacing:0.025em; display:block}
.blockRight h3 {margin:1.25rem 0 1.35rem; font:italic 14px 'Lato'; letter-spacing:0.05em;text-transform:none}
.blockRight p {text-align:justify}
.blockRight a.btn {margin-top:2.5rem; width:250px; text-align:center; display: table}
.blockLeft {padding-top:3.5rem; text-align:center; position: relative}
.blockLeft blockquote {display:none}
@media all and (min-width:576px) {
	.blockRight {padding-top:3.95rem}
	.blockRight h2 {font-size:25px; line-height:1}
	.blockRight h2 span {font-size:40px}	
	.blockRight h3 {margin:1.75rem 0 1.9rem; font-size:17px}
	.blockRight a.btn {margin-top:3rem; width:300px}
	.blockLeft {padding-top:4.75rem}}
@media all and (min-width:992px) {
	.blockRight {padding-top:5rem; padding-left:3.5rem; text-align:left}	
	.blockRight h2 {margin-top:1rem; font-size:27px; letter-spacing:0; line-height:1}
	.blockRight h2 span {font-size:37px}
	.blockRight h3 {margin:1.2rem 0 1.2rem}
	.blockRight a.btn {margin:2.25rem auto 0 0; width:270px}
	.blockRight p {letter-spacing:0.05em}
	.blockLeft {padding-top:5rem; padding-right:1.75rem; position: relative}											
	.blockLeft blockquote {margin:0 1.35rem 2rem 0; padding:0.25rem 1.35rem 0.3rem 0; font-size:20px; line-height:1.65; border-right:2px solid #8b998d; text-align: right; text-transform:none; display:block}}	
@media all and (min-width:1200px) {	
	.blockRight {padding:5.5rem 1rem 0 5.5rem}	
	.blockRight h4 {margin-top:0.25rem}
	.blockRight h2 {margin-top:1.5rem}	
	.blockRight h3 {margin:1.35rem 0 1.75rem}
	.blockRight p {letter-spacing:0.1em; line-height:1.7}
	.blockRight a.btn {margin:2.7rem auto 0 0}
	.blockLeft {padding-top:5.5rem; padding-right:1.25rem;}
	.blockLeft blockquote {margin:0 2.5rem 2rem 0; padding:0.1rem 1.5rem 0.2rem 0}
	.blockLeft img {width:450px; float:right}}
/* --------------------------------------------------------*/	
.item-one {padding-top:3.5rem}
.item-one h2 span {text-align: center; text-transform:none; display: block}	
.item-one h2 span:nth-of-type(1) {font:italic bold 33px 'Florentino'; letter-spacing:-0.05em; line-height:1.2} 	
.item-one h2 span:nth-of-type(2) {font:bold 60px 'Florentino'; letter-spacing:-0.05em; line-height:0; color: #d1c286}	
.item-one h2 span:nth-of-type(3) {font:italic bold 33px 'Florentino'; letter-spacing:-0.05em; line-height:1.5}	
.item-one p {margin:1rem auto 2.5rem; width:280px; font-size:22px; font-style: italic}
.item-two {padding-top:1rem; margin-bottom:-0.5rem; z-index:2; position:relative}
.item-two p {margin-top:1rem; text-align:justify}
@media all and (min-width:576px) {
	.item-one {padding-top:3.95rem}
	.item-one h2 span:nth-of-type(1) {font-size:35px} 	
	.item-one h2 span:nth-of-type(2) {font-size:62px}	
	.item-one h2 span:nth-of-type(3) {font-size:35px}	
	.item-one p {margin:1rem auto 3.5rem; width:450px}
	.item-two {padding-top:2rem}}
@media all and (min-width:992px) {
	.item-one {padding-top:5rem}
	.item-one h2 {margin-top:2.5rem}
	.item-one h2 span:nth-of-type(1) {font-size:50px} 	
	.item-one h2 span:nth-of-type(2) {font-size:80px}	
	.item-one h2 span:nth-of-type(3) {font-size:50px}		
	.item-one p {padding:0 1rem; margin:1rem auto 2.5rem; width:100%; font-size:23px; letter-spacing:0.05em}
	.item-one img {margin:0 auto 0; width:390px; float:right}
	.item-two {padding-top:0.75rem; margin-bottom:0}
	.item-two .flexOrder-7:nth-of-type(1) {padding-right: 1.25rem}
	.item-two .flexOrder-7:nth-of-type(2) {padding: 0 0.7rem}
	.item-two .flexOrder-7:nth-of-type(3) {padding-left:1.2rem}	
	.item-two .flexOrder-7:nth-of-type(3) p {margin-top: 2.25rem; font: italic 18px 'Florentino'; letter-spacing: 0.05em; line-height: 1.8; text-align: left; hyphens: none; overflow-wrap: normal}
	.item-two p,
	.item-two p a {font-size:20px; letter-spacing:0.05em; line-height:1.35}
	.item-three {margin-top:4.5rem; width:100%; border-bottom: 4px double #8b998d; display:inline-block}}
@media all and (min-width:1200px) {	
	.item-one h2 {margin:2.5rem auto 0 6rem}
	.item-one p {margin:2rem auto 2.5rem 3.95rem}
	.item-two {padding-top:1rem}
	.item-two .flexOrder-7:nth-of-type(1) {padding-right: 1.5rem}
	.item-two .flexOrder-7:nth-of-type(2) {padding: 0 0.75rem}
	.item-two .flexOrder-7:nth-of-type(3) {padding: 0 3rem 0 1.5rem}
	.item-two .flexOrder-7:nth-of-type(3) p {margin-top:2rem; letter-spacing:0.05em; line-height:1.8}}		
/* -------------------------------------------------------- */
.section-one {padding-top:3.5rem; margin: 0; text-align:center; width: 100%; z-index:1; position: relative; clear: both}
.section-one .eyebrow {margin-bottom:0.5rem; font:normal 12px 'Lato'; letter-spacing:0.25em; color: #555}
.section-one h2.title {margin-bottom:2.75rem; padding-bottom:2rem; text-align:center; position: relative}
.section-one h2.title:before {bottom:-3px; width:80%; height:3px; left:50%; transform: translateX(-50%); background-color: #8b998d; content: ""; z-index: 4; position: absolute}
.section-one h2.title:after {bottom:0; content:url(../img/divider/ornement-floral-100.webp); transform: scale(0.5); width:50px; height:33px; left:50%; margin-left:-50px; z-index: 5; position:absolute; display:block}
.section-one h2.title span {display:block}
.section-one h2.title span.line-top {font:normal 18px 'Playfair'; letter-spacing:0.075em}
.section-one h2.title span.line-bottom {font:italic 30px 'Playfair'; word-spacing:-0.1em; letter-spacing:0.05em; text-transform:none}
.section-one .flexOrder-1 p,
.section-one .flexOrder-2 p {text-align:justify}
.section-one .flexOrder-2 p {margin-top: 1rem}
.section-one > p:nth-of-type(1) {margin:1.75rem auto 2.5rem; width:220px; color:#6c8c71; text-transform:uppercase}
@media all and (min-width:576px) {
	.section-one {padding-top:3.95rem; margin-bottom:-1.5rem}
	.section-one .eyebrow {margin-bottom:0.75rem; font-size:15px}
	.section-one h2.title {margin-bottom:3.35rem; padding-bottom:2.35rem}
	.section-one h2.title:before {bottom:-2px; width:50%}
	.section-one h2.title:after {transform: scale(0.55)}
	.section-one h2.title span.line-top {font-size:23px}
	.section-one h2.title span.line-bottom {font-size:38px}
	.section-one > p:nth-of-type(1) {margin:2.5rem auto 3.95rem; width:100%; font-size:26px; font-weight: 600; color: #6c8c71; text-transform:none}
	.section-one > p:nth-of-type(1) span {margin-top: 0.5rem; font-size:21px; letter-spacing:0.05em; font-weight: 600; display: block}
	.section-one > p:nth-of-type(1) strong {font-weight: 600}}
@media all and (min-width:992px) {
	.section-one {padding-top:4.5rem}
	.section-one .eyebrow {margin-bottom:0.75rem; font-size:16px; letter-spacing:0.5em}
	.section-one h2.title {padding-bottom:2.75rem}
	.section-one h2.title:before {width:45%}	
	.section-one h2.title span {display:inline}
	.section-one h2.title span.line-top,
	.section-one h2.title span.line-bottom {font-size:24px; letter-spacing:0.025em; font-style:normal; text-transform:none}
	.section-one .flexOrder-2 p {margin-top: 0}
	.section-one .flexOrder-1 p {padding-right:2rem; letter-spacing:0.075em}
	.section-one .flexOrder-2 p {padding-left:2.2rem; letter-spacing:0.085em}
	.section-one > p:nth-of-type(1) {margin:3.5rem auto; font-size:25px; letter-spacing:0.05em; width:100%}}
@media all and (min-width:1200px) {
	.section-one .eyebrow {letter-spacing:0.6em}
	.section-one h2.title {margin-bottom:3.5rem}
	.section-one h2.title:before {width:37%}
	.section-one h2.title span.line-top,
	.section-one h2.title span.line-bottom {font-size:26px}}	
/* -------------------------------------------------------- */	
.section-two {padding-top:1rem; text-align:left; position:relative; clear: both; z-index: 1}
.section-two .one:nth-of-type(1) {padding-top:0.25rem}
.section-two .one:nth-of-type(2) {position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0)}
.section-two .one:nth-of-type(3) {padding-top:1.25rem}
.section-two h2 {padding-top:3rem;}
.section-two h2::after {margin: 25px auto 0; width:100%; height: 1px; background-color: #8b998d; display: block; content: ""}
@media all and (min-width:576px) {
	.section-two {padding-top:1.5rem}}
@media all and (min-width:992px) {
	.section-two {padding-top:3.5rem}
	.section-two .one:nth-of-type(1) {padding-right: 1rem; padding-top:0}
	.section-two .one:nth-of-type(2) {padding: 0 0.5rem; position: static; width: auto; height: auto; overflow: visible; clip: auto}
	.section-two .one:nth-of-type(3) {padding-left:1rem; padding-top:0}}
/* -------------------------------------------------------- */	
.section_three {padding-bottom:3.95rem; position:relative; clear: both; z-index: 1}	
.section_three-one {background-color: #f8f8f8; border-top:1px solid #8b998d; border-radius:5px; position:relative}	
.section_three-one h2 {margin-top:2rem; font:bold 23px "Florentino"; letter-spacing:0.01em; line-height:1.25; text-align: center; position: relative; text-transform: none}
.section_three-one h2::after {margin: 25px auto 0; width: 50px; height: 1px; background-color: #8b998d; display: block; content: ""}
.section_three-one h2 span {margin:1.5rem 0 2.5rem; font:normal 15px "Florentino"; letter-spacing: 0.035em; line-height:0; color: #6c8c71; display: block}
.section_three-one h2 span::before {content: "— "}
.section_three-one h2 span::after {content: " —"}
.section_three-one p {margin-top:2rem; font-size:16px; letter-spacing:0}
.section_three-one p span {margin-top:1rem; font:bold 18px 'Lato'}
.section_three-one p > span sup {margin-left:0.25rem; font-size:13px; vertical-align: super; position:relative}
.section_three-one ul {margin:2rem 1.5rem 2rem; padding: 0}
.section_three-one ul li {padding-left: 20px; margin-bottom: 10px; font-size:20px; text-transform:none; position: relative}
.section_three-one ul li::before {top:0.2rem; font-size: 12px; left: 0; color: #8b998d; content: "✔"; position: absolute}
.section_three-one a.btn {margin:2.5rem auto 0; width:180px; text-align:center; display: table}
.section_three-one img {margin-top:3rem; border-top:20px solid #fff; width: 100%}
@media all and (min-width:576px) {
	.section_three {padding-bottom:5rem}		
	.section_three-one h2 {margin-top:3rem; font-size:28px}
	.section_three-one h2 span {margin:2rem 0 3rem; font-size:17px}
	.section_three-one p {font-size:18px}
	.section_three-one p span {font-size:21px}
	.section_three-one p > span sup {font-size:15px}
	.section_three-one ul {margin:3rem 5rem 2rem}
	.section_three-one ul li {font-size:22px}
	.section_three-one ul li::before {font-size:15px}
	.section_three-one a.btn {margin:3rem auto 1rem; width:200px}}
@media all and (min-width:992px) {	
	.section_three {padding-bottom:5rem}
	.section_three-one {border:0px double #8b998d}	
	.section_three-one h2 {margin-top:1.5rem; padding-left:1.25rem; font-size:27px; line-height:2; text-align:left; font-style:normal}
	.section_three-one h2 span {margin:0; font-size:27px; letter-spacing:0.01em; line-height:0.75; font-weight:bold; color:#333; text-transform: none}	
	.section_three-one h2::after,
	.section_three-one h2 span::before,
	.section_three-one h2 span::after {display:none}	
	.section_three-one p {margin-top:1.5rem; padding-left:1.5rem; font-size:16px; text-align:left}
	.section_three-one p span {font-size:18px; color: #8b998d}
	.section_three-one p > span sup {font-size:13px}	
	.section_three-one ul {margin:1.5rem 0 0 2.25rem}
	.section_three-one ul li {margin-bottom:7px; font-size:21px}
	.section_three-one ul li::before {font-size:12px}	
	.section_three-one a.btn {margin:2.25rem auto 0 1.75rem}	
	.section_three-one img {padding:2rem; margin-top:0; border-top:0px solid #fff; border-radius:5px; object-fit: cover}}	
@media all and (min-width:1200px) {		
	.section_three-one h2 {margin-top:5rem}	
	.section_three-one p {margin-top:2rem; font-size:18px}
	.section_three-one p span {font-size:21px}
	.section_three-one p > span sup {font-size:15px}		
	.section_three-one ul {margin:2rem 0 0 2.25rem}
	.section_three-one ul li {margin-bottom:10px; font-size:22px}
	.section_three-one ul li::before {font-size:15px}
	.section_three-one a.btn {margin:2.75rem auto 0 1.75rem}	
	.section_three-one img {padding:3.5rem}}	
/* -------------------------------------------------------- */	
.mag-lead {padding:3.5rem 0 3rem; color: #fff; text-align: center; background: url('../img/mariage/003-1600x900.webp') center/cover no-repeat; position: relative}
.mag-overlay {position: absolute; inset: 0; background: rgba(0, 0, 0, 0.45); backdrop-filter: blur(2px)}
.mag-content {margin: 0 auto; z-index: 2; position: relative}
.mag-tag {font-size:22px; letter-spacing: 0.02em; opacity: 0.8; display: inline-block}
.mag-lead h2 {margin:1.35rem auto 2.25rem; width:250px; font-size:27px; line-height: 1.5}
.mag-lead p.mag-intro {margin:0 auto 20px; width:250px; font-style: italic; opacity: 0.9}
.mag-lead p {margin:0 auto 20px; width:280px}
.mag-lead strong {font-weight: 600}	
@media all and (min-width:576px) {
	.mag-lead {padding:4.5rem 0 3.5rem}
	.mag-tag {font-size:27px}
	.mag-lead h2 {width:300px; font-size:32px}
	.mag-lead p.mag-intro,
	.mag-lead p {width:470px}}
@media all and (min-width:992px) {
	.mag-lead {padding:5rem 0}
	.mag-lead h2 {margin:2.5rem auto 3rem;width:400px}
	.mag-lead p.mag-intro,
	.mag-lead p {width:700px}}