/* =================================================================== */
/* MAIN - Index
/* =================================================================== */
	
.intro {padding-top:3rem; position:relative; text-align:center; clear: both}
.intro-subhead {position: relative; padding: 0; margin: 0}
.intro-subhead h2 {margin-bottom:2.5rem; padding-bottom:1.75rem; text-align:center; position: relative}
.intro-subhead h2:before {bottom:-3px; width:80%; height:3px; left:50%; transform: translateX(-50%); background-color: #8b998d; content: ""; z-index: 4; position: absolute}
.intro-subhead h2: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}
.intro-subhead h2 span {display:block}
.intro-subhead h2 span.line-top {font:normal 14px 'Lato'; letter-spacing:0.1em; line-height:1.5; color:#aaa}
.intro-subhead h2 span.line-bottom {font:bold 31px 'Cormorant'; letter-spacing:-0.01em; text-transform:none}
.intro__one p {margin-bottom:0.85rem; text-align:justify}
.intro__one a.btn {margin-top:2.5rem; width:230px; text-align:center; display: table}
@media all and (min-width: 578px){
	.intro {padding-top:3.95rem}
	.intro-subhead h2 {margin-bottom:3.75rem; padding-bottom:2.5rem}
	.intro-subhead h2:before {width:50%}
	.intro-subhead h2:after {transform: scale(0.55)}
	.intro-subhead h2 span.line-top {font-size:17px; line-height:1.65}
	.intro-subhead h2 span.line-bottom {font-size:39px}
	.intro__one p {margin-bottom: 1rem}
	.intro__one a.btn {margin-top:3rem; width:250px}}
@media all and (min-width: 992px) {
	.intro-subhead h2:before {width:25%}
	.intro-subhead h2 span.line-top {font-size:17px; letter-spacing:0.225em}
	.intro-subhead h2 span.line-bottom {font-size:39px; letter-spacing:0.05em}
	.intro__one p {margin: 1.2rem auto; width:770px; text-align:center}}
@media all and (min-width: 992px) {
	.intro__one p {width:850px}}	
/* -------------------------------------------------------- Intro 2 */	
.intro__two {padding:3.25rem 0 3.75rem; margin-top:4.35rem; position:relative; background-color:#f7f5ef; z-index:1}
.intro__two h3 {margin:0 auto 1.75rem; font-size: 22px; letter-spacing:0.025em; line-height:1.15; width:230px; color:#434343; text-transform:none}
.intro__two ul li {padding-left:1rem; font:bold 13px 'Lato'; letter-spacing:0.02em; line-height:2.8; color: #8b998d; text-indent:-16px; text-transform:none; white-space: pre; word-wrap: break-word; hyphens:auto; text-align: justify}
.intro__two ul li span {padding-left:0.15rem; font:normal 16px 'Playfair'; letter-spacing:0.05em; color:#333}
.intro__two ul li a {padding-left:0.2rem; padding-bottom:1px; font:normal 20px 'Cormorant'; border-bottom: 1px dotted #8b998d; color: #333}
.intro__two ul li a:hover {border-bottom: 1px dotted #d1c286}
@media all and (min-width:576px){
	.intro__two {padding:3.95rem 0; margin-top:5rem}
	.intro__two h3 {width:300px; line-height:1.35}
	.intro__two ul li {font-size:16px; letter-spacing:0.05em; line-height:2.5; text-align:center}
	.intro__two ul li span {font-size:20px}
	.intro__two ul li a {font-size:24px}}	
@media all and (min-width:992px){
	.intro__two h3 {margin-bottom:2.5rem; width:450px; line-height:1.5; text-transform:uppercase}
	.intro__two ul li {text-align:left}
	.intro__two .intro__two-div div:nth-of-type(1),
	.intro__two .intro__two-div div:nth-of-type(2) {padding-left:2rem}}
@media all and (min-width:1200px){
	.intro__two {padding:3.95rem 0 4.5rem; margin-top:5rem}
	.intro__two .intro__two-div div:nth-of-type(1) {padding-left:8rem}
	.intro__two .intro__two-div div:nth-of-type(2) {padding-left:3.95rem}}
/* -------------------------------------------------------- CHOIX */
#choice {padding:1rem 0 3rem; text-align:center; width: 100%; background-color:#f7f5ef; position: relative; z-index:1}
.choice__one {padding-top:3rem; margin: 0 auto; width: 100%; text-align:center; position: relative; clear: both}		
.choice__one .img {position: relative}
.choice__one .img .number {bottom:-2rem; top:auto; left:-1.15rem; font:normal 55px 'Lato'; letter-spacing: -0.034em; transform: scaleX(0.79); color: #d1c286; text-shadow: -1px -1px 0px rgba(255,255,255,1); position: absolute; z-index: 3}
.choice__one .text {margin:3rem auto 0}
.choice__one .text h2 {margin-bottom:1.25rem; font:bold 17px 'Cormorant'; letter-spacing:0.15em; line-height:1.5}
.choice__one .text h2 span {font:bold 22px 'Playfair'; letter-spacing:0.05em; display:block; text-transform: none}
.choice__one .text p {letter-spacing:0.035em; text-align:justify}
.choice__one .text ul {margin:0.75rem 0}
.choice__one .text ul li {padding-left:1.06rem; font-size:20px; letter-spacing:0.035em; line-height:1.5; text-indent:-16px; text-transform:none; text-align:justify; hyphens: auto; word-wrap: break-word}
.choice__one .text ul li::before {font-size:22px; margin-right:8px; content: "\00BB"}
.choice__one .p__03 p:nth-of-type(2),
.choice__one .p__03 p:nth-of-type(3) {margin:0.75rem 0} 
.choice__one .p__03 p:nth-of-type(4) {font-style:italic} 
.choice__one .p__07 p:nth-of-type(2),
.choice__one .p__07 p:nth-of-type(3) {margin:0.75rem 0} 
@media all and (min-width:576px){
	#choice {padding:1.5rem 0 3.5rem}		
	.choice__one {padding-top:3.5rem}	
	.choice__one .text {margin:3rem auto 0}
	.choice__one .text h2 {margin-bottom:2rem; font-size:22px}
	.choice__one .text h2 span {font-size:32px}
	.choice__one .text ul li {padding-left:1.6rem; font-size:22px}}
@media all and (min-width:992px){
	#choice {padding:3rem 0 4.5rem}
	.choice__one {text-align:left}	
	.choice__one .img img {width:500px; margin: 0 auto 0 -1rem}
	.choice__one .img .number {bottom:0; top:-3rem; right:1.5rem; left:auto; font-size:65px}
	.choice__one .text {margin-top:1rem; padding-left: 3.5rem}	
	.choice__one .text h2 {margin-bottom:1rem; font-size:18px}
	.choice__one .text h2 span {font-size:23px; letter-spacing:0.01em}	
	.choice__one .text h2::before {right:47%; height:60px; top:0.1rem; border-right:3px solid #d1c286; transform: rotate(-180deg) translateX(-100%); vertical-align: middle; position: absolute; content:""; display: inline-block}						
	.choice__one .text p,	
	.choice__one .text ul li {font-size:21px}
	.choice__one .p__03 p:nth-of-type(2),
	.choice__one .p__03 p:nth-of-type(3),
	.choice__one .p__03 p:nth-of-type(4),
	.choice__one .p__07 p:nth-of-type(3),	
	.choice__one .p__07 p:nth-of-type(4){line-height:1.39}}
@media all and (min-width:1200px){
	#choice {padding:3.5rem 0 5rem}	
	.choice__one .img img {width:460px; margin: 0 auto 0 1rem}
	.choice__one .img .number {right:1.7rem}
	.choice__one .text {margin-top:1.5rem; padding: 0 3rem 0 2.5rem}
	.choice__one .text h2 {font-size:21px; line-height:1.35}
	.choice__one .text h2 span {font-size:30px; letter-spacing:-0.015em}
	.choice__one .text h2::before {right:50%; height:70px}
	.choice__one .text ul {margin:1rem 0}
	.choice__one .p__03 p:nth-of-type(2),
	.choice__one .p__03 p:nth-of-type(3),
	.choice__one .p__03 p:nth-of-type(4),
	.choice__one .p__03 p:nth-of-type(5) {line-height:1.5}}
/* -------------------------------------------------------- Love My */
.choice__two {padding-top:3rem; margin: 0 auto; width: 100%; text-align:center; position: relative; clear: both}	
.choice__two .img {position: relative}
.choice__two .img .number {bottom:-2rem; top:auto; left:-1.15rem; font:normal 55px 'Lato'; letter-spacing: -0.034em; transform: scaleX(0.79); color: #d1c286; text-shadow: -1px -1px 0px rgba(255,255,255,1); position: absolute; z-index: 3}
.choice__two .text {margin:3rem auto 0}
.choice__two .text h2 {margin-bottom:1.25rem; font:bold 17px 'Cormorant'; letter-spacing:0.15em; line-height:1.5}
.choice__two .text h2 span {font:bold 22px 'Playfair'; letter-spacing:0.05em; display:block; text-transform: none}
.choice__two .text p {letter-spacing:0.035em; text-align:justify}
.choice__two .text ul {margin:0.75rem 0}
.choice__two .text ul li {padding-left:1.06rem; font-size:20px; letter-spacing:0.05em; line-height:1.5; text-indent:-16px; text-transform:none; text-align:justify; hyphens: auto; word-wrap: break-word}
.choice__two .text ul li::before {font-size:22px; margin-right:8px; content: "\00BB"}
@media all and (min-width:576px){
	.choice__two {padding-top:3.5rem}	
	.choice__two .text {margin:3rem auto 0}
	.choice__two .text h2 {margin-bottom:2rem; font-size:22px}
	.choice__two .text h2 span {font-size:32px}	
	.choice__two .text ul li {padding-left:1.6rem; font-size:22px}
	.choice__two .text a.btn {margin:2.5rem auto 4.5rem; width:230px}}
@media all and (min-width:992px){		
	.choice__two {padding:7rem 0 3.5rem; text-align:left}	
	.choice__two .img img {width:430px; margin: 0 -1.5rem 0 auto; flex-direction: row-reverse; display: flex}
	.choice__two .img .number {bottom:0; top:-3rem; left:2.75rem; font-size:65px}
	.choice__two .text {margin-top:1rem; padding:0 1.5rem 0}
	.choice__two .text h2 {margin-bottom:1rem; font-size:18px}
	.choice__two .text h2 span {font-size:23px; letter-spacing:0.01em}	
	.choice__two .text h2::before {left:-0.5rem; top:0; height:60px; border-left:3px solid #d1c286; transform: rotate(-180deg) translateX(-100%); vertical-align: middle; position: absolute; content:""; display: inline-block}					
	.choice__two .text p,	
	.choice__two .text ul li {font-size:21px}}	
@media all and (min-width:1200px){	
	.choice__two {padding:8rem 0 4rem}	
	.choice__two .img img {width:460px; margin: 0 1rem 0 auto}	
	.choice__two .img .number {left:3.20rem}
	.choice__two .text {margin-top:1.5rem; padding: 0 2rem 0 4.15rem}
	.choice__two .text h2 {font-size:21px; line-height:1.5}
	.choice__two .text h2 span {font-size:30px; letter-spacing:-0.015em}
	.choice__two .text h2::before {left:1.5rem; height:70px}
	.choice__two .text ul {margin:1rem 0}}
/* -------------------------------------------------------- Section Choix prix */												
.choice__price {padding:4.5rem 0; background-color:#f8f8f8; text-align:center; position: relative; clear: both}
.choice__price svg {top:-5.5rem; height:50px; fill: #8b998d; left:50%; transform: translateX(-50%) rotateZ(180deg); position: absolute; z-index:2}
.choice__price .know {margin-top:2.25rem; margin-left:0.25rem; font:normal 12px 'Lato'; letter-spacing:0.05em; color:#888}
.choice__price h2 {margin-top:1.42rem; font-size:16px; letter-spacing:0.1em; font-style:italic}
.choice__price h2 span {font:normal 23px 'Playfair'; letter-spacing:0.025em; display: block}		
.choice__price .line {margin:1.75rem auto 2rem; width:16%; border-bottom:2px solid #8b998d}
.choice__price p {text-align:justify}
.choice__price a.btn {margin:2.5rem auto 0; width:255px; text-align:center; display: table}
@media all and (min-width:576px) {	
	.choice__price {padding:6rem 0 5rem}
	.choice__price svg {top:-7.25rem; height:60px}	
	.choice__price .know {margin-top:3rem; font-size:15px}
	.choice__price h2 {margin-top:2rem; font-size:19px}
	.choice__price h2 span {font-size:27px}
	.choice__price .line {margin:2.25rem auto 2.75rem; width:13%}
	.choice__price a.btn {margin-top:3rem}}
@media all and (min-width:992px) {	
	.choice__price {padding:5.5rem 0 5rem; text-align:left}
	.choice__price svg {top:-7rem; height:65px}	
	.choice__price img {width:500px; margin: 0 auto 0 -1rem}
	.choice__price .know {margin-top:0.5rem; margin-left:0; font-size:13px}
	.choice__price h2 {margin-top:0.75rem; margin-left:0.25rem; font-size:17px; font-style:normal}
	.choice__price h2 span {margin-left:-0.25rem; font-size:23px; font-style:italic}
	.choice__price .line {margin:1.25rem auto 1.5rem 0}
	.choice__price p {font-size:21px; letter-spacing:0.02em; line-height:1.325}
	.choice__price a.btn {margin:2rem auto 0 0}
	.choice__price .choice__price-two {padding:0 0 0 3.5rem}}		
@media all and (min-width:1200px) {	
	.choice__price {padding:5.5rem 0 5.5rem}
	.choice__price img {width:460px; margin: 0 auto 0 1rem}
	.choice__price .know {font-size:15px}
	.choice__price h2 {margin-top:1rem; font-size:19px}
	.choice__price h2 span {font-size:25px}
	.choice__price .line {margin:1.5rem auto 1.75rem 0}
	.choice__price p {line-height:1.5}
	.choice__price .choice__price-two {padding:0 2.5rem 0}}