/* -------------------------------------------------------- STAGE */
.choice {padding:3.95rem 0 3rem; background-color: #f7f5ef; margin:0 auto; width: 100%}
.choice .choiceLeft {position: relative}	
.choice .choiceLeft .choiceIMG {display: block}
.choice .choiceLeft .choiceIMG img {width:100%}
.choice .choiceLeft .choiceIMG img.active {display: block; margin: 0}
.choice .choiceLeft .choiceGallery {display: flex; width:100%}
.choice .choiceLeft .choiceGallery li {margin:0.35rem 0.35rem 0 0}
.choice .choiceLeft .choiceGallery li:nth-child(3) {margin:0.3rem 0 0}
.choice .choiceLeft .choiceGallery img {height:auto; width: 100%; transition: opacity 0.3s ease; cursor: pointer}
.choice .choiceLeft .choiceGallery img:hover {opacity: 0.7}										
.choice .choiceRight {padding:0 0.16rem}
.choice .choiceRight .text {margin-top:1.8rem; padding-bottom:1.35rem; border-bottom:2px dotted #d1c286}
.choice .choiceRight .text h2 {font-size:16px; letter-spacing:0.025em}
.choice .choiceRight .text h3 {margin-left:0.1rem; font:normal 15px 'Cormorant'; letter-spacing:0.035em; line-height:1.25; color:#888; font-style:italic; text-transform:none}					
.choice .choiceRight .text p {padding:1rem 0; text-align:justify}
.choice .choiceRight .text .textCol {margin-left:2rem; width: 100%; line-height:2.25}
.choice .choiceRight .text .textInfo {margin-left:0.5rem; font-size:16px; letter-spacing:0.05em; display:inline}				
.choice .choiceRight .text img {top:-0.2rem; width:20px; margin:0 auto; display:inline; position: relative}														
.choice .choiceRight .hashtag {margin-top:1.25rem; margin-left:0.35rem; font:normal 13px 'Lato'; letter-spacing:0.05em; color:#777; text-align:left; text-transform: uppercase}
.choice .choiceRight .tags {margin-top:0.5rem; margin-left:0.55rem; font:normal 13px 'Lato'; letter-spacing:0.05em; color:#777; text-align:left; text-transform: uppercase}					
.choice .choiceRight .tags span {font:normal 13px 'Lato'; text-transform: none}
.btnPayment {padding-top:0.5rem; gap: 0 5px; display: flex; justify-content:center; margin:0 auto; position:relative}
.btnPayment a.btn {width:100%; text-align:center; display: table}
.pricePers span {margin-left:1.5rem; font-size:16px}								
@media all and (min-width:576px) {
	.choice {padding:5rem 0 3.7rem}	
	.choice .choiceRight .text {margin-top:2.5rem; padding-bottom:1.75rem}
	.choice .choiceRight .text h2 {font-size:22px}
	.choice .choiceRight .text h3 {font-size:19px}	
	.choice .choiceRight .text p {padding:1.5rem 0}
	.choice .choiceRight .text .textCol {margin-left:3rem; line-height:2.5}
	.choice .choiceRight .text .textInfo {font-size:17px}				
	.choice .choiceRight .text img {width:25px}	
	.choice .choiceRight .hashtag {margin-top:2rem}
	.choice .choiceRight .hashtag,
	.choice .choiceRight .tags,
	.choice .choiceRight .tags span {font-size:15px}
	.pricePers span {margin-left:2.5rem; top:0.135rem; font-size:17px}}
@media all and (min-width:992px) {
	.choice {padding:4.75rem 0}
	.choice .choiceLeft .choiceIMG img {width:96%; float:right}
	.choice .choiceLeft .choiceGallery {width:96%; margin-left:auto}	
	.choice .choiceLeft {right:1.5rem}
	.choice .choiceRight {padding-left:1.5rem}
	.choice .choiceRight .text {margin-top:0.2rem; padding-bottom:0.8rem}
	.choice .choiceRight .text h2 {font-size:18px}
	.choice .choiceRight .text h3 {font-size:17px}	
	.choice .choiceRight .text p {padding:0.85rem 0 0.55rem; font-size:20px; line-height:1.25; letter-spacing:0.03em}
	.choice .choiceRight .text .textCol {margin-left:1.5rem; line-height:1.7}
	.choice .choiceRight .text .textInfo {font-size:15px}				
	.choice .choiceRight .text img {width:20px}
	.choice .choiceRight .hashtag {margin-top:1rem}
	.choice .choiceRight .hashtag,
	.choice .choiceRight .tags {font-size:12px}	
	.choice .choiceRight .tags {margin-top:0.2rem}
	.pricePers span {margin-left:1.75rem; top:0; font-size:16px}}	
@media all and (min-width:1200px) {
	.choice {padding:5rem 0}
	.choice .choiceLeft {right:3rem}	
	.choice .choiceLeft .choiceIMG img {width:92%}
	.choice .choiceLeft .choiceGallery {width:92%}	
	.choice .choiceRight .text {padding-bottom:1.15rem}
	.choice .choiceRight .text h2 {font-size:20px}
	.choice .choiceRight .text h3 {font-size:19px}	
	.choice .choiceRight .text p {padding:1rem 0; font-size:22px}
	.choice .choiceRight .text p.page {padding:1.25rem 0 1rem; font-size:22px; line-height:1.5; letter-spacing:0.075em}
	.choice .choiceRight .text .textCol {margin-left:2.5rem; line-height:2.25}
	.choice .choiceRight .text .textInfo {font-size:17px}
	.choice .choiceRight .text .margin {margin-top:0.5rem}
	.choice .choiceRight .text img {width:25px}
	.choice .choiceRight .hashtag {margin-top:1.2rem}}	
/* -------------------------------------------------------- Tabs */	
.tab-set {padding-top:3.5rem; position: relative; display: flex; flex-wrap: wrap; max-width: 100%}
.tab {display: none}
.tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1),
.tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2),
.tab:checked:nth-of-type(3) ~ .tab__content:nth-of-type(3) {top: 0; z-index: 1; opacity: 1; transform: translateY(0); transition: all 3s ease-out; position: relative}
.tab:first-of-type:not(:last-of-type) + label {border-top-right-radius: 0; border-bottom-right-radius: 0}
.tab:not(:first-of-type):not(:last-of-type) + label {border-radius: 0}
.tab:last-of-type:not(:first-of-type) + label {border-top-left-radius: 0; border-bottom-left-radius: 0}
.tab:checked + label {border:3px solid #f7f5ef; background-color: #fcfcfc; cursor: default}
.tab:checked + label:hover {background-color: #fcfcfc}
.tab + label {padding:15px 0; flex-grow:3; border-radius: 3px; border:3px solid #f7f5ef; transition: all 1s ease-out; background-color:#f7f5ef; text-align:center; text-transform:none; display:inline-block; cursor: pointer}
.tab + label:hover {background-color: #f9f9f9}
.tab + label span {display:none}
.tab + label img {width:55px; top:50%; transform: translateY(-50%); position: relative}
.tab__content {padding:1.5rem 0.5rem 0; left: 0; width: 100%; opacity: 0; transform: translateY(-3px); z-index: -1; position: absolute}
.tab__content p {letter-spacing:0.035em; text-align:justify}	
.tab__content h2,
.tab__content h3 {padding:2.25rem 0 0.7rem; font:bold 12px 'Florentino'; letter-spacing:0.1em}
.tab__content ul li {padding:5px 0 2px 25px; font-size:20px; letter-spacing:0.02em; text-indent:-19px; text-transform: none}
.tab__content ul li::before {top:0; font-size:20px; margin-right:8px; color:#d1c286; vertical-align:top; content: "\00BB"; position:relative}										
.tab__content ul li span {font:bold 19px 'Cormorant'; color:#555; text-transform:none}
.tab__content ul li span.dataPrice {font:bold 18px 'Lato'; text-transform:none}
.tab__content ul li span sup {margin-left:0.2rem; font: bold 15px 'Cormorant'; vertical-align: super}
.tab__content ul li a {border-bottom:1px dotted #888}
.tab__content ul li a:hover {border-bottom:1px solid #bbb}
@media all and (min-width:576px) {
	.tab-set {padding-top:4.25rem}
	.tab__content {padding:2.25rem 1rem 0}
	.tab__content h2,												
	.tab__content h3 {font-size:16px}
	.tab__content ul li {font-size:22px}									
	.tab__content ul li span,
	.tab__content ul li span.dataPrice {font-size:21px}
	.tab__content ul li span sup {font-size:17px}}	
@media all and (min-width:991px) {
	.tab:checked + label {color: #d1c286}
	.tab + label {color: #aaa}
	.tab + label span {font-size:20px; letter-spacing:0.025em; font-weight:bold; text-transform: none; display:block}
	.tab + label img {display:none}  
	.tab__content {padding:1.85rem 1.35rem 0}
	.tab__content ul li {font-size:21px}									
	.tab__content ul li span.dataPrice {font-size:18px}
	.tab__content ul li {padding:3px 0 3px 20px}
	.tab__content .required {padding-left:2rem}
	.tab__content .know {padding-left:3rem}
	.tab__content .know p {margin-top:-0.2rem; font-size:21px; line-height:1.39}
	.tab__content .ref {padding-left:3.5rem}}
@media all and (min-width:1200px) {
	.tab__content .required {padding-left:3rem}
	.tab__content .know {padding-left:3.95rem}
	.tab__content ul li,
	.tab__content .know p {font-size:22px}}	
/* -------------------------------------------------------- Suggestion */
.course__other {padding-top:3rem; width: 100%; clear: both; position: relative}
.course__other .title h2 {padding:1.75rem 1.25rem 1.15rem; opacity:0.7; font:italic 19px 'Lato'; letter-spacing:0.025em; border-top:2px solid #d1c286; color: #888; background-color: #f7f5ef; text-transform: none}
.course__other .title h2 span {font:bold 22px 'Florentino'; color: #111; display:block; text-transform: uppercase}
.course__other .img {margin-top:0.75rem}
.course__other figure {margin:0; width:100%; position: relative; display: inline-block; overflow: hidden; cursor:pointer}
.course__other figure * {transition: all 0.45s ease}
.course__other figure::after {position: absolute; top:0; bottom:0; left:0; right:0; content:""; background-color:#fcfcfc; transition: all 0.35s ease; opacity: 0}
.course__other figure .fond {width:88%; height:88%; background-color:#fcfcfc; opacity:0.5; left:50%; top:50%; transform: translate(-50%, -50%); position:absolute}					
.course__other figure .plus {font:bold 60px 'Lato'; color:#c2af65; left:50%; top:50%; transform: translate(-50%, -50%); position:absolute}
.course__other figure:hover .fond,
.course__other figure:hover .plus {transform: translate(0px, 0px); opacity: 0}					
.course__other figure img {width:100%; height:100%; vertical-align: top; backface-visibility: hidden}
.course__other figure figcaption {width:100%; top:50%; left:50%; transform: translate(-30%, -60%); z-index: 1; position: absolute}
.course__other figure figcaption h2 {line-height:1.15; transform: translateY(-100%); margin: 0 auto; opacity: 0; position: relative}							
.course__other figure figcaption h2 span {font:bold 20px 'Florentino'; letter-spacing:0.05em; display:block}																			
.course__other figure figcaption p {top:1rem; font-size:17px; letter-spacing:0.03em; line-height:0; font-style:italic; text-align:left; transform: translateY(-100%); margin: 0 auto; opacity: 0; position: relative}					
.course__other figure:hover figcaption h2,
.course__other figure:hover figcaption p {border-bottom:none; transform: translateY(0); opacity: 1}
.course__other figure:hover::after {top:6%; bottom:6%; left:6%; right:6%; opacity:1; position: absolute}						
.course__other figure .arrowRight {margin-left:1rem; margin-top:0; left:50%; transform:translateX(-100%); opacity: 0; position: absolute}
.course__other figure .arrowRight::before {margin:0 auto; width:15px; height:15px; border-top:3px solid #d5c791; border-left:3px solid #d5c791; transform: rotate(135deg); display: block; content: ""}	
.course__other figure:hover .arrowRight {transform: translateX(0); opacity:1}													
.course__other h3 {margin:1rem 0 0.5rem; font-size:16px; letter-spacing:0.05em; text-align:center} 
.course__other h3 span {font:bold 17px 'Lato'; letter-spacing:-0.025em} 
.course__other p span {font:bold 21px 'Lato'; letter-spacing:0.02em; color: #d1c286} 
.course__other p span sup {font:bold 18px 'Cormorant';  vertical-align: super}	
.course__other a.btn {margin: 1rem auto 0.5rem; width:180px; text-align:center; display: table}
.course__other a.btn span {letter-spacing:0.1em; font-style:italic}
.course__other .pad1 {padding-bottom:1.5rem}
@media all and (min-width:576px) {
	.course__other {padding-top:3.95rem}
	.course__other h2 {padding:2.75rem 2rem 1.75rem; font-size: 21px}
	.course__other h2 span {font-size: 25px}	
	.course__other figure figcaption h2 span {font-size:28px}
	.course__other figure figcaption p {margin-left:2rem; top:0; font-size:20px}	
	.course__other h3 {margin:1.5rem 0 1rem; font-size:21px}
	.course__other h3 span {font-size:22px}
	.course__other p span {font-size:27px}
	.course__other a.btn {margin:1.5rem auto 0.75rem; width:200px}}						
@media all and (min-width:991px) {		
	.course__other {padding-top:3rem; bottom:-1rem}	
	.course__other h2 {padding:2.25rem 2rem 1.25rem}	
	.course__other .img {margin:1rem 0.9rem 0 0}
	.course__other .img:nth-child(3) {margin:1rem 0 0}
	.course__other figure figcaption {transform: translate(-40%, -60%)}
	.course__other figure figcaption h2 span {font-size:20px}
	.course__other figure figcaption p {font-size:17px}	
	.course__other figure .arrowRight {margin-left:2rem; margin-top:-1rem}
	.course__other figure .arrowRight::before {width:10px; height:10px}
	.course__other h3 {margin:1.35rem 0 0.85rem; font-size:16px}
	.course__other h3 span {font-size:17px}
	.course__other p span {font-size:21px}
	.course__other a.btn {margin:1.25rem auto 0}
	.course__other .pad1 {padding-bottom:0}}
@media all and (min-width:1200px) {
	.course__other {padding-top:3.95rem; bottom:-0.5rem}}
/* -------------------------------------------------------- Expérience Title */													
.experience {padding:3.5rem 0 1.25rem; background-color: #f7f5ef; margin:0 auto; width: 100%; z-index:0}
.experience img {display:none}
.experience .div {margin-left:0.2rem; font:normal 18px 'Lato'; letter-spacing:0.05em; color:#888; text-transform:none}
.experience h2 {margin-left:0.2rem; margin-top:1.2rem; font-size: 25px; letter-spacing:0.01em; line-height:1.25}		
.experience h2 span {margin-left:-0.15rem; font:bold 22px 'Florentino'; letter-spacing:0.05em; line-height:1.75; font-style: italic; text-transform:none; display: block}		
.experience .line-008 {margin:1.5rem auto 1.5rem 0; width:3.5rem; border-bottom:2px solid #d1c286}
.experience p {text-align:justify}
.experience ul {margin-top:0.75rem; list-style: none; color:#888}
.experience ul li {padding:0.25rem 0 0.25rem 1.5rem; font-size:20px; letter-spacing:0.05em; line-height:1.3em; text-indent:-19px; text-transform: none}
.experience ul li::before {font-size:20px; margin-right:8px; color:#d1c286; font-weight:bold; vertical-align:top; content: "\00BB"}											
.experience svg {bottom:-3.2rem; top:auto; height:39px; fill: #d1c286; left:50%; transform: translateX(-50%) rotateZ(180deg); position: relative; z-index:5}	
.experience a.btn {margin:2.25rem auto 0; width:220px; text-align:center; display: table}
@media all and (min-width:576px) {	
	.experience {padding:3.95rem 0 1rem}	
	.experience .div {font-size:22px}
	.experience h2 {font-size:30px; line-height:1.5}
	.experience h2 span {font-size:27px; line-height:1.15}
	.experience .line-008 {margin:2.2rem auto 2.2rem 0; width:5rem}
	.experience ul li {font-size:21px}
	.experience ul li::before {font-size:22px; margin-right:8px}	
	.experience svg {bottom:-3.35rem; height:50px}}
@media all and (min-width:992px) {	
	.experience {padding:5rem 0 1.75rem}
	.experience img {margin-right:1rem; width:100%; float:right; display:block}
	.experience .div {padding-left:3rem; margin-top:1rem; font-size:20px; line-height:0.5}
	.experience h2 {padding-left:3rem; font-size:25px}
	.experience h2 span {font-size:22px}
	.experience .line-008 {margin:2rem auto 1.5rem 3rem; width:3.5rem}
	.experience ul li {padding:0.15rem 0 0.15rem 4.5rem}
	.experience p {padding-left:3rem; letter-spacing:0.05rem; line-height:1.3}
	.experience a.btn {margin: 2rem 0 0 3rem}
	.experience svg {bottom:-3.95rem}}
@media all and (min-width:1200px) {	
	.experience img {margin-right:3rem; width:71%}
	.experience .div {line-height:1}
	.experience h2 {font-size:30px}
	.experience h2 span{font-size:27px}
	.experience .line-008 {margin:2rem auto 1.8rem 3rem}}	
/* -------------------------------------------------------- Intro */	
.intro_one {padding-top:3.35rem; position:relative; text-align:center; clear: both}
.intro_one h2 {font-size:15px; letter-spacing: 0.075em; line-height:1.5}
.intro_one h2 span {font:bold 23px 'Florentino'; letter-spacing: 0.025em; display:block}
.intro_one h3 {margin-top:0.35rem; font:normal 17px 'Lato'; letter-spacing: 0.05em; text-transform:none; color:#888}
.intro_one p {text-align:justify}
.intro_one > :nth-child(3) {margin:1.35rem auto 0; text-align:center; width:250px; line-height:1.35}
.intro_one > :nth-child(4) {margin-top:1.2rem}
.intro_one > :nth-child(5) {margin-top:0.5rem}
@media all and (min-width:576px){
	.intro_one {padding-top:3.95rem}
	.intro_one h2 {font-size:21px}
	.intro_one h2 span {font-size:30px}
	.intro_one h3 {font-size:18px}
	.intro_one > :nth-child(3) {margin:1.35rem auto 0; width:450px; line-height:1.5}}	
@media all and (min-width:992px){
	.intro_one {padding-top:6.5rem}
	.intro_one h2 {font-size:27px; letter-spacing:-0.02em; text-transform:none}
	.intro_one h2 span {font-size:27px; letter-spacing:-0.02em; display:inline-flex; text-transform:none}
	.intro_one h3 {top:4.75rem; font-size:16px; letter-spacing: 0.2em; left:50%; transform: translateX(-50%); margin:0; text-transform:uppercase; position:absolute}
	.intro_one p {margin:0 auto; text-align:center; width:900px}
	.intro_one > :nth-child(3) {width:100%}
	.intro_one > :nth-child(4) {margin-top:0.5rem}}
@media all and (min-width:1200px){
	.intro_one {padding-top:7rem}
	.intro_one h3 {top:5.25rem}}
/* -------------------------------------------------------- Shoot */
.work {padding-top:3rem; margin: 0 auto; width: 100%; position: relative; z-index:2; clear: both}
.work1 figure {width:100%; position: relative; display: inline-block; overflow: hidden; cursor:pointer}
.work1 figure * {box-sizing: border-box; transition: all 0.45s ease}	
.work1 figure::after {position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ''; background-color:#fff; transition: all 0.35s ease; opacity: 0}				
.work1 figure img {width:100%; height:100%; vertical-align: top; backface-visibility: hidden}
.work1 figure .workImg_2 {display:none}
.work1 figure figcaption {width:90%; top:50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; position: absolute}
.work1 figure h2 {transform: translateY(-100%); margin: 0 auto; opacity: 0; text-align: center}							
.work1 figure h2 span {font-size:18px; letter-spacing:0.025em; line-height:1.33; display:block}
.work1 figure:hover h2 {transform: translateY(0); opacity:0.7}
.work1 figure:hover::after {top:16px; bottom:16px; left:16px; right:16px; opacity:0.88; position: absolute}			
.work1 .figure::after {background-color:#fff}	
.work1 > :nth-child(1),
.work1 > :nth-child(2) {display:none}					
.work1,
.work2 {position: relative; text-align:center}
.work2 > :nth-child(1) {margin-top:2.25rem}
.work2 > :nth-child(1) h2 {padding-bottom:1.25rem}
.work2 > :nth-child(1) h2 span {display:flex; align-items: center; justify-content: center}
.work2 > :nth-child(1) h2 span.work3 {font:bold 23px 'Florentino'; letter-spacing:0.01em; line-height:1.5}
.work2 > :nth-child(1) h2 span.work4 {font-size:20px; letter-spacing:0.01em}
.work2 > :nth-child(1) a {display:none}
.work2 > :nth-child(2) p span {text-transform:none; display:block}
@media all and (min-width:576px){
	.work {padding-top:3.95rem}
	.work1 figure h2 span {font-size:30px}	
	.work2 {padding:0 1.5rem 0.7rem}
	.work2 > :nth-child(1) h2 span.work3 {font-size:27px; line-height:1.75}
	.work2 > :nth-child(1) h2 span.work4 {font-size:23px}}
@media all and (min-width:992px){	
	.work {padding-top:3.35rem}
	.work1 figure img {padding: 1rem; background-color: #fcfcfc}
	.work1 figure .workImg_1 {display:none}
	.work1 figure .workImg_2 {display:block}
	.work1 figure h2 span {font-size:16px}							
	.work1 figure:hover::after {top:30px; bottom:30px; left:30px; right:30px}	
	.work1 > figure:nth-child(1),
	.work1 > figure:nth-child(2) {display: flex}		
	.work1 > figure:nth-child(1) {right:15.5rem; top:6rem; width: 251px; height: 335px; position: absolute; z-index: 5}
	.work1 > figure:nth-child(2) {right:3.5rem; top:0; width: 251px; height: 335px; position: absolute}
	.work1 > figure:nth-child(3) {right:-9rem; top:16rem; width: 335px; position: absolute}
	.work2 {padding:0; text-align:left}
	.work2 > :nth-child(1) {margin-top:6rem}
	.work2 > :nth-child(1) p,
	.work2 > :nth-child(1) h2 span {display:inline}
	.work2 > :nth-child(1) h2 {padding-bottom:0.5rem}	
	.work2 > :nth-child(1) h2 span.work3,
	.work2 > :nth-child(1) h2 span.work4 {font:bold 27px 'Cormorant'; letter-spacing:-0.01em; line-height:0; text-transform:none}
	.work2 > :nth-child(1) a {font:italic 13px 'Lato'; letter-spacing: 0.07rem; color:#888; display:block}
	.work2 > :nth-child(2) {margin-top:10rem}
	.work2 > :nth-child(2) p {text-align:right}
	.work2 > :nth-child(2) p span {letter-spacing:0.02em; line-height:1.6}}
@media all and (min-width:1200px){	
	.work {padding-top:4.5rem}
	.work1 figure h2 span {font-size:18px}	
	.work1 > figure:nth-child(1) {right:18.5rem; width: 299px; height:399px}
	.work1 > figure:nth-child(2) {right:3rem; width: 299px; height:399px}
	.work1 > figure:nth-child(3) {right:-12rem; top:18rem; width:399px}
	.work2 > :nth-child(1) {padding-left:2rem; margin-top:6rem}
	.work2 > :nth-child(1) h2 span.work3,
	.work2 > :nth-child(1) h2 span.work4 {font-size:31px}
	.work2 > :nth-child(1) p {font-size: 15px}
	.work2 > :nth-child(2) {margin-top:13.95rem}}
/* -------------------------------------------------------- Expérience info */	
.expInfo {position:relative; text-align:center; clear: both}
.expInfo > div:nth-child(1) {padding-bottom:0.2em; margin:1.25rem auto 2.5rem; transform: translateX(-25%); position: relative}
.expInfo .inline-block {display: inline-block; width:50px; border-bottom:2px solid #d1c286}
.expInfo .inline-block::after {margin-left:2rem; width:50px; border-bottom:2px solid #d1c286; display: block; content: ""}
.expInfo h4 {font:normal 16px 'Lato'; letter-spacing: 0.025em; text-transform:none; color:#888}
.expInfo h2 {margin:0.25rem 0}
.expInfo h2 span {display:flex; align-items: center; justify-content: center}
.expInfo h2 .index1 {font:bold 25px 'Florentino'; letter-spacing: 0.05em; line-height:1.35}
.expInfo h2 .index2 {font:bold 20px 'Florentino'; letter-spacing: 0.05em}
.expInfo h3 {margin:2rem 0 1.35rem}	
.expInfo h3 span {font:bold 22px 'Florentino'; letter-spacing:0.05em; line-height:1.35; text-transform:none; display:block}	
.expInfo .expInfo_2,
.expInfo .expInfo_3,
.expInfo .expInfo_4 {margin-top:2.5rem}
.expInfo .expInfo_1 > div:nth-child(2) {margin-top:2rem}
.expInfo p {text-align:justify}
@media all and (min-width:576px) {
	.expInfo > div:nth-child(1) {margin:1.25rem auto 3rem}
	.expInfo h4 {font-size:19px}
	.expInfo h2 .index1 {font-size:30px}
	.expInfo h2 .index2 {font-size:25px}
	.expInfo h3 {margin:3rem 0 1.6rem}	
	.expInfo h3 span {font-size:23px; letter-spacing:0.025em; display:inline-block}	
	.expInfo .expInfo_1 > div:nth-child(2) {margin-top:2.75rem}}
@media all and (min-width:992px) {	
	.expInfo {padding-bottom:0.5rem}
	.expInfo > div:nth-child(1) {margin:5rem auto 2.5rem}
	.expInfo h4 {text-transform:uppercase; font-size:15px; letter-spacing:0.15em}
	.expInfo h2 span {display:inline-flex}
	.expInfo h2 .index1,
	.expInfo h2 .index2 {font-size:28px; text-transform:none; letter-spacing:0}
	.expInfo h3 {margin:3.75rem 0 0.75rem; text-align:left}	
	.expInfo h3 span {font-size:22px}	
	.expInfo p {font-size:21px}
	.expInfo .expInfo_2,
	.expInfo .expInfo_3,
	.expInfo .expInfo_4 {margin-top:1rem}	
	.expInfo .expInfo_1 > div:nth-child(1) {padding-right:3.5rem}
	.expInfo .expInfo_1 > div:nth-child(2) {margin-top:3.75rem}
	.expInfo .expInfo_2 > div:nth-child(2) {padding-left:3.5rem}
	.expInfo .expInfo_2 > div:nth-child(1) {margin-top:3.5rem}
	.expInfo .expInfo_3 > div:nth-child(1) {padding-right:3.5rem}
	.expInfo .expInfo_3 > div:nth-child(2) {margin-top:4rem}	
	.expInfo .expInfo_4 > div:nth-child(2) {padding-left:3.5rem}	
	.expInfo .expInfo_4 > div:nth-child(1) {margin-top:3.5rem}
	.expInfo .expInfo_1 > div:nth-child(2),
	.expInfo .expInfo_2 > div:nth-child(1),
	.expInfo .expInfo_3 > div:nth-child(2),
	.expInfo .expInfo_4 > div:nth-child(1) {padding:1rem; border: 1px solid rgba(0, 0, 0, 0.065)}}		
@media all and (min-width:1200px) {	
	.expInfo > div:nth-child(1) {margin:6rem auto 3rem}	
	.expInfo h2 {margin-bottom:1.5rem}
	.expInfo p {font-size:22px}
	.expInfo .expInfo_1 > div:nth-child(1) {padding-right:4.5rem}
	.expInfo .expInfo_1 > div:nth-child(2) {margin-top:3rem}
	.expInfo .expInfo_2 > div:nth-child(2) {padding-left:4.3rem}
	.expInfo .expInfo_3 > div:nth-child(1) {padding-right:4.5rem}	
	.expInfo .expInfo_4 > div:nth-child(2) {padding-left:4.5rem}}	
/* -------------------------------------------------------- Bon cadeau - BOX */					
#offer {padding:3.95rem 0; background-color: #f7f5ef; width: 100%; text-align: center; z-index: 1}
.offerBox {margin:0 auto; width:100%; position:relative}				
.offerBox img {width:100%; margin: auto; position: relative; display: block}
.offerTitle {margin-top:2rem; position: relative}
.offerTitle h2 {font:italic 15px 'Lato'; text-transform:none}
.offerTitle h3 {margin-top:0.1rem; font-size:28px; letter-spacing:0.025em; color: #d1c286}
.offerTitle h3 span {font:bold 28px 'Florentino'; letter-spacing:0.025em}
.offerTitle p {margin:1rem auto 0; width:320px; letter-spacing:0.035em; line-height:1.75}
.offerTitle a.btn {margin:2.25rem auto 0; width:220px; text-align:center; display: table}
@media all and (min-width:576px) {		
	#offer {padding:5rem 0}
	.offerTitle {margin-top:3.5rem}
	.offerTitle h2 {font-size:18px}
	.offerTitle h3,
	.offerTitle h3 span {font-size:37px}
	.offerTitle p {margin-top:1.35rem; width:480px}
	.offerTitle a.btn {margin:3rem auto 0}}	
@media all and (min-width:992px) {	
	#offer {padding:5rem 0 5.5rem; text-align: left}
	.offerBox img {left:-1rem; width:75%; box-shadow: 50px 50px #d1c286}
	.offerBox .shape-1 {margin:0 auto; width:10px; height:38%; background-color: #888; position: absolute; z-index:4}
	.offerTitle {margin-top:0.5rem; padding-left:3.5rem}	
	.offerTitle h2 {font-size:18px; letter-spacing:0.035em}
	.offerTitle h3 {margin-top:1.25rem; margin-left:0.35rem; font-size:39px}
	.offerTitle h3 span {margin-top:-2.25rem; margin-left:2.2rem; font-size:38px; letter-spacing:0.015em; color: #888; display:block}	
	.offerTitle p {margin-top:1rem; padding-right:7rem; line-height:1.5; text-align:justify}
	.offerTitle a.btn {margin:2.25rem auto 0 0.1rem}}
@media all and (min-width:1200px) {
	.offerBox img {left:0}
	.offerTitle {margin-top:1.25rem; padding-left:5rem}	
	.offerTitle h2 {font-size:20px}
	.offerTitle h3 {margin-top:1.75rem; font-size:51px}
	.offerTitle h3 span {margin-top:-3rem; margin-left:3rem; font-size:50px}
	.offerTitle p {margin-top:1.35rem;padding-right:3.95rem; line-height:1.65}
	.offerTitle a.btn {margin:2.5rem auto 0.35rem 0.1rem}}
/* -------------------------------------------------------- Section Choix prix */												
.choice__price {padding-top:1rem; text-align:center; position: relative; clear: both}
.choice__price svg {top:-0.8rem; height:39px; fill: #d1c286; left:50%; transform: translateX(-50%) rotateZ(180deg); position: absolute}
.choice__price h2 {margin:2.5rem 0 1.5rem; font-size:14px; letter-spacing:0.05em; font-style:italic}
.choice__price h2 span {font:bold 23px 'Florentino'; letter-spacing:0.025em; display: block}		
.choice__price p {margin-top:0.5rem; text-align:justify}
.choice__price ul {margin:1rem 0; list-style: none; text-align:left}
.choice__price ul li {padding:0.2rem 0 0.2rem 1.5rem; font-size:20px; letter-spacing:0.03em; line-height:1.3; text-indent:-19px; text-transform: none}
.choice__price ul li::before {font-size:20px; margin-right:8px; color:#d1c286; font-weight:bold; vertical-align:top; content: "\00BB"}											
.choice__price img {margin-top:2.5rem}
@media all and (min-width:576px) {	
	.choice__price {padding-top:2.5rem}
	.choice__price svg {top:-1.1rem; height:50px}	
	.choice__price h2 {margin-top:2rem; font-size:18px}
	.choice__price h2 span {font-size:18px; display:inline}
	.choice__price ul li {padding:0.3rem 0 0.3rem 3rem; font-size:22px; letter-spacing:0.1em}
	.choice__price img {margin-top:3.25rem}}
@media all and (min-width:992px) {	
	.choice__price {padding-top:5.5rem; text-align:left}
	.choice__price svg {top:-1.5rem; height:65px}	
	.choice__price img {width:86%; margin: 0 0 0 auto; float:right}
	.choice__price h2 {margin:0.35rem 0 1rem; font-size:16px}
	.choice__price h2 span {font-size:28px; display:block}
	.choice__price p {font-size:21px; letter-spacing:0.03em; line-height:1.35}
	.choice__price a {font-size:21px; letter-spacing:0.03em}
	.choice__price ul {margin:0.5rem 0}
	.choice__price ul li {padding:0.15rem 0 0.15rem 3rem; font-size:21px; letter-spacing:0.03em}}		
@media all and (min-width:1200px) {	
	.choice__price {padding-top:6.5rem}	
	.choice__price img {width:82%}
	.choice__price h2 {margin:1rem 0; font-size:18px}
	.choice__price h2 span {font-size:30px}
	.choice__price p {font-size:22px; line-height:1.5}
	.choice__price a {font-size:22px}
	.choice__price ul {margin:1rem 0}
	.choice__price ul li {padding:0.3rem 0 0.3rem 3rem; font-size:22px}}	
/* -------------------------------------------------------- Bon cadeau - Prix */		
.gift {padding:3rem 0 3.95rem; margin-top:3.95rem; background-color: #f7f5ef; position:relative; width: 100%; z-index: 1}	
.gift h2 {margin-bottom:1.35rem; font-size:14px; letter-spacing:0.05em; font-style:italic; text-align:center}
.gift h2 span {font:bold 23px 'Florentino'; letter-spacing:0.025em; display: block}
.gift p {text-align:justify}		
.giftText .euro-1 {margin:1.5rem 0 1.25rem 1rem; color:#d1c286}
.giftText .euro-1 span {font:bold 23px 'Lato'}	
.giftText .euro-1 sup {margin:0 0.1rem 0 0.05rem; font-size:18px; font-weight:700; vertical-align: super}
.giftText .euro-1 .priceTTC {font:normal 10px 'Lato'; letter-spacing:0.05em; color: #888}
.giftText p {margin:1.5rem 0.2rem 0.25rem; text-align:justify}
.giftPrice {margin:1rem 0 1.35rem 2rem}	
.giftPrice .giftCol {width: 100%; line-height:2.25}
.giftPrice .giftCol .giftInfo {margin-left:0.8rem; font-size:16px; letter-spacing:0.05em; display:inline}				
.giftPrice .giftCol img {top:-0.2rem; width:20px; margin:0 auto; display:inline; position: relative}	
.giftPrice .giftCol a {border-bottom:1px dotted #888}
.giftPrice .giftCol a:hover {border-bottom:1px solid #555}
.giftSelect .euro-2,
.giftSelect .priceSelect-2 {display:none}
.btnGift {padding-top:0.5rem; border-top: 2px dotted #d1c286}					
.btnGift a.btn {margin:0 auto; width:100%; text-align:center; display: table}
@media all and (min-width:576px) {	
	.gift {padding:3.95rem 0 4.5rem; margin-top:5rem}
	.gift h2 {margin-bottom:2rem; font-size:18px}
	.gift h2 span {font-size:18px; display:inline}
	.gift p {margin:1rem 0 0.25rem}
	.giftText .euro-1 {padding-bottom:0.25rem}
	.giftText .euro-1 span {font-size:32px}										
	.giftText p {margin:1.5rem 0.35rem 0.25rem}
	.giftPrice .giftCol {margin-left:1rem; line-height:2.6}
	.giftPrice .giftCol .giftInfo {font-size:18px}				
	.giftPrice .giftCol img {width:25px}
	.btnGift {margin-top:0.5rem}}	
@media all and (min-width:992px) {							
	.gift {padding:3.95rem 0 5rem}
	.gift h2 {margin-bottom:0}
	.gift h2,
	.gift h2 span {font-size:20px}	
	.gift p {margin-top:2rem}
	.giftText .euro-1,
	.giftText .priceSelect-1 {display:none}
	.giftText p {margin-top:3rem; padding-bottom:0.8rem; border-bottom:1px solid #d1c286}
	.giftPrice {margin:0.39rem 0 0; width:100%; display: flex; flex-wrap: wrap; align-items: flex-start}	
	.giftPrice .giftCol {width:calc(25% - 26px); margin: 0; text-align: center}						
	.giftPrice .giftCol .giftInfo {font-size:17px; margin-left:0; display:block; text-transform:none}	
	.giftPrice .giftCol img {top:0.5rem}	
	.giftSelect {margin-top:2.6rem}
	.giftSelect .euro-2 {margin-right:0.34rem; color:#d1c286; text-align:right; display:block}
	.giftSelect .euro-2 span {font:bold 30px 'Lato'}
	.giftSelect .euro-2 sup {margin:0 0.35rem 0 0.05rem; font-size:22px; font-weight:bold; vertical-align: super; color:#d1c286}
	.giftSelect .euro-2 .priceTTC {font:normal 12px 'Lato'; letter-spacing:0.05em; color: #888}
	.giftSelect .priceSelect-2 {width:82%; margin:1rem 0 0 auto; position: relative; display:block}
	.btnGift {margin-top:0; border-top:none}
	.btnGift a.btn {margin-right:0; width:82%}} 
@media all and (min-width:1200px) {							
	.gift {padding:4.25rem 0 5.5rem; margin-top:5.5rem}
	.gift h2,
	.gift h2 span {font-size:22px}	
	.giftText p {margin-top:4rem}
	.giftPrice .giftCol {width:calc(30% - 65px)}
	.giftPrice .giftCol .giftInfo {font-size:18px}
	.giftSelect {margin-top:3.5rem}}
/* -------------------------------------------------------- Caractéristiques */					
.features {padding-top:3rem; position:relative; width: 100%; text-align: center; z-index: 0}	
.features img {margin:0.7rem 0; width:35px; max-width: 100%; height: auto}	
.features h2,
.features .feat-sub {font:bold 20px 'Florentino'; color:#3e3e3e; text-transform:none}
.features p {margin:0.5rem auto 2rem; color:#777; width:250px; line-height:1.3}
@media all and (min-width:567px) {	
	.features {padding-top:3.5rem}
	.features h2,
	.features .feat-sub {font-size:22px; letter-spacing:0.05em}}
@media all and (min-width:992px) {
	.features {padding-top:3.95rem}
	.features p {margin:0.5rem auto 2rem; font-size:21px; width:180px}
	.features h2,
	.features .feat-sub {font-size:18px}}
@media all and (min-width:1200px) {
	.features p {width:260px}}	
/* -------------------------------------------------------- Bon cadeau - BOX */	
.bon-one,
.bon-two, 
.bon-three {position:relative; width: 100%;  z-index: 0}
.bon-one {padding-top:2.75rem}
.bon-two {padding:3.95rem 0 4.5rem}
.bon-three {padding-bottom:3.95rem}
.bon-one .header2,
.bon-two .header2, 
.bon-three .header2 {text-align: center; position: relative}
.bon-one .header2 h2,
.bon-two .header2 h2, 
.bon-three .header2 h2 {padding-bottom:1rem; font-size: 19px}
.bon-one .header2 h2 span,
.bon-two .header2 h2 span, 
.bon-three .header2 h2 span {margin:0 auto; font:bold 19px 'Florentino'; display: block}
.bon-one .header2 h2 span,
.bon-three .header2 h2 span {width:260px}
.bon-one .header2 h2::before {left:20%; top:-1.35rem; width:60%; border-top:1px solid #d1c286; content: " "; position: absolute; z-index: 1}
.bon-two .header2 h2::before {left:35%; top:-1.35rem; width:30%; border-top:1px solid #d1c286; content: " "; position: absolute; z-index: 1}
.bon-three .header2 h2::before {left:25%; top:-1.35rem; width:50%; border-top:1px solid #d1c286; content: " "; position: absolute; z-index: 1}
.bon-one p,
.bon-two p, 
.bon-three p {margin-top:0.5rem; text-align: justify}
.bon-one ul,
.bon-two ul, 
.bon-three ul {margin:1rem 0; list-style: none; text-align:left}
.bon-one ul li,
.bon-two ul li, 
.bon-three ul li {padding:0.2rem 0 0.2rem 2.25rem; font-size:20px; letter-spacing:0.05em; line-height:1.3; text-indent:-19px; text-transform: none}
.bon-one ul li::before,
.bon-two ul li::before, 
.bon-three ul li::before {font-size:20px; margin-right:8px; color:#d1c286; font-weight:bold; vertical-align:top; content: "\00BB"}	
@media all and (min-width:576px) {
	.bon-one {padding-top:3.5rem}
	.bon-two {padding:3.95rem 0}
	.bon-three {padding-bottom:4.5rem}
	.bon-one .header2 h2,
	.bon-two .header2 h2, 
	.bon-three .header2 h2,
	.bon-one .header2 h2 span,
	.bon-two .header2 h2 span, 
	.bon-three .header2 h2 span {font-size:25px}	
	.bon-one .header2 h2 span {width:340px}
	.bon-three .header2 h2 span {width:400px}
	.bon-one .header2 h2::before {left:30%; width:40%}
	.bon-two .header2 h2::before {left:40%; width:20%}
	.bon-three .header2 h2::before {left:30%; width:40%}
	.bon-one ul,
	.bon-two ul, 
	.bon-three ul {margin:1rem 0}
	.bon-one ul li,
	.bon-two ul li, 
	.bon-three ul li {padding:0.3rem 0 0.3rem 2.5rem; font-size:22px; letter-spacing:0.1em}}
@media all and (min-width:992px) {
	.bon-one {padding-top:1rem}
	.bon-two {padding:2.5rem 0}
	.bon-three {padding-bottom:3.75rem}	
	.bon-one .header2 h2,
	.bon-two .header2 h2, 
	.bon-three .header2 h2 {padding:0.7em 0.5em 0.25em 0.75em; font-size:26px; background: #fcfcfc; display: inline-block}
	.bon-one .header2 h2 span,
	.bon-two .header2 h2 span, 
	.bon-three .header2 h2 span {font:normal 21px 'Cormorant'; letter-spacing:0.025em; font-weight:normal; line-height:1.75; text-transform:none}
	.bon-one .header2 h2 span {width:100%}
	.bon-three .header2 h2 span {width:100%}	
	.bon-one .header2 h2::before,
	.bon-two .header2 h2::before, 
	.bon-three .header2 h2::before {height:36%; width: 100%; top: 0; left: 0; border-bottom: 1px solid #555; border-top:0px solid #fcfcfc; content: " "; position: absolute; z-index: -1}	
	.bon-one ul li,
	.bon-two ul li, 
	.bon-three ul li {padding:0.3rem 0 0.3rem 3.5rem}}
@media all and (min-width:1200px) {
	.bon-one {padding-top:1.5rem}
	.bon-three {padding-bottom:3.95rem}}	
/* -------------------------------------------------------- SLIDER */	
.slider {margin-bottom:-0.25rem; position:relative}
.slider h1 {padding-left:8%; padding-right:18%; font-size:27px; line-height:0.25; border-spacing:10px 0; text-shadow: .0625em .0625em 0 rgba(0,0,0,.2); white-space: nowrap; border-collapse: separate; table-layout: auto; display: table}
.slider h1::after {padding-top:12px; border-bottom:1px solid #555; width:100%; content: ''; display: table-cell}
.slider h1 span {position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0)}
.flex_row {display: flex; flex-direction: row; justify-content: flex-start; z-index:2}
.slider-wrapper {margin-top:3rem; position: relative}
.slide-image {width:80%; margin:0 auto; cursor: pointer}
.slide-image img {width:99vw; margin:0 auto}
.slide-image:hover {opacity:0.5}
.slide-content {padding-top:2rem; width:100vw}
.slide-content p {text-align:justify}
.slide-subtitle {padding-left:10%; font-size:15px; letter-spacing: 0.05em; color: #c6a933}
.slide-title {padding-left:10%; padding-top:0.35rem; font-size:21px; letter-spacing: 0.025em}
.slide-text {padding:1.15rem 0 2rem 10%; width:90%; font-size:19px; letter-spacing: 0.05em}
a.slide-more {margin-left:10%; font-size:14px; letter-spacing: 0.05em; border-bottom: 1px dotted #888}
a.slide-more:hover {border-bottom: 1px solid #777} 
a.slide-more::after {margin-left: 0.36rem; font-size:15px; color: #5f5f5f; content: "\2192"; display: inline; position: relative}
.arrows_top {width:25px; top:-1rem; left:auto; right:12%; float:right; position: relative; z-index:3}
.arrows_bot {display:none}
.arrow {display: inline-block; position: absolute; width:13px; height:13px; border-top:2px solid #000; border-left:2px solid #000; background: transparent; text-indent: -9999px; transition: all .1s ease-in-out; text-decoration: none; color: transparent}
.arrow:hover {border-color: #d1c286; border-width:3px}
.arrow:before {display: block; height: 200%; width: 200%; margin-left: -50%; margin-top: -50%; content: ""; transform: rotate(45deg)}
.arrow.prev {transform: rotate(-45deg); left: 0}
.arrow.next {transform: rotate(135deg); right: 0}
@media all and (min-width:576px) {
	.slider {margin-bottom:0}
	.slider-wrapper {margin-top:3.5rem}
	.slide-content {padding-top:2.5rem}
	.slide-subtitle {font-size:17px}
	.slide-title {padding-top:0.5rem; font-size:25px}
	.slide-text {padding:1.5rem 0 2.5rem 10%; font-size:22px; letter-spacing: 0.1em}
	a.slide-more {font-size:16px}}
@media all and (min-width:992px) {
	.slider {padding-bottom:1rem}
	.slider h1 {padding-left:3.75%; padding-right:2.5%; line-height:0}
	.slider h1 span {font:bold 27px 'Florentino'; position: static; width: auto; height: auto; overflow: visible; clip: auto}
	.slider h1::after {padding-top:0; top:-0.35rem; position:relative}
	.slider-wrapper {margin:3rem 0 0 5%}
	.slide-image {width:100%}
	.slide-image img {width:270px}
	.slide-content {padding-top:0.75rem; width:750px}	
	.slide-subtitle,
	.slide-title,
	.slide-text,
	a.slide-more {margin-left:-3.5rem; padding-left:0}
	a.slide-more {font-size:15px}
	.slide-text {padding:1.25rem 0 1.75rem; width:320px; letter-spacing: 0.05em; line-height:1.3}	
	div.overlay-white {width:50%}
	.arrows_top {display:none}
	.arrows_bot {width:28px; top:-2rem; margin-left:735px; position: relative; z-index:2; display:block}
	.arrow {width:15px; height:15px}}
@media all and (min-width:1200px) {
	.slider h1 {padding-left:3%}
	.slider-wrapper {margin:3rem 0 0 3.95%}
	.slide-content {width:839px}		
	.slide-subtitle,
	.slide-title,
	.slide-text,
	a.slide-more {margin-left:-5.5rem}
	div.overlay-white {width:50%}
	.arrows_bot {margin-left:800px}}