@charset "UTF-8"; 

@font-face {font-family: 'Lato'; font-style: normal; font-weight: 300; src: url('../fonts/Lato.woff') format('woff')}
@font-face {font-family: 'Cormorant'; font-style: normal; font-weight: normal; src: url('../fonts/Cormorant.woff2') format('woff2')}
@font-face {font-family: 'Signature'; font-style: normal; font-weight: normal; src: url('../fonts/Signature.woff2') format('woff2')}
@font-face {font-family: 'Playfair'; font-style: normal; font-weight: normal; src: url('../fonts/Playfair.woff2') format('woff2')}
@font-face {font-family: 'FontAwesome'; font-weight:normal; font-style:normal; src:url('../fonts/fontawesome.woff') format('woff')}								
					
* {padding: 0; margin: 0; box-sizing: border-box}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp, small, b, strong, p strong, p b, sub, sup, var, i, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0 none; outline: 0; vertical-align: baseline; background-color: transparent; text-decoration:none; font-weight:400} 
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block}					
html {font-size:100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; color:#3a414e; scrollbar-width: thin; scrollbar-color: #000 #99513a; background-color:#f6f5f2; overflow-x:hidden; overflow-y: scroll}					
html::-webkit-scrollbar {width:10px}
html::-webkit-scrollbar-track {background-color: #99513a}
html::-webkit-scrollbar-thumb {background-color: #333}
body {min-height: 100vh; max-width: 100%; *zoom: 1; position: relative; display: block}
body::before, 
body::after {content: ""; display: table}
body::after {clear: both}
/* ============= Body ============= */
select {-webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none}
select::-ms-expand {display: none}				
ul, li {list-style: none}
img {border:0; page-break-inside:avoid; max-width:100%!important; height: auto; vertical-align:middle}
a {text-decoration: underline dotted #99513a; cursor:pointer}
a:active, 
a:focus, 
a:link,
a:visited {color: inherit; outline:0; text-decoration:none}	
button::-moz-focus-inner{border:0} 
html,body,span,ul,li,input,textarea,button {font-family: 'Cormorant', serif; font-weight: normal; font-style: normal; text-transform:uppercase}	
h1,h2,h3,h4,h5,h6 {font-family: 'Playfair', serif; font-weight: normal; font-style: normal; text-transform:uppercase}	
/* -------- */
p,
p a {font-size:20px; letter-spacing:0.05em; line-height:1.5; text-transform:none; text-align:center; hyphens: auto; word-wrap: break-word}					
p a {font-size:100%; border-bottom:1px dotted #3a414e; text-decoration: none; position: relative}
p a::after {bottom: -1px; left: 0; width: 100%; height: 1px; background-color: #99513a; transform: scaleX(0); transition: transform 0.4s ease; content: ""; position: absolute}
p a:hover::after {transform: scaleX(1)}
@media all and (min-width:576px){
	p,
	p a {font-size:21px}}
/* -------- */	
a.btn {padding:13px 0; line-height:1.3; margin: 0 auto; color: #fff; background-color:#99513a; border-radius: 2px; position: relative; text-decoration: none}
a.btn span {margin-left:0.75rem; font:normal 13px "Lato"; letter-spacing:0.15em; display: inline-block; transition: all .35s ease-out}
a.btn span,
a.btn i {backface-visibility: hidden; transform: translateZ(0); perspective: 1000px}
a.btn i {top:14px; transition: all .35s ease-out; color: #fff}
a.btn i.before {margin-left:-20px; transform-origin: left center; position: absolute}
a.btn i.after {transform: translateX(75%) scaleX(0.1); transform-origin: right center;  opacity: 0; position: absolute}
a.btn:hover span {transform: translateX(-10px)}
a.btn:hover i.before {opacity: 0; transform: translateX(-75%) scaleX(0.1)}
a.btn:hover i.after {color: #fff; opacity: 1; transform: translateX(0) scaleX(1)}
/* -------- */	
a.btn-1 {padding:13px 0; line-height:1.3; margin: 0 auto; color: #fff; background-color: rgba(255,255,255, 0.5); border-radius: 2px; position: relative; text-decoration: none}
a.btn-1 span {margin-left:0.75rem; font:normal 12px "Lato"; letter-spacing:0.15em; display: inline-block; transition: all .35s ease-out}
a.btn-1 span,
a.btn-1 i {backface-visibility: hidden; transform: translateZ(0); perspective: 1000px}
a.btn-1 i {top:14px; transition: all .35s ease-out; color: #fff}
a.btn-1 i.before {margin-left:-20px; transform-origin: left center; position: absolute}
a.btn-1 i.after {transform: translateX(75%) scaleX(0.1); transform-origin: right center;  opacity: 0; position: absolute}
a.btn-1:hover span {transform: translateX(-10px)}
a.btn-1:hover i.before {opacity: 0; transform: translateX(-75%) scaleX(0.1)}
a.btn-1:hover i.after {color: #fff; opacity: 1; transform: translateX(0) scaleX(1)}	

/* =================================================================== */
/* HEADER - Section
/* =================================================================== */	

.hero-header {padding:2.25rem 0 3rem; text-align:center; position:relative; background-color:#edece6}
.hero {margin: 100px auto 0; width: 100%}
.hero ol {padding: 0; margin: 0}
.hero ol li {display:inline; position:relative}
.hero ol li span {font:normal 15px "Lato"; letter-spacing:0.035em; color: #5c616b; opacity:0.8; text-transform: none}
.hero ol li + li::before {margin: 0 5px; font-size:15px; content: " • "; color: #6e7480}
.hero ol li a::after {bottom: -2px; left: 0; width: 100%; height: 1px; background-color: #99513a; transform: scaleX(0); transition: transform 0.4s ease; content: ""; position: absolute}
.hero ol li a:hover::after {transform: scaleX(1)}
.hero ol li .active {}	
.hero h1 {margin:0.75rem 0 0.35rem; font-size:31px; letter-spacing: 0.025em; line-height: 1.1}
.hero p {font-size:16px; letter-spacing: 0.05em; color:#525863}
.hero .divider {margin:0.8rem auto 0.9rem; height:30px; border-left:1px solid #b3b6bf; width: 0}
.hero a.link {padding-bottom:5px; border-bottom:1px dotted #3a414e; font-size:12px; letter-spacing:0.07em; text-decoration: none; position: relative}
.hero a.link::after {bottom: -1px; left: 0; width: 100%; height: 1px; background-color: #99513a; transform: scaleX(0); transition: transform 0.4s ease; content: ""; position: absolute}
.hero .link:hover::after {transform: scaleX(1)}
.hero .sr-only {padding: 0; margin: -1px; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0}
@media all and (min-width:576px) {
	.hero-header {padding:2.75rem 0 3.25rem}
	.hero h1 {font-size:41px}
	.hero p {font-size:18px}}
@media all and (min-width:992px) {
	.hero-header {padding:3rem 0 3.5rem}
	.hero ol li span {font-size:12px; letter-spacing:0.15em; text-transform: uppercase}		
	.hero h1 {margin-bottom:0.5rem; font-size:52px; letter-spacing:0; font-weight:600; text-transform: none}
	.hero p {font-size:19px}
	.hero a.link {font-size:13px}}
@media all and (min-width:1200px) {	
	.hero h1 {font-size:57px}
	.hero p {font-size:20px}}
/* -------------------------------------------------------- nav menu */
#navbar {height:100px; background-color:#f6f5f2; padding-bottom:100px; border-bottom:1px solid #e3e3e3; box-shadow: 0px 1px 10px 0px rgba(98, 105, 118, 0.1); z-index:55555}
#navbar ul {margin: 0; padding: 0; display: none; background-color:#f6f5f2}
#navbar ul::before,
#navbar ul::after {content: ""; display: table}
#navbar ul::after {clear: both}
#navbar ul > li > a span {padding: 1.1rem 0; font:normal 15px "Lato"; letter-spacing:0.15em; width: 100%; text-align: center; position: relative; display: inline-block; z-index:55556}
#navbar ul > li > a span:hover {color: #99513a}
#navbar ul > li > a:hover::after {width: 100%}
#navbar ul > li.dropdown {position: relative}
#navbar ul > li.dropdown:hover .dropdown-menu {top: 100%; opacity: 1; visibility: visible; display: block}
#navbar ul > li.dropdown .dropdown-menu {margin: 0 auto; top: 500%; transition: all 250ms; opacity: 0; visibility: hidden; display: none; position: relative}
#navbar ul > li.dropdown .dropdown-menu li {width: 100%}
#navbar ul > li.dropdown .dropdown-menu li a > span {padding:10px 0; width: 100%; display: block; text-align: center}
#navbar ul > li.dropdown .dropdown-menu li a > span::after {display: none}
#navbar input[type=checkbox]{display: none}
#navbar input[type=checkbox]:checked ~ #menu {padding-top:5rem; border-top: 1px solid rgba(0,0,0,0.1); min-height:100vh; display: block}
#navbar .menu-icon {padding-right:25px; height:100px; display: flex; align-items: center; justify-content: flex-end; position: relative; user-select: none; cursor: pointer; z-index:602}
#navbar .menu-icon .navicon {width:35px; height:5px; background-color: #3a414e; display: block; position: relative; transition: background .2s ease-out}
#navbar .menu-icon .navicon::before,
#navbar .menu-icon .navicon::after {background-color: #3a414e; content: ''; display: block; height: 100%; position: absolute; transition: all .2s ease-out; width: 100%}
#navbar .menu-icon .navicon::before {top: 10px}
#navbar .menu-icon .navicon::after {top: -10px}
#navbar .menu-btn {display: none}
#navbar .menu-btn:checked ~ .menu-icon .navicon {background-color: transparent}
#navbar .menu-btn:checked ~ .menu-icon .navicon::before {transform: rotate(-45deg)}
#navbar .menu-btn:checked ~ .menu-icon .navicon::after {transform: rotate(45deg)}
#navbar .menu-btn:checked ~ .menu-icon:not(.steps) .navicon::before,
#navbar .menu-btn:checked ~ .menu-icon:not(.steps) .navicon::after {top: 0}	
#navbar .display a span {margin:2rem auto 0; padding:10px 50px 12px; color: #fff; background-color: #99513a; width: auto; transition: background 1s ease; border-radius:3px; text-align: center; display: table; position: relative}
#navbar .display a span:hover {background-color: #734637; color: #fff}
#navbar .social {margin:3.5rem auto 0; text-align:center; display: table}
#navbar .social a.brouiller,
#navbar .social a {margin-right:1rem; font-size:23px; color:#99513a; display: inline}
#navbar .social a.brouiller:hover,
#navbar .social a:hover {color:#734637}
#navbar .social a.brouiller:last-of-type,
#navbar .social a:last-of-type {margin-right: 0}
#navbar .social a.brouiller::after {display:none; content: attr(data-name) "@" attr(data-domain) "." attr(data-tld)}
#booking,
#phone {display:none}
@media all and (min-width:576px) {
	#navbar .menu-icon {padding-right:60px}
	#navbar input[type=checkbox]:checked ~ #menu {padding-top:6rem}
	#navbar ul > li > a span {padding:1.5rem 0; font-size:17px}} 
@media all and (min-width:1024px) {	
	#navbar ul {display: block!important; width: 100%; text-align:right; line-height:100px}
	#navbar ul > li {position: relative; display:inline-block}
	#navbar ul > li > a span {padding:0 0.7rem; font-size:12px}
	#navbar ul > li > .line::after {margin: auto; width:0; height:0.15rem; bottom: 0; left: 0; right: 0; background-color: #99513a; transition: 0.1s; content: ''; position: absolute}
	#navbar ul > li.dropdown:hover .dropdown-menu {top: 100%; line-height:35px; box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05)}
	#navbar ul > li.dropdown .dropdown-menu {top: 150%; width:160px; padding: 1rem 0 1.25rem; margin: -0.15rem auto 0 0.5rem; border-top:0.2rem solid #99513a; background-color:#f6f5f2; position: absolute; box-shadow: none; transition: 0.5s}
	#navbar ul > li.dropdown .dropdown-menu li {width: 100%; line-height:0}
	#navbar ul > li.dropdown .dropdown-menu li a > span {padding:0; margin-left:1.5rem; display: inline-block; text-align:left}
	#navbar ul > li.dropdown .dropdown-menu li a > span:hover {color: #99513a}
	#navbar input[type=checkbox]:checked ~ #menu {padding-top:0}
	#navbar .menu-icon,
	#navbar .display,
	#navbar .social {display: none}
	#booking,
	#phone {display: block}	
	#booking > a {margin: 0 0.65rem 0 0.2rem; display: inline-flex}	
	#booking > a > .booking {font:normal 37px 'Signature'; letter-spacing: 0.05em; transition: .7s; text-transform:none}	
	#booking > a > .booking::after {padding-left:0.7rem; top:0.2rem; font-size:1.5rem; transition: .7s; color:#3a414e; position:relative; content: "\2192"}
	#booking > a > .booking:hover,
	#booking > a > .booking:hover::after {transform: scale(1.1, 1.05); color: #99513a}	
	#phone > a > i {padding:9px 11px; margin: 0 2.5rem 0 auto; border-radius:25px; background-color: #99513a; color: #fff; transition: background 1s ease; display: inline-flex}
	#phone > a > i:hover {background-color: #734637}}
@media all and (min-width:1200px) {
	#navbar ul {width:95%}
	#navbar ul > li > .line::after {height:0.2rem}
	#navbar ul > li.dropdown .dropdown-menu {margin:-0.2rem auto 0 0.8rem; width:175px}
	#booking > a {margin: 0 0.6rem 0 0}
	#booking > a > .booking::after {padding-left:1rem; font-size:1.5rem}	
	#phone > a > i {margin: 0}}	
@media all and (min-width:1359px) {
	#navbar ul {width:93%}
	#navbar ul > li > a span {padding:0 1.1rem; letter-spacing:0.2em}
	#booking > a {margin: 0 1.15rem 0 0}}	
/* -------------------------------------------------------- nav page */
.nav {position: fixed ! important; top: 0; width: 100%} 
/* -------------------------------------------------------- */
.logo {top:0; padding:0.85rem 1.7rem; line-height:0; flex: 1 0 auto; display: inline-flex; flex-direction: column; position: absolute; z-index:600}
.logo h2 {top:4rem; margin-left:0.2rem; font:normal 9px 'Lato'; letter-spacing: 0.2em; position: absolute}
.logo h3 {font:normal 33px 'Playfair'; letter-spacing: 0.075em; line-height:1.5}
@media all and (min-width:576px) {
	.logo {padding:0.7rem 3.5rem}
	.logo h2 {font-size:11px}
	.logo h3 {font-size:37px; letter-spacing: 0.125em; line-height:1.4}}
@media all and (min-width:1024px) {	
	.logo {padding:1.1rem 3.5rem}
	.logo h2 {top:4.1rem; font-size:9px; letter-spacing: 0.215em}
	.logo h3 {font-size:35px; letter-spacing: 0.05em; line-height:1.3}}
@media all and (min-width:1200px) {	
	.logo {padding:1.1rem 5rem}}	
@media all and (min-width:1359px) {	
	.logo {padding:1.1rem 7.5rem}}	
	
/* =================================================================== */
/* MAIN - Index
/* =================================================================== */					
					
main,
footer {top:0; left:0; position:relative; overflow: hidden}	
/* -------------------------------------------------------- widthPage */					
#widthPage-0,#widthPage-1,#widthPage-2,#widthPage-3,#widthPage-4,#widthPage-5,#widthPage-6,#widthPage-7,#widthPage-8,#widthPage-9,#widthPage-10,#widthPage-11 {width:80%; margin:auto; position:relative}
@media all and (min-width:992px) {
	#widthPage-0,#widthPage-1,#widthPage-2,#widthPage-3,#widthPage-4,#widthPage-5,#widthPage-6,#widthPage-7,#widthPage-8,#widthPage-9,#widthPage-10,#widthPage-11 {width:890px}}	
@media all and (min-width:1200px) {
	#widthPage-0,#widthPage-1,#widthPage-2,#widthPage-3,#widthPage-4,#widthPage-5,#widthPage-6,#widthPage-7,#widthPage-8,#widthPage-9,#widthPage-10,#widthPage-11 {width:1100px}}							
/* -------------------------------------------------------- flexBox */																																											
.flex {width:100%; display:flex; flex-flow: row wrap; align-items:center; justify-content:center; margin:0 auto; position:relative}
@media all and (min-width:992px) {
	.flex {width:100%; align-items:flex-start}
	.flexReverse {flex-direction: row-reverse}}
/* ============= */ 						
.flexOrder-1 {order:1; flex:100%; max-width:100%}
.flexOrder-2 {order:2; flex:100%; max-width:100%}	
.flexOrder-3 {order:1; flex:58%; max-width:58%}
.flexOrder-4 {order:1; flex:42%; max-width:42%}
.flexOrder-5 {order:1; flex:100%; max-width:100%}
.flexOrder-6 {order: 1; flex: 0 0 100%; max-width: 100%}
.flexOrder-7 {order:1; flex:100%; max-width:100%}
.flexOrder-8 {order:1; flex:100%; max-width:100%}
.flexOrder-9 {order:1; flex:100%; max-width:100%}
.flexOrder-10 {order:1; flex:100%; max-width:100%}
.flexOrder-11 {order:1; flex:100%; max-width:100%}
.flexOrder-12 {order:2; flex:100%; max-width:100%}
@media all and (min-width:767px) {
	.flexOrder-3,
	.flexOrder-4 {order:1; flex:31%; max-width:31%}
	.flexOrder-5 {order:1; flex:38%; max-width:38%}}	
@media all and (min-width:992px) {
	.flexOrder-1 {order:1; flex:50%; max-width:50%}
	.flexOrder-2 {order:2; flex:50%; max-width:50%}
	.flexOrder-3,
	.flexOrder-4,
	.flexOrder-5 {order:1; flex:18.5%; max-width:18.5%}	
	.flexOrder-6 {order:1; flex: 0 0 47%; max-width: 47%}
	.flexOrder-7 {order:1; flex:30%; max-width:30%}
	.flexOrder-8 {order:1; flex:48%; max-width:48%}
	.flexOrder-9 {order:1; flex:20%; max-width:20%}
	.flexOrder-10 {order:1; flex:32.1%; max-width:32.1%}
	.flexOrder-11 {order:1; flex:25%; max-width:25%}
	.flexOrder-12 {order:2; flex:25%; max-width:25%}
	.flexOrder-13 {order:1; flex:43.5%; max-width:43.5%}}
@media all and (min-width:1200px) {	
	.flexOrder-6 {order:1; flex: 0 0 22.5%; max-width: 22.5%}}	
/* -------------------------------------------------------- */
.section-intro {padding-top:3.5rem; position: relative; z-index:5; clear: both}
.section-intro .about h3 {padding-left:5rem; font:600 22px 'Lato'; letter-spacing:0.035em; color:#99513a; text-transform:none; position:relative}
.section-intro .about h3::after {height:2px; min-width:65px; top:65%; transform:translateY(-35%); left:0; background-color:#3a414e; position:absolute; content:""; display:block}
.section-intro .about h2 {margin-top:1.25rem; font-size:30px; letter-spacing:0.035em; line-height:1.35}
.section-intro .about p {margin-top:1.5rem; text-align:justify}
.section-intro .about a.btn {margin:2.15rem auto 3.5rem 0; width:180px; text-align:center; display: table}
.section-intro .about-img__portrait,
.section-intro .about-img {position:relative}
.section-intro .about-img--large {margin-left:23px}
.section-intro .about-img--small {bottom:-70px; left:-10px; width:170px; position:absolute}
.section-intro .about-img__portrait {margin:1.15rem 0 0.5rem}
.section-intro p.portrait__bebe {margin-top:1rem; font-size:17px}
.section-intro p.portrait__corp {margin-bottom:1.5rem}
@media all and (min-width: 576px){
	.section-intro {padding-top:3.95rem}
	.section-intro .about h3 {font-size:25px}
	.section-intro .about h2 {margin-top:1.5rem}	
	.section-intro .about a.btn {margin:2.5rem auto 5rem 0}
	.section-intro .about-img--large {margin-left:150px}
	.section-intro .about-img--small {bottom:-80px; left:80px; width:230px}
	.section-intro p.portrait__bebe {font-size:18px}
	.section-intro p.portrait__corp {margin-bottom:2rem}}
@media all and (min-width: 992px){
	.section-intro {padding-top:5.5rem}
	.section-intro .about {padding-right:2.5rem; margin-top:1.25rem}
	.section-intro .about h3 {font-size:20px}
	.section-intro .about h2 {margin-top:1.25rem; font-size:37px; line-height:1.15; font-weight:600; text-transform:none}
	.section-intro .about p {letter-spacing:0.035em}
	.section-intro .about-img--large {width:85%; float:right}
	.section-intro .about-img--small {left:0; bottom:-100px}
	.section-intro .about-img__portrait {margin:0 0 0.5rem}
	.section-intro p.portrait__bebe {margin-top:0.75rem; position:relative}
	.section-intro p.portrait__corp {margin-bottom:0}}
@media all and (min-width: 1200px){
	.section-intro {padding-top:6rem}
	.section-intro .about {padding-right:5rem}
	.section-intro .about h2 {font-size:50px}
	.section-intro .about-img--small {left:10px; bottom:-70px}
	.section-intro .about-img__portrait {padding-left:3.95rem}
	.section-intro p.portrait__bebe {font-size:19px; margin-top:1.25rem}}
/* -------------------------------------------------------- */
.section-service__two {padding:5rem 0 3rem; position: relative; z-index:5; clear: both}
.section-service__two .right h3,
.section-service__two .left h3 {margin-top:3.25rem; padding-left:5rem; font:600 22px 'Lato'; letter-spacing:0.035em; color:#99513a; text-transform:none; position:relative}
.section-service__two .right h3::after,
.section-service__two .left h3::after {height:2px; min-width:65px; top:65%; transform:translateY(-35%); left:0; background-color:#3a414e; position:absolute; content:""; display:block}
.section-service__two .right h2,
.section-service__two .left h2 {margin-top:1.25rem; font-size:25px; letter-spacing:0.035em; line-height:1.35}
.section-service__two p {margin-top:1.5rem; text-align:justify}
.section-service__two a.btn {margin:2rem auto 3rem 0; width:250px; text-align:center; display: table}
@media all and (min-width:576px) {	
	.section-service__two {padding:7rem 0 3.5rem}
	.section-service__two .right h3,
	.section-service__two .left h3 {margin-top:3.95rem; font-size:25px}
	.section-service__two .right h2,
	.section-service__two .left h2  {font-size:30px}
	.section-service__two a.btn {margin:2.25rem auto 3.25rem 0}}
@media all and (min-width:992px) {	
	.section-service__two {padding:0.5rem 0 5rem; margin:1rem auto 0; background-color:#edece6}	
	.section-service__two .left,
	.section-service__two .right {margin-top:5rem}
	.section-service__two .left .flexOrder-1 {padding-left:2.5rem; padding-right:0.25rem; margin-top:0.35rem}
	.section-service__two .left .flexOrder-2 img {padding-right:2rem}
	.section-service__two .right .flexOrder-1 {padding-right:2.25rem; margin-top:0.35rem}
	.section-service__two .right .flexOrder-2 img {padding-left:2rem}
	.section-service__two .right h3,
	.section-service__two .left h3 {margin-top:0; font-size:20px}
	.section-service__two .right h2,
	.section-service__two .left h2 {font-size:30px; line-height:1.15; font-weight:600; text-transform:none}
	.section-service__two .right p,
	.section-service__two .left p {letter-spacing:0.03em}
	.section-service__two a.btn {margin:2rem auto 0 0}}
@media all and (min-width:1200px) {	
	.section-service__two {padding:0.15rem 0 6rem; margin:2rem auto 0}	
	.section-service__two .left,
	.section-service__two .right {margin-top:6.5rem}	
	.section-service__two .left .flexOrder-1 {padding-left:2.5rem; padding-right:0.5rem; margin-top:1.5rem}
	.section-service__two .left .flexOrder-2 img {padding-right:5rem}
	.section-service__two .right .flexOrder-1 {padding-right:2.5rem; padding-left:0.5rem; margin-top:1.5rem}
	.section-service__two .right .flexOrder-2 img {padding-left:5rem}
	.section-service__two .right h2,
	.section-service__two .left h2 {font-size:39px}
	.section-service__two a.btn {margin:2.5rem auto 0 0}}
/* -------------------------------------------------------- */
.section-service {padding-top:3.5rem; position: relative; z-index:5; clear: both}
.section-service .title h3 {padding-left:5rem; font:600 22px 'Lato'; letter-spacing:0.035em; color:#99513a; text-transform:none; position:relative}
.section-service .title h3::after {height:2px; min-width:65px; top:65%; transform:translateY(-35%); left:0; background-color:#3a414e; position:absolute; content:""; display:block}
.section-service .title h2 {margin-top:1.25rem; font-size:28px; letter-spacing:0.035em; line-height:1.35}
.section-service .subtitle {gap:3rem; margin-top:3.95rem; text-align:center}
.section-service .subtitle .card {padding:35px 0 40px; background-color: #3a414e; color:#fff; border-color: transparent; border-radius: 0; transition: all .4s ease}
.section-service .subtitle .card h3 {margin-bottom:0.5rem; font-size:18px; letter-spacing:0.035em; color:#fff; font-weight:600; text-transform:none}
.section-service .subtitle .card p {margin:auto; width:260px}	
.section-service .subtitle .border {position:relative}
.section-service .subtitle .border::after {top: -15px; left:38px; width:90%; height:90%; border:5px solid #99513a; content: ""; display: block; background: transparent; position: absolute; z-index: -1}
@media all and (min-width: 576px){
	.section-service {padding-top:4.5rem}
	.section-service .title h3 {font-size:25px}
	.section-service .title h2 {margin-top:1.5rem; font-size:30px}	
	.section-service .subtitle {gap:3.95rem}
	.section-service .subtitle .card {padding: 2.25rem 0 2.5rem}
	.section-service .subtitle .card h3 {margin-bottom:0.75rem; font-size:22px}
	.section-service .subtitle .card p {width:300px}	
	.section-service .subtitle .border::after {left:25px; width:97%}}
@media all and (min-width: 992px){
	.section-service .title h3 {font-size:20px}
	.section-service .title h2 {margin-top:1.25rem; font-size:37px; line-height:1.15; font-weight:600; text-transform:none}
	.section-service .subtitle {gap:3rem}
	.section-service .subtitle .card {padding: 2.5rem 0 2.75rem}	
	.section-service .subtitle .card h3 {font-size:18px}
	.section-service .subtitle .border::after {left:23px; width:96%}}	
@media all and (min-width: 1200px){
	.section-service .title h2 {font-size:50px}		
	.section-service .subtitle {gap:2rem}
	.section-service .subtitle .card h3 {font-size:15px}
	.section-service .subtitle .card p {letter-spacing:0.035em; line-height:1.35; width:200px}	
	.section-service .subtitle .border::after {left:17px}}	
/* -------------------------------------------------------- */
.tarifs-preview {padding-top:3.5rem; position: relative; z-index:5; clear: both}
.tarifs-preview .title h3 {padding-left:5rem; font:600 22px 'Lato'; letter-spacing:0.035em; color:#99513a; text-transform:none; position:relative}
.tarifs-preview .title h3::after {height:2px; min-width:65px; top:65%; transform:translateY(-35%); left:0; background-color:#3a414e; position:absolute; content:""; display:block}
.tarifs-preview .title h2 {margin-top:1.25rem; font-size:28px; letter-spacing:0.035em; line-height:1.35}
.tarifs-preview .title p.intro {margin-top: 1.25rem; text-align:justify}
.tarifs-preview .grid {gap:1.5rem; margin-top:1.75rem}
.tarifs-preview .grid h3 {font-size: 20px; letter-spacing:0.035em}
.tarifs-preview .grid p {font-size: 19px; text-align:justify}
.tarifs-preview a.btn {margin:2.5rem auto 0; width:250px; text-align:center; display: table}
@media all and (min-width: 576px){
	.tarifs-preview {padding-top:4.5rem}
	.tarifs-preview .title h3 {font-size:25px}
	.tarifs-preview .title h2 {margin-top:1.5rem; font-size:30px}
	.tarifs-preview .grid {gap:2.25rem; margin-top:2.5rem}
	.tarifs-preview .grid h3 {font-size: 23px}}
@media all and (min-width: 992px){
	.tarifs-preview .title h3 {font-size:20px}
	.tarifs-preview .title h2 {margin-top:1.25rem; font-size:37px; line-height:1.15; font-weight:600; text-transform:none}
	.tarifs-preview .grid {gap:2.75rem}
	.tarifs-preview .grid .tarif {border-top:1px solid #3a414e}
	.tarifs-preview .grid .featured {border-top:3px solid #3a414e}
	.tarifs-preview .grid h3 {margin:1.25rem 0 0.5rem; font-size:17px}
	.tarifs-preview .grid p {font-size: 18px}
	.tarifs-preview a.btn {margin:3rem auto 0}}	
@media all and (min-width: 1200px){
	.tarifs-preview .title h2 {font-size:50px}
	.tarifs-preview .grid {gap:3.25rem; margin-top:3.25rem}
	.tarifs-preview .grid h3 {margin:1.5rem 0 0.5rem; font-size:19px}
	.tarifs-preview .grid p {font-size:19px}}	
/* -------------------------------------------------------- */
.section-local {padding:3.5rem 0; margin-top:4.25rem; background-color:#edece6; position: relative; z-index:5; clear: both}
.section-local h3 {padding-left:5rem; font:600 22px 'Lato'; letter-spacing:0.035em; color:#99513a; text-transform:none; position:relative}
.section-local h3::after {height:2px; min-width:65px; top:65%; transform:translateY(-35%); left:0; background-color:#3a414e; position:absolute; content:""; display:block}
.section-local h2 {margin-top:1.25rem; font-size:28px; letter-spacing:0.035em; line-height:1.35}
.section-local p {margin-top: 1.25rem; text-align:justify}
@media all and (min-width: 576px){
	.section-local {padding:3.95rem 0; margin-top:5rem}
	.section-local h3 {font-size:25px}
	.section-local h2 {margin-top:1.5rem; font-size:30px}}
@media all and (min-width: 992px){
	.section-local {padding:4.5rem 0; margin-top:4.5rem}
	.section-local h3 {font-size:20px}
	.section-local h2 {margin-top:1.25rem; font-size:37px; line-height:1.15; font-weight:600; text-transform:none}}	
@media all and (min-width: 1200px){
	.section-local h2 {font-size:50px}}		
/* -------------------------------------------------------- */
.section-cta {padding: 3rem 0 4.5rem; margin-bottom:2.25rem; background-color: #3a414e; color: #fff; text-align: center}
.section-cta h2 {font-size: 25px; letter-spacing:0.035em; line-height:1.35}
.section-cta p {margin-top: 1.25rem; color: #ebebeb}
.section-cta a.btn-1 {margin:2.5rem auto 0; width:250px; text-align:center; display: table}
@media all and (min-width: 576px){
	.section-cta {padding: 3.95rem 0 5rem; margin-bottom:2.5rem}
	.section-cta h2 {font-size:30px}
	.section-cta a.btn-1 {margin:3rem auto 0; width:270px}}
@media all and (min-width: 990px){
	.section-cta {padding: 6rem 0 6.5rem; margin-bottom:0}
	.section-cta h2 {font-size:26px; letter-spacing:0.05em}
	.section-cta a.btn-1 {margin:3.5rem auto 0}}
/* -------------------------------------------------------- */
.section-price {padding-top:3rem; position: relative; z-index:5; clear: both}
.section-price .title h3 {padding-left:5rem; font:600 22px 'Lato'; letter-spacing:0.035em; color:#99513a; text-transform:none; position:relative}
.section-price .title h3::after {height:2px; min-width:65px; top:65%; transform:translateY(-35%); left:0; background-color:#3a414e; position:absolute; content:""; display:block}
.section-price .title h2 {margin-top:1.25rem; font-size:28px; letter-spacing:0.035em; line-height:1.35}
.section-price .pricing {gap:3rem; margin-top:3.95rem; text-align:center}
.section-price .pricing .card {padding: 35px; background-color: #fff; border: 1px solid #eee; text-align: center}
.section-price .pricing .card h3 {font-size: 14px; letter-spacing: 1.5px; color: #777}
.section-price .pricing .card h2 {margin: 15px 0; font-size: 40px}
.section-price .pricing .card p {margin-bottom: 20px; font-size: 14px; line-height: 1.6}
.section-price .pricing .card ul {padding: 0; margin: 0; text-align: left}
.section-price .pricing .card li {margin-bottom: 10px; padding-left: 18px; font-size: 14px; position: relative;}
.section-price .pricing .card li::before {left: 0; font-size: 12px; content: "❤"; position: absolute}
.section-price .pricing .featured {border: 2px solid #111}
.section-price .pricing-note {margin-top: 40px; font-size: 14px; color: #777; font-style: italic; text-align: center}
.section-price a.btn {margin:2rem auto 3rem; width:250px; text-align:center; display: table}
@media all and (min-width: 576px){
	.section-price {padding-top:3.95rem}
	.section-price .title h3 {font-size:25px}
	.section-price .title h2 {margin-top:1.5rem; font-size:30px}}
@media all and (min-width: 992px){
	.section-price .title h3 {font-size:20px}
	.section-price .title h2 {margin-top:1.25rem; font-size:37px; line-height:1.15; font-weight:600; text-transform:none}
	.section-price .pricing {gap:1rem; margin-top:3.95rem}}	
@media all and (min-width: 1200px){
	.section-price .title h2 {font-size:50px}}	
/* -------------------------------------------------------- */	
.section-subIntro {padding-top:3rem; position: relative; z-index:5; clear: both}
.section-subIntro h3 {padding-left:5rem; font:600 22px 'Lato'; letter-spacing:0.035em; color:#99513a; text-transform:none; position:relative}
.section-subIntro h3::after {height:2px; min-width:65px; top:65%; transform:translateY(-35%); left:0; background-color:#3a414e; position:absolute; content:""; display:block}
.section-subIntro h2 {margin-top:1.25rem; font-size:28px; letter-spacing:0.035em; line-height:1.35}
.section-subIntro p {margin-top: 1.5rem; text-align:justify}
.section-subIntro a.btn {margin:2.15rem auto 0 0; width:260px; text-align:center; display: table}
@media all and (min-width: 576px){
	.section-subIntro {padding-top:3.95rem}
	.section-subIntro h3 {font-size:25px}
	.section-subIntro h2 {margin-top:1.5rem; font-size:30px}
	.section-subIntro a.btn {margin:2.5rem auto 0 0}}
@media all and (min-width: 992px){
	.section-subIntro h3 {font-size:20px}
	.section-subIntro h2 {margin-top:1.25rem; font-size:37px; line-height:1.15; font-weight:600; text-transform:none}
	.section-subIntro a.btn {margin:2.75rem auto 0}}
@media all and (min-width: 1200px){
	.section-subIntro {padding-top:4.5rem}
	.section-subIntro h2 {font-size:50px}}		
/* -------------------------------------------------------- Twenty */
#Twenty {margin-top:3.95rem; background-color: #edece6; width:100%; position:relative; z-index: 0}
.sectTwenty {position:relative; z-index: 1}
.sectTwenty > div:nth-child(1) {margin-top:3.95rem}
.sectTwenty > div:nth-child(1) img {width:100%; margin: auto; position: relative; display: block}
.sectTwenty > div:nth-child(2) h2 {margin-top:2.5rem; font:bold 30px 'Playfair'; text-transform:none}	
.sectTwenty > div:nth-child(2) .big {margin:1.25rem 0 0.35rem; width:9rem; border-bottom:1px solid #3a414e}
.sectTwenty > div:nth-child(2) .small {margin: 0.35rem 0 1.5rem; width:7.5rem; border-bottom:1px solid #3a414e}					
.sectTwenty > div:nth-child(2) h3 {font:normal 13px 'Lato'; letter-spacing:0.075em}
.sectTwenty > div:nth-child(2) p {margin-top:1.5rem; padding-bottom:3.5rem; text-align:justify}
@media all and (min-width:576px) {
	#Twenty,
	.sectTwenty > div:nth-child(1) {margin-top:4.5rem}
	.sectTwenty > div:nth-child(2) h2 {margin-top:3rem; font-size:33px}	
	.sectTwenty > div:nth-child(2) .big {margin:1.75rem 0 0.35rem; width:10.5em}
	.sectTwenty > div:nth-child(2) .small {margin: 0.35rem 0 1.75rem;width:9rem}					
	.sectTwenty > div:nth-child(2) h3 {font-size:15px}
	.sectTwenty > div:nth-child(2) p {padding-bottom:3.95rem}}
@media all and (min-width:992px) {
	#Twenty {margin-top:10rem}
	.sectTwenty > div:nth-child(1) {margin-top:-5rem}
	.sectTwenty > div:nth-child(1) img {left:1rem; width:80%; box-shadow: -50px 50px #3a414e; margin: auto; position: relative; display: block}
	.sectTwenty > div:nth-child(2) {padding:0 0 0 3.5rem} 
	.sectTwenty > div:nth-child(2) h2 {font-size:35px}					
	.sectTwenty > div:nth-child(2) p {padding-bottom:5rem}}
@media all and (min-width:1200px) {
	#Twenty {margin-top:10.5rem}
	.sectTwenty > div:nth-child(1) img {left:2.5rem; width:70%}		
	.sectTwenty > div:nth-child(2) {padding:0 2.5rem 0 5rem} 
	.sectTwenty > div:nth-child(2) h2 {margin-top:3.95rem; font-size:43px}	
	.sectTwenty > div:nth-child(2) p {margin-top:2rem; padding-bottom:6rem}}	
/* -------------------------------------------------------- Contact Page */	
#contact {padding:5.75rem 0 3.95rem; width:80%; margin:0 auto; position:relative}
#contact h3 {font:normal 100px 'Signature'; line-height:0; text-align: center; text-transform:none}
#contact h3 span {display: none}																							
#contact p {margin-top:1.5rem; color:#99513a}
#contact p a {font:bold 11px 'Playfair'; letter-spacing:0.07em; border-bottom:1px dotted #99513a; text-transform:uppercase}		
#contact form {padding-top:1.5rem; width:100%; margin:0 auto; overflow: hidden}
#contact form input:not([type="checkbox"]) {padding:1.25rem 0.2rem 1.5rem}
#contact form textarea {padding:1.3rem 0.2rem 0}
#contact form input:not([type="checkbox"]),
#contact form textarea {border-bottom:1px solid #bbb; border-left:none; border-top:none; border-right:none; transition: border-bottom 0.35s; background-color: transparent; outline: none; line-height: normal; border-radius: 0; appearance: none}
#contact form .select select:focus,
#contact form input:not([type="checkbox"]):focus,
#contact form textarea:focus {border-bottom-color:#3a414e}
#contact form input,
#contact form textarea {font-size:19px; letter-spacing: 0.025em; line-height:1.6; text-transform:none; width: 100%}		
#contact form input::placeholder,
#contact form textarea::placeholder {font-style: italic}
#contact form select {padding: 0 0.2rem; font:italic 19px 'Cormorant'; color:#747372; flex: 1; background-color:#f6f5f2; appearance:none; outline:0; box-shadow:none; border:0!important; background-image: none; cursor:pointer}
#contact form select::-ms-expand {display: none}
#contact form select:focus {box-shadow: 0 0 8px rgba(0,119,204,0.2); outline: none}
#contact form select option {color:#3a414e; font-size:17px; letter-spacing:0.1em}
#contact form .select {width: 100%; height:4.5em; line-height:4.5; border-radius: .25em; border-bottom: 1px solid #bbb; color:#747372;transition: border-color 0.3s, box-shadow 0.3s; box-sizing: border-box; border-top:none; border-right:none; border-left:none; position: relative; display: flex; overflow: hidden}
#contact form .select::after {padding: 0 1em; content: '\25BC'; position: absolute; top: 0; right: 0; cursor:pointer; pointer-events:none; transition:.25s all ease}
#contact form .select:focus-within::after {transform: rotate(180deg)}
#contact form .col_2 {width:100%}
#contact form .col_2 > div {position: relative}
#contact form .checkbox {margin-top:1rem; padding-left:0.106rem; line-height:1.5; text-align: justify; hyphens: auto; word-wrap: break-word}					
#contact form .checkbox [type="checkbox"]:not(:checked),
#contact form .checkbox [type="checkbox"]:checked {position: absolute; left: 0; opacity:0}
#contact form .checkbox [type="checkbox"]:not(:checked) + label,
#contact form .checkbox [type="checkbox"]:checked + label {padding-left:1.5rem; font-style: italic; text-transform:none; position: relative; cursor: pointer}
#contact form .checkbox [type="checkbox"]:not(:checked) + label::before,
#contact form .checkbox [type="checkbox"]:checked + label::before {top:0.2rem; left: 0; width:0.85rem; height:0.85rem; border:1px solid #bbb; background-color:#f6f5f2; border-radius: .205em; box-shadow: inset 0 1px 3px rgba(0,0,0,0.106); transition: all .35s; content:""; position: absolute}
#contact form .checkbox [type="checkbox"]:not(:checked) + label::after,
#contact form .checkbox [type="checkbox"]:checked + label::after {top:0.75rem; left:0.12rem; font-size:11px; content:"✕"; position: absolute; line-height: 0; transition: all .25s}
#contact form .checkbox [type="checkbox"]:not(:checked) + label::after {opacity: 0; transform: scale(0) rotate(45deg)}
#contact form .checkbox [type="checkbox"]:checked + label::after {opacity: 1; transform: scale(1) rotate(0)}
#contact form .checkbox label {font-size:15px; letter-spacing: 0.035em}
#contact form .checkbox label a {border-bottom:1px dotted #3a414e; text-decoration: none; position: relative}
#contact form .checkbox label a::after {bottom: -1px; left: 0; width: 100%; height: 1px; background-color: #99513a; transform: scaleX(0); transition: transform 0.4s ease; content: ""; position: absolute}
#contact form .checkbox label a:hover::after {transform: scaleX(1)}	
#contact form .checkbox .note {margin-top:1rem; padding-left:0.16rem; padding-bottom:0.8rem; font-size:14px; letter-spacing: 0.05em; line-height:1.6; color: #777; border-bottom:1px solid #b7b7b7; text-transform:none; font-style: italic; text-align:left; position: relative; hyphens: auto; word-wrap: break-word}					
#contact form button.btn_mail {margin-top:1rem; font:normal 12px 'Lato'; letter-spacing:0.25em; line-height:0.9; transition: all 0.35s; border: none; outline: none; display: inline-flex; cursor: pointer; position: relative}
#contact form button.btn_mail::after {content: ''; position: absolute; z-index: -1; transition: all 0.35s}
#contact form button.btn_mail::before {font-family:'FontAwesome'; text-transform: none}
#contact form button.btn_sep {padding:0.9rem 2rem 0.9rem 5rem}
#contact form button.btn_sep::before {background-color:#99513a; color:#f6f5f2; border-right: 2px solid #99513a}
#contact form button.btn_sep:hover::before {background-color:#f6f5f2; color:#99513a; border-right: 2px solid #99513a}
#contact form button.btn_submit {background-color:#f6f5f2; color:#3a414e; border: 2px solid #99513a}
#contact form button.btn_submit:hover {background-color:#99513a; color:#f6f5f2; border: 2px solid #99513a}
#contact form button.btn_submit::before {font-size:15px; line-height:2.6; width:2.8rem; height: 100%; left: 0; top: 0; position: absolute}
#contact form button.icon_send::before {content: "\f1d8"}	
@media all and (min-width:576px) {	
	#contact {padding:6.5rem 0 5rem}
	#contact h3 {font-size:120px}																						
	#contact p {margin-top:1.5rem}
	#contact p a {font-size:12px}
	#contact form {padding-top:2.5rem}
	#contact form button.btn_sep {padding:0.9rem 2.5rem 0.9rem 5.5rem}
	#contact form .checkbox label {font-size:17px}
	#contact form .checkbox .note {font-size:16px}}
@media all and (min-width:767px) {	
	#contact form {padding-top:2.5rem}
	#contact form .col_2 {display: flex; justify-content: space-between}
	#contact form .col_2 > div {flex-basis: calc(50% - 1.6rem)}}					
@media all and (min-width:992px) {		
	#contact {padding:3.95rem 0 5rem; width:890px}
	#contact h3 {padding-left: 0.395rem; font: normal 11px 'Lato'; letter-spacing: 0.1em; display:inline; text-align:left; text-transform:uppercase}	
	#contact h3 span {padding: 0 0.395rem; display: inline}
	#contact p {margin-top:0; display:inline; text-align:left; color:#333}
	#contact p a {font: normal 11px 'Lato'; letter-spacing: 0.125em; border-bottom:none}
	#contact p a:hover {border-bottom:1px solid #555}	
	#contact form {padding-top:1.35rem}
	#contact form input,
	#contact form textarea,
	#contact form .select select {font-size:20px}
	#contact form .checkbox {padding-top:0.5rem}
	#contact form .checkbox .note {padding-bottom:0.75rem; margin-top:1.5rem; font-size:18px}
	#contact form .col_2 > div {flex-basis: calc(50% - 2rem)}
	#contact form button.btn_mail {margin-top:1.5rem}}
@media all and (min-width:1200px) {	
	#contact {padding:5rem 0 5.5rem; width:1100px}
	#contact form {padding-top:1.5rem}}	
/* -------------------------------------------------------- Contact Info */
.section-info {padding-top:5rem; margin-bottom:2.25rem; filter: grayscale(0.5); position: relative; background: url('../img/shooting/contact-shooting.webp') no-repeat center center; background-size: cover; background-attachment:fixed}
.section-info p {padding:.75rem 0; margin-top:4.5rem; font-size:18px; color:#b95231; background-color: #ebe9db}
.section-info .contact-info {gap:1.5rem; margin:0 auto; width: 100%; position: relative}
.contact-info .contactText {padding:1.5rem 0 1.75rem; background-color: rgba(238,237,232,0.8); width:100%; margin:0 auto; text-align: center}		
.contact-info .contactText > img {width:50px; max-width:100%; height:auto}	
.contact-info .contactText h3 {margin:0.5rem 0 0.75rem; font:600 13px 'Lato'; letter-spacing:0.1em}
.contact-info .contactText h3 span {font-size: 17px}
.contact-info .contactText address {font-size:13px; letter-spacing:0.05em; line-height:1.7; display: block; font-style: normal}
.contact-info .contactText address .tel {font-size:18px; letter-spacing: 0.1em}
.contact-info .contactText address .tel:hover,
.contact-info .contactText address .email:hover {border-bottom:1px solid #99513a}
@media all and (min-width:576px) {	
	.section-info {margin-bottom:2.5rem}
	.section-info p {margin-top:5rem; font-size:20px}
	.section-info .contact-info {gap:2rem}
	.contact-info .contactText {padding:2.5rem 0}
	.contact-info .contactText h3 {font-size:15px}
	.contact-info .contactText address {font-size:18px; letter-spacing:0.05em}
	.contact-info .contactText address .tel {font-size:20px; line-height:2}}
@media all and (min-width:992px) {					
	.section-info {margin-bottom:0}
	.contact-info .contactText > img {width:39px}							
	.contact-info .contactText h3 {margin-bottom:1rem}
	.contact-info .contactText address .tel {line-height:0; position:relative}}		
/* -------------------------------------------------------- */	
.section-lowIntro {padding-top:3rem; position: relative; z-index:5; clear: both}
.section-lowIntro h3 {padding-left:5rem; font:600 22px 'Lato'; letter-spacing:0.035em; color:#99513a; text-transform:none; position:relative}
.section-lowIntro h3::after {height:2px; min-width:65px; top:65%; transform:translateY(-35%); left:0; background-color:#3a414e; position:absolute; content:""; display:block}
.section-lowIntro h2 {margin-top:1.25rem; font-size:28px; letter-spacing:0.035em; line-height:1.35}
.section-lowIntro p {margin-top: 1.5rem; text-align:justify}
.section-lowIntro a.btn {margin:2.15rem auto 0 0; width:270px; text-align:center; display: table}
@media all and (min-width: 576px){
	.section-lowIntro {padding-top:3.95rem}
	.section-lowIntro h3 {font-size:25px}
	.section-lowIntro h2 {margin-top:1.5rem; font-size:30px}
	.section-lowIntro a.btn {margin:2.5rem auto 0 0}}
@media all and (min-width: 992px){
	.section-lowIntro h3 {font-size:20px}
	.section-lowIntro h2 {margin-top:1.25rem; font-size:37px; line-height:1.15; font-weight:600; text-transform:none}
	.section-lowIntro a.btn {margin:2.75rem auto 0 0}}
@media all and (min-width: 1200px){
	.section-lowIntro {padding-top:4.5rem}
	.section-lowIntro h2 {font-size:50px}}		
/* -------------------------------------------------------- Bon cadeau - Prix */			
.gift {padding-top:3rem; position: relative; z-index:5; clear: both}
.gift h3 {padding-left:5rem; font:600 22px 'Lato'; letter-spacing:0.035em; color:#99513a; text-transform:none; position:relative}
.gift h3::after {height:2px; min-width:65px; top:65%; transform:translateY(-35%); left:0; background-color:#3a414e; position:absolute; content:""; display:block}
.gift h2 {margin-top:1.25rem; font-size:28px; letter-spacing:0.035em; line-height:1.35}
.gift p {margin-top:1.35rem; text-align:justify}		
.gift-one .euro {margin:1.75rem 0 0.75rem; font-size:17px; color:#777; text-transform:none; text-align:right}
.gift-one .btnGift {margin-top:0.75rem}					
.gift-one .btnGift a.btn {margin:0 auto; width:100%; text-align:center; display: table}
.gift-one .faq {margin:0.35rem auto 0; padding:30px 10px 10px; line-height:40px; background-color:#f7f5ef; box-sizing:border-box; text-align:left; position:relative}
.gift-one .faq label {padding-left:1rem; top:0; left:0; right:0; height:50px; position:absolute; cursor:pointer; user-select:none}
.gift-one .faq label::before {left:5px; top:50%; transform:translate(0, -50%); color: #555; content:'*'; transition: transform .5s linear; position:absolute}
.gift-one .faq label.detail {padding-top:10px; font:normal 17px 'Cormorant'; letter-spacing:0.05em; color: #5e5e5e; text-transform:none}
.gift-one .faq label.detail span {color: #aaa}
.gift-one .faq > p {margin:0 auto; padding:0; font-size:16px; letter-spacing:0.025em; line-height:1.35; height:0; transform:scaleY(0); box-sizing:border-box; overflow:hidden; transition:padding .5s ease-in, height .5s ease-in, transform .3s} 
.gift-one .faq > p span {margin-top:0.5rem; display:block; text-transform:none}
.gift-one .faq > input {display:none}
.gift-one .faq > input[type="checkbox"]:checked + label + p {height:auto; padding:10px 0 10px 5px; transform:scaleY(1)} 
.gift-two {display:none}
@media all and (min-width:576px) {	
	.gift {padding-top:3.5rem}
	.gift h3 {font-size:25px}
	.gift h2 {margin-top:1.5rem; font-size:30px}
	.gift p {margin-top:2rem}
	.gift-one .euro {margin:2rem 0 1.25rem; font-size:19px}
	.gift-one .faq label.detail {font-size:19px}
	.gift-one .faq > p {font-size:17px}
	.gift-one .faq > input[type="checkbox"]:checked + label + p { padding:20px 0 10px 5px}}	
@media all and (min-width:992px) {
	.gift h3 {font-size:20px}
	.gift h2 {margin-top:1.25rem; font-size:37px; line-height:1.15; font-weight:600; text-transform:none}
	.gift p {margin-top:1.5rem}
	.gift-one .euro {margin-bottom:1rem}
	.gift-one {margin-top:0.5rem; padding-left:4rem}
	.gift-two {margin-top:2.5rem; display:inline-block}} 
@media all and (min-width:1200px) {		
	.gift h2 {font-size:50px}
	.gift-one {margin-top:1.5rem; padding-left:7rem}
	.gift-one .euro {margin-bottom:1.5rem}
	.gift-two {margin-top:3.5rem}} 
/* -------------------------------------------------------- Nice */	
.nice-select {padding:12px 0 12px 20px; width:100%; border: 1px solid #99513a; border-radius: 1px; text-align: left; vertical-align: middle; background:none; margin: 0 auto; position: relative; cursor: pointer}
.nice-select:focus {outline: none}
.nice-select::after {top:12px; right:15px; color:#99513a; content: '\25BC'; position: absolute; transition: .25s all ease; pointer-events: none}
.nice-select:hover::after {color: #99513a}
.nice-select.open::after {transform: rotate(-180deg)}
.nice-select.open .list {opacity: 1; pointer-events: auto; transform: scale(1) translateY(0)}
.nice-select .list {margin-top:0.07rem; width:100%; background-color:#f7f5ef; border: 1px solid #bbb; box-shadow:1px 1px 3px #888; box-sizing: border-box; opacity: 0; padding: 0; top: 100%; left: 0; pointer-events: none; position: absolute; overflow: hidden; transition: transform .30s; transform: scale3d(1, 0, 1); transform-origin: 50% 0; z-index: 13}	
.nice-select .list:hover .option:not(:hover) {background-color: transparent !important} 
.nice-select .option {padding:12px 0 12px 20px; text-indent:1.35rem; outline: none; transition: all 0.25s}						
.nice-select .option:hover, 
.nice-select .option.focus, 
.nice-select .option.selected.focus {background-color: #d2c7bd} 	
.nice-select span,
.nice-select .option {font:normal 15px 'Lato'; letter-spacing:0.1em; text-transform:none}
@media all and (min-width:576px) {
	.nice-select span,
	.nice-select .option {font-size: 16px}}
@media all and (min-width:992px) {
	.nice-select,
	.nice-select .option {padding:10px 0 10px 20px}}	
/* -------------------------------------------------------- Caractéristiques */					
.features {padding-top:2rem; position:relative; width: 100%; text-align: center; clear: both}	
.features .grid {margin:0 auto -2.35rem; position: relative}
.features img {margin:0.7rem 0; width:35px; max-width: 100%; height: auto}	
.features h2,
.features .feat-sub {font:bold 20px 'Playfair'; text-transform:none}
.features p {margin:0.5rem auto 2rem; width:250px; line-height:1.3}
@media all and (min-width:576px) {	
	.features h2,
	.features .feat-sub {font-size:22px; letter-spacing:0.05em}
	.features p {width:300px}}
@media all and (min-width:992px) {
	.features {padding-top:3.5rem}
	.features .grid {margin:0 auto -3rem; gap:3rem}
	.features p {margin:0.5rem auto 2rem; width:100%}
	.features h2,
	.features .feat-sub {font-size:18px}}	
@media all and (min-width:1200px) {   
	.features {max-width:980px}}
/* -------------------------------------------------------- */	
.giftEmotion {padding-top:3.5rem; text-align: center; position: relative; z-index:5; clear: both}
.giftEmotion h2 {margin:auto; max-width:300px; font-size:25px; letter-spacing:0.035em; line-height: 1.35}
.giftEmotion h2::before {left:0; top:1rem; width:100%; border-top:1px solid #3a414e; content: ""; position: absolute; z-index: 1}
.giftEmotion p {margin:1.25rem auto 0; width:300px}
@media all and (min-width:576px) {
	.giftEmotion {padding-top:3.95rem}
	.giftEmotion h2 {max-width:350px; font-size:30px}
	.giftEmotion p {width:500px}}
@media all and (min-width:992px) {
	.giftEmotion {padding-top:3.5rem}
	.giftEmotion h2 {padding: 0 0.75em; font-size:27px; max-width:100%; background-color: #f6f5f2; display: inline-block}
	.giftEmotion h2::before {width: 100%; top:40%; left: 0; border-bottom: 1px solid #3a414e; border-top:0px solid #f6f5f2; z-index: -1}		
	.giftEmotion p {margin-top:1.5rem; width:800px}}
/* -------------------------------------------------------- */	
#parallax {padding:5rem 0; margin:4rem 0 2.25rem; width: 100%; height:auto; opacity:0.8; background: url('../img/mariage/003-1600x900.webp') no-repeat center center; background-size: cover; position: relative; overflow: hidden}
#parallax .contact-info {gap:1.5rem; margin:0 auto; width: 100%; position: relative}					
#parallax .contactText {padding:1.5rem 0 2.5rem; background-color: rgba(246,245,242,0.8); width:100%; margin:0 auto; text-align: center}		
#parallax .contactText > img {margin-top:0.7rem; width:55px; max-width:100%; height:auto}							
#parallax .contactText .h6 {margin-top:0.75rem; font:normal 12px 'Lato'; letter-spacing:0.1em}
#parallax .contactText h2 {margin-top:0.35rem; font-size:18px; letter-spacing:0.025em; line-height:1.35}
@media all and (min-width:576px) {	
	 #parallax {padding:7rem 0; margin:4.5rem 0 2.5rem}
	 #parallax .contactText {padding:2rem 0 3.5rem}		
	 #parallax .contactText > img {width:80px}							
	 #parallax .contactText .h6 {font-size:15px}
	 #parallax .contactText h2 {font-size:25px}}						
@media all and (min-width:992px) {				
	 #parallax {padding:5rem 0; margin:5rem 0 0}
	 #parallax .contact-info {gap:1rem}
	 #parallax .contactText {padding:1rem 0 2.5rem}
	 #parallax .contactText > img {width:55px}							
	 #parallax .contactText .h6 {font-size:12px}
	 #parallax .contactText h2 {font-size:18px}}																			
@media all and (min-width:1200px) {		
	 #parallax {padding:6rem 0}}
/* -------------------------------------------------------- */		
#parallax-1 {min-height:15rem; margin-top:1.5rem; opacity:0.8; filter: grayscale(.2); position: relative; background: url('../img/shooting/portrait/parallax-1.webp') no-repeat center center; background-size: cover; background-attachment:fixed}
#parallax-1 .section-1 {min-height:15rem; width: 100%; background-color: rgba(0,0,0, 0.7); position: relative}
#parallax-1 .section-2 {margin:0 auto; top:50%; transform:translateY(-50%); width: 100%; color: #fff; text-shadow:1px 1px #777; text-align: center; position:absolute}
#parallax-1 .section-2 h2 {font-size:17px; letter-spacing:0.05em; font-weight:600; text-transform:none}
#parallax-1 .section-2 h3 {margin-top:0.35rem; font-size:13px; letter-spacing:0.05em; text-transform:none}
@media all and (min-width:576px) {	
	#parallax-1 {min-height:23rem}
	#parallax-1 .section-1 {min-height:23rem}	
	#parallax-1 .section-2 h2 {font-size:30px}
	#parallax-1 .section-2 h3 {margin-top:0.5rem; font-size:20px}}	
@media all and (min-width:992px) {	
	#parallax-1 {min-height:25rem; margin-top:0}
	#parallax-1 .section-1 {min-height:25rem}}		 
/* -------------------------------------------------------- Parallax 2 - EXP */	
#parallax-2 {min-height:35rem; opacity:0.8; filter: grayscale(.2); position: relative; background: url('../img/shooting/animalier/amour-de-chat.webp') no-repeat center center; background-size: cover; background-attachment:fixed}
#parallax-2 .section-3 {min-height:35rem; width: 100%; background-color: rgba(0,0,0, 0.7); position: relative}
#parallax-2 .section-3 .section-4 {margin:0 auto; color: #fff; text-shadow:1px 1px #777; text-align: center}
#parallax-2 .section-3 .section-4 h2 {padding-top:4.15rem; font-size:22px; letter-spacing:0.05em}
#parallax-2 .section-3 .section-4 .spanLine {margin:1.5rem auto 2rem; width:80px; height:2px; background-color: #99513a; position:relative}
#parallax-2 .section-3 .section-4 p {margin:0 auto; width:300px}
#parallax-2 .section-3 .section-4 a.btn {margin-top:2.5rem; width:280px; text-align:center; display: table}
@media all and (min-width:576px) {	
	#parallax-2,
	#parallax-2 .section-3 {min-height:27rem}	
	#parallax-2 .section-3 .section-4 .spanLine {margin:1.75rem auto 2.25rem}
	#parallax-2 .section-3 .section-4 p {width:650px}
	#parallax-2 .section-3 .section-4 a.btn {margin-top:3rem}}	
/* -------------------------------------------------------- Parallax 3 - BEBE */	
#parallax-3 {margin-top:3.5rem; min-height:37rem; opacity:0.8; filter: grayscale(.2); position: relative; background: url('../img/shooting/portrait/parallax-1.webp') no-repeat center center; background-size: cover; background-attachment:fixed}
#parallax-3 .section-3 {min-height:37rem; width: 100%; background-color: rgba(0,0,0, 0.7); position: relative}
#parallax-3 .section-3 .section-4 {margin:0 auto; color: #fff; text-shadow:1px 1px #777; text-align: center}
#parallax-3 .section-3 .section-4 h2 {padding-top:4.15rem; font-size:22px; letter-spacing:0.05em}
#parallax-3 .section-3 .section-4 .spanLine {margin:1.5rem auto 2rem; width:80px; height:2px; background-color: #99513a; position:relative}
#parallax-3 .section-3 .section-4 p {margin:0 auto; width:300px}
#parallax-3 .section-3 .section-4 a.btn {margin-top:2.5rem; width:280px; text-align:center; display: table}
@media all and (min-width:576px) {	
	#parallax-3 {margin-top:3.95rem}
	#parallax-3,
	#parallax-3 .section-3 {min-height:29rem}	
	#parallax-3 .section-3 .section-4 .spanLine {margin:1.75rem auto 2.25rem}
	#parallax-3 .section-3 .section-4 p {width:650px}
	#parallax-3 .section-3 .section-4 a.btn {margin-top:3rem}}
/* -------------------------------------------------------- Parallax 4 - CORPORATE */	
#parallax-4 {margin-top:3.5rem; min-height:37rem; opacity:0.8; filter: grayscale(.2); position: relative; background: url('../img/shooting/portrait/parallax-4.webp') no-repeat center center; background-size: cover; background-attachment:fixed}
#parallax-4 .section-3 {min-height:37rem; width: 100%; background-color: rgba(0,0,0, 0.7); position: relative}
#parallax-4 .section-3 .section-4 {margin:0 auto; color: #fff; text-shadow:1px 1px #777; text-align: center}
#parallax-4 .section-3 .section-4 h2 {padding-top:4.15rem; font-size:22px; letter-spacing:0.05em}
#parallax-4 .section-3 .section-4 .spanLine {margin:1.5rem auto 2rem; width:80px; height:2px; background-color: #99513a; position:relative}
#parallax-4 .section-3 .section-4 p {margin:0 auto; width:300px}
#parallax-4 .section-3 .section-4 a.btn {margin-top:2.5rem; width:280px; text-align:center; display: table}
@media all and (min-width:576px) {	
	#parallax-4 {margin-top:3.95rem}
	#parallax-4,
	#parallax-4 .section-3 {min-height:29rem}	
	#parallax-4 .section-3 .section-4 .spanLine {margin:1.75rem auto 2.25rem}
	#parallax-4 .section-3 .section-4 p {width:650px}
	#parallax-4 .section-3 .section-4 a.btn {margin-top:3rem}}	
/* -------------------------------------------------------- Parallax 5 - COUPLE */	
#parallax-5 {margin-top:3.5rem; min-height:37rem; opacity:0.8; filter: grayscale(.2); position: relative; background: url('../img/shooting/portrait/parallax-5.webp') no-repeat center center; background-size: cover; background-attachment:fixed}
#parallax-5 .section-3 {min-height:37rem; width: 100%; background-color: rgba(0,0,0, 0.7); position: relative}
#parallax-5 .section-3 .section-4 {margin:0 auto; color: #fff; text-shadow:1px 1px #777; text-align: center}
#parallax-5 .section-3 .section-4 h2 {padding-top:4.15rem; font-size:22px; letter-spacing:0.05em}
#parallax-5 .section-3 .section-4 .spanLine {margin:1.5rem auto 2rem; width:80px; height:2px; background-color: #99513a; position:relative}
#parallax-5 .section-3 .section-4 p {margin:0 auto; width:300px}
#parallax-5 .section-3 .section-4 a.btn {margin-top:2.5rem; width:280px; text-align:center; display: table}
@media all and (min-width:576px) {	
	#parallax-5 {margin-top:3.95rem}
	#parallax-5,
	#parallax-5 .section-3 {min-height:29rem}	
	#parallax-5 .section-3 .section-4 .spanLine {margin:1.75rem auto 2.25rem}
	#parallax-5 .section-3 .section-4 p {width:650px}
	#parallax-5 .section-3 .section-4 a.btn {margin-top:3rem}}	
/* -------------------------------------------------------- Parallax 6 - FAMILLE */	
#parallax-6 {margin-top:3.5rem; min-height:31rem; opacity:0.8; filter: grayscale(.2); position: relative; background: url('../img/shooting/portrait/parallax-6.webp') no-repeat center center; background-size: cover; background-attachment:fixed}
#parallax-6 .section-3 {min-height:31rem; width: 100%; background-color: rgba(0,0,0, 0.7); position: relative}
#parallax-6 .section-3 .section-4 {margin:0 auto; color: #fff; text-shadow:1px 1px #777; text-align: center}
#parallax-6 .section-3 .section-4 h2 {padding-top:4.15rem; font-size:22px; letter-spacing:0.05em}
#parallax-6 .section-3 .section-4 .spanLine {margin:1.5rem auto 2rem; width:80px; height:2px; background-color: #99513a; position:relative}
#parallax-6 .section-3 .section-4 p {margin:0 auto; width:300px}
#parallax-6 .section-3 .section-4 a.btn {margin-top:2.5rem; width:280px; text-align:center; display: table}
@media all and (min-width:576px) {	
	#parallax-6 {margin-top:3.95rem}
	#parallax-6,
	#parallax-6 .section-3 {min-height:27rem}	
	#parallax-6 .section-3 .section-4 .spanLine {margin:1.75rem auto 2.25rem}
	#parallax-6 .section-3 .section-4 p {width:650px}
	#parallax-6 .section-3 .section-4 a.btn {margin-top:3rem}}	
/* -------------------------------------------------------- Parallax 7 - GROSSESSE */	
#parallax-7 {margin-top:3.5rem; min-height:31rem; opacity:0.8; filter: grayscale(.2); position: relative; background: url('../img/shooting/portrait/parallax-7.webp') no-repeat center center; background-size: cover; background-attachment:fixed}
#parallax-7 .section-3 {min-height:31rem; width: 100%; background-color: rgba(0,0,0, 0.7); position: relative}
#parallax-7 .section-3 .section-4 {margin:0 auto; color: #fff; text-shadow:1px 1px #777; text-align: center}
#parallax-7 .section-3 .section-4 h2 {padding-top:4.15rem; font-size:22px; letter-spacing:0.05em}
#parallax-7 .section-3 .section-4 .spanLine {margin:1.5rem auto 2rem; width:80px; height:2px; background-color: #99513a; position:relative}
#parallax-7 .section-3 .section-4 p {margin:0 auto; width:300px}
#parallax-7 .section-3 .section-4 a.btn {margin-top:2.5rem; width:280px; text-align:center; display: table}
@media all and (min-width:576px) {	
	#parallax-7 {margin-top:3.95rem}
	#parallax-7,
	#parallax-7 .section-3 {min-height:27rem}	
	#parallax-7 .section-3 .section-4 .spanLine {margin:1.75rem auto 2.25rem}
	#parallax-7 .section-3 .section-4 p {width:650px}
	#parallax-7 .section-3 .section-4 a.btn {margin-top:3rem}}	
	/* -------------------------------------------------------- Parallax 8 - ANIMALIER */	
#parallax-8 {margin-top:3.5rem; min-height:33rem; opacity:0.8; filter: grayscale(.2); position: relative; background: url('../img/shooting/animalier/amour-de-chat.webp') no-repeat center center; background-size: cover; background-attachment:fixed}
#parallax-8 .section-3 {min-height:33rem; width: 100%; background-color: rgba(0,0,0, 0.7); position: relative}
#parallax-8 .section-3 .section-4 {margin:0 auto; color: #fff; text-shadow:1px 1px #777; text-align: center}
#parallax-8 .section-3 .section-4 h2 {padding-top:4.15rem; font-size:22px; letter-spacing:0.05em}
#parallax-8 .section-3 .section-4 .spanLine {margin:1.5rem auto 2rem; width:80px; height:2px; background-color: #99513a; position:relative}
#parallax-8 .section-3 .section-4 p {margin:0 auto; width:300px}
#parallax-8 .section-3 .section-4 a.btn {margin-top:2.5rem; width:280px; text-align:center; display: table}
@media all and (min-width:576px) {	
	#parallax-8 {margin-top:3.95rem}
	#parallax-8,
	#parallax-8 .section-3 {min-height:29rem}	
	#parallax-8 .section-3 .section-4 .spanLine {margin:1.75rem auto 2.25rem}
	#parallax-8 .section-3 .section-4 p {width:650px}
	#parallax-8 .section-3 .section-4 a.btn {margin-top:3rem}}	
/* -------------------------------------------------------- */	
.expIntro {padding-top:3.95rem; margin:0 auto; width:100%; text-align:center; position:relative}
.expIntro h2 {margin-top:2.5rem; font-size:27px; letter-spacing:0.05em}	
.expIntro h3 {margin:1rem 0 1.5rem; font:normal 17px 'Playfair'; letter-spacing:0.07em; color: #8b998d; text-transform:none}	
.expIntro p {text-align:justify; margin-top:0.75rem}
.expIntro a.btn {margin-top:2.5rem; width:220px; text-align:center; display: table}
.expIntro .spanLine {display:none}
@media all and (min-width:576px) { 
	.expIntro {padding-top:5rem}
	.expIntro h2 {margin-top:3.5rem; font-size:33px}	
	.expIntro h3 {margin:1.5rem 0 2rem; font-size:22px}
	.expIntro a.btn {margin-top:2.5rem; width:230px}}
@media all and (min-width:992px) {	
	.expIntro {text-align:left}
	.expIntro .flexOrder-1 {padding-right:0.75rem}
	.expIntro .flexOrder-2 {padding-left:3rem}
	.expIntro .flexOrder-2 strong {font-weight:700}
	.expIntro h2 {margin-top:0.5rem; font-size:28px}	
	.expIntro h3 {margin:0.5rem 0; font-size:18px}
	.expIntro .spanLine {margin:1rem 0; width:80px; height:1px; background-color: #8b998d; display: inline-block}
	.expIntro p {font-size:21px; letter-spacing:0.03em; line-height:1.35; margin-top:0.5rem}
	.expIntro a.btn {margin:2rem auto 0 0}}
@media all and (min-width:1200px) {	
	.expIntro .flexOrder-1 {padding-right:2.25rem}
	.expIntro .flexOrder-2 {padding-left:2.5rem; padding-right:1rem}
	.expIntro h2 {margin-top:1rem; font-size:32px}	
	.expIntro h3 {font-size:20px}
	.expIntro .spanLine {margin:1.5rem 0}
	.expIntro p {font-size:22px; letter-spacing:0.06em; line-height:1.5; margin-top:0.75rem}
	.expIntro a.btn {margin:2.5rem auto 0 0}}
/* -------------------------------------------------------- */		
#process {padding-top:3.5rem; margin:4.5rem auto 0; background-color:#edece6; text-align:center; width:100%; position:relative; z-index:1}
#process img {width:80px}
#process h2.h2-1 {margin-top:1.5rem; font-size:19px; letter-spacing: 0.025em}
#process h2.h2-1 span {font:normal 33px 'Playfair'; letter-spacing: 0.035em; display:block}
.process {padding:1rem 0 0.5rem; margin:3.95rem auto 0; background-color:#f6f5f2; text-align:center; width:100%; position:relative; z-index:1}	
.process h2.h2-2 {margin:2rem auto 0; font:normal 17px 'Playfair'; letter-spacing: 0.035em}
.process p.p-1 {margin:0.5rem auto 0; width:320px; letter-spacing:0.035em}
.process .M1,
.process .M2 {text-align:left}
.process .M1 {margin-top:3rem}
.process .M1 span.number,
.process .M2 span.number {font:600 25px 'Lato'; letter-spacing:-0.015em; color: #3a414e; line-height:0}
.process .M1 h3,
.process .M2 h3 {padding-left: 3.95rem; font: 600 22px 'Lato'; letter-spacing: 0.035em; color: #99513a; text-transform: none; position: relative}
.process .M1 h3::after,
.process .M2 h3::after {height: 2px; min-width:50px; top: 65%; transform: translateY(-35%); left: 0; background-color: #3a414e; position: absolute; content: ""; display: block}
.process .M1 p.p-2,
.process .M2 p.p-2 {margin:1.5rem 0 3rem; text-align:justify}
@media all and (min-width:576px) {
	#process {padding-top:3.95rem; margin:5rem auto 0}
	#process h2.h2-1 {font-size:27px}
	#process h2.h2-1 span {font-size:27px; display:inline}
	.process {margin:5rem auto 0}	
	.process h2.h2-2 {width:100%; font-size:30px; letter-spacing:0.015em; line-height:1.1; font-weight:bold; text-align:left; text-transform:none}
	.process h2.h2-2 strong {font-weight:bold}
	.process p.p-1 {margin-bottom:-0.75rem; width:100%; font-size:21px; text-align:justify}	
	.process .M1 {margin-top:3.95rem}
	.process .M1 h3,
	.process .M2 h3 {padding-left: 3.95rem; font-size:26px}
	.process .M1 p.p-2,
	.process .M2 p.p-2 {margin:1.5rem 0 3.5rem}}
@media all and (min-width:992px) {	
	#process {padding-top:4.5rem}
	#process h2.h2-1 {font-size:27px}
	#process h2.h2-1 span {font-size:27px; display:inline}
	.process .flexOrder-1 {padding-right:2.25rem}
	.process .flexOrder-2 {padding-left:2.25rem}}
/* -------------------------------------------------------- */	
#favorite {padding:3.25rem 0 3.95rem; margin:0 auto 2.25rem; background-color:#edece6; width:100%; text-align:center; position:relative; z-index:1}	
#favorite .title h2 {font:normal 27px 'Playfair'; letter-spacing:0.035em}	
#favorite .title h3 {font:600 16px 'Lato'; letter-spacing:0.1em; line-height:3}	
.favorite {margin-top:1.75rem}
.favorite .text {padding:3rem 0; margin:2rem 0; width:100%; color:#fff; background-color:#3a414e; position:relative; z-index:3}
.favorite .text h2 {font:600 17px 'Playfair'; letter-spacing:0.035em; text-transform:none}
.favorite .text p {margin:1rem auto 0; max-width:250px}
.favorite .span-width {display:none}
.favorite a.btn {margin:2.25rem auto 1rem; width:180px; text-align:center; display: table}
@media all and (min-width:576px) { 
	#favorite {padding:3.95rem 0 4.5rem; margin:0 auto 2.5rem}	
	#favorite .title h2 {font-size:38px; text-transform: none}	
	#favorite .title h3 {font-size:20px; line-height:2.5}	
	.favorite {margin-top:2.5rem}
	.favorite .text {padding:3.95rem 0 4.5rem}
	.favorite .text h2 {font-size: 22px}
	.favorite .text p {max-width:400px}}
@media all and (min-width:992px) {
	#favorite {padding-bottom:5rem; margin:0 auto 0}
	#favorite .title h2 {font-size:33px}		
	#favorite .title h3 {font-size:15px}
	.favorite .text {padding:3.5rem 0 2.5rem; margin:0; max-width:43%}
    .favorite .text h2 {font-size: 20px}	
	.favorite .text p {max-width:250px}	
	.favorite .img_left {margin:1.5rem auto 0 0; display: inline-block; padding: 15px; background-color: #fff; position: relative}
	.favorite .img_left::before {top:20px; left:20px; right: -10px; bottom: -10px; border:1px solid #8b998d; content: ""; position: absolute; z-index: -1}	
	.favorite .img_right {margin:1.5rem 0 0 auto; display: inline-block; padding: 15px; background: #fff; position: relative}
	.favorite .img_right::before {top:20px; left:-10px; right:20px; bottom: -10px; border:1px solid #8b998d; content: ""; position: absolute; z-index: -1}			
	.favorite .span-width {margin-top:2.25rem; width:60px; height:7px; background-color: #99513a; display: inline-block}}
@media all and (min-width:1200px) {
	#favorite {padding-bottom:5.5rem}
	.favorite .text {padding:6rem 0 4.5rem; max-width:40%}
	.favorite .text p {max-width:300px}	
	.favorite .img_right,
	.favorite .img_left {margin-top:2rem; max-width:23%}	
	.favorite .img_left::before {top:30px; left:30px; right: -20px; bottom: -20px}	
	.favorite .img_right::before {top:30px; left:-20px; right:30px; bottom: -20px}		
	.favorite .span-width {margin-top:3rem}}
/* -------------------------------------------------------- */	
.galerie_one {padding:3rem 0; position: relative; z-index:5; clear: both}
.galerie_one h3 {padding-left:5rem; font:600 22px 'Lato'; letter-spacing:0.035em; color:#99513a; text-transform:none; position:relative}
.galerie_one h3::after {height:2px; min-width:65px; top:65%; transform:translateY(-35%); left:0; background-color:#3a414e; position:absolute; content:""; display:block}
.galerie_one h2 {margin-top:1.25rem; font-size:28px; letter-spacing:0.035em; line-height:1.35}
.galerie_one .text {margin-top:1.5rem; column-count: 1}
.galerie_one .text p {margin-bottom:10px; text-align:justify}
.galerie_one .text strong {font-weight: 700}
@media all and (min-width:576px) {
	.galerie_one {padding:3.5rem 0}
	.galerie_one h3 {font-size:25px}
	.galerie_one h2 {margin-top:1.5rem; font-size:30px}}
@media all and (min-width:992px) {
	.galerie_one {padding:3.5rem 0 3.95rem}
	.galerie_one h3 {font-size:20px}
	.galerie_one h2 {margin-top:1.25rem; font-size:37px; line-height:1.15; font-weight:600; text-transform:none}	
    .galerie_one .text {column-count: 2; column-gap:50px}}
@media all and (min-width:1200px) {	
	.galerie_one h2 {font-size:50px}}
/* -------------------------------------------------------- */
.galerie_sub {padding:3.95rem 0 3.5rem; position:relative; z-index: 1; background-color: #edece6}
.galerie_two > div:nth-of-type(1) img {width:100%; margin: auto; position: relative; display: block}
.galerie_two > div:nth-of-type(2) h2 {margin-top:2.25rem; font:bold 28px 'Playfair'; text-transform:none}	
.galerie_two > div:nth-of-type(2) .big {margin:1.5rem 0 0.5rem; width:10rem; border-bottom:2px solid #3a414e}
.galerie_two > div:nth-of-type(2) .small {margin: 0.5rem 0 1.35rem; width:8rem; border-bottom:2px solid #3a414e}					
.galerie_two > div:nth-of-type(2) p {margin-top:1.75rem; text-align:justify}
#private {margin-top:2rem; position:relative}
#private .name, 
#private .password {padding: 7px 7px; margin-bottom: 0.3rem; font-size:15px; letter-spacing: 0.08em; color: #fff; background-color:#3a414e; border: 1px solid #3a414e; width: 100%}
#private .name:focus, 
#private .password:focus {font-size:15px; border:1px solid #3a414e; box-shadow: 0 0 7px #aaa; outline: none}		
#private button {margin-top:0.16em; padding:5px 0 8px; font:700 12px 'Lato'; letter-spacing: 0.15em; line-height:1.75; width: 100%; color: #fff; border-radius: 2px; background-color:#99513a; border: 1px solid #99513a; transition: .97s; text-transform:uppercase; text-align: center; display: table; position: relative; z-index:10; cursor:pointer}	
#private button:hover {border: 1px solid #7b3c29; background-color:#7b3c29}
#private button::after {margin-left:0.5rem; font-size:17px; color:#f7f7f7; content:"\2192"; transition: .97s}
#private .codes {margin-top:0.8rem; font-size:16px; letter-spacing: 0.05em; opacity:0.7}
@media all and (min-width:576px) {
	.galerie_sub {padding:4.5rem 0 3.95rem}
	.galerie_two > div:nth-of-type(2) h2 {margin-top:3rem; font-size:40px}						
	.galerie_two > div:nth-of-type(2) h3 {font-size:15px}
	.galerie_two > div:nth-of-type(2) p {margin-top:2rem}}
@media all and (min-width:992px) {
	.galerie_sub {padding-bottom:8rem}
	.galerie_two > div:nth-of-type(1) img {left:0.5rem; width:80%; box-shadow: -50px 50px #3a414e; margin: auto; position: relative; display: block}
	.galerie_two > div:nth-of-type(2) {padding-left:3.5rem} 
	.galerie_two > div:nth-of-type(2) h2 {margin-top:2rem}
	.galerie_two > div:nth-of-type(2) .big {margin:2rem 0 0.5rem}
	.galerie_two > div:nth-of-type(2) .small {margin: 0.5rem 0 2.5rem}
	#private .codes {margin-top:1rem}}
@media all and (min-width:1200px) {
	.galerie_sub {padding:5rem 0 8.5rem}
	.galerie_two > div:nth-of-type(1) img {left:2rem; width:67%}		
	.galerie_two > div:nth-of-type(2) {padding:0 5rem 0 3.5rem}}
/* -------------------------------------------------------- */	
.cgv__one {padding-top:3rem; position: relative; z-index:5; clear: both}
.cgv__one h3 {padding-left:5rem; font:600 22px 'Lato'; letter-spacing:0.035em; color:#99513a; text-transform:none; position:relative}
.cgv__one h3::after {height:2px; min-width:65px; top:65%; transform:translateY(-35%); left:0; background-color:#3a414e; position:absolute; content:""; display:block}
.cgv__one h2 {margin-top:1.25rem; font-size:28px; letter-spacing:0.035em; line-height:1.35}
.cgv__one p {margin-top:1.5rem; text-align:justify}
.cgv__one-legal {padding-bottom:2.5rem}
@media all and (min-width:576px){
	.cgv__one {padding-top:3.5rem}
	.cgv__one h3 {font-size:25px}
	.cgv__one h2 {margin-top:1.5rem; font-size:30px}
	.cgv__one p {margin-top:2rem}}	
@media all and (min-width:992px){
	.cgv__one h3 {font-size:20px}
	.cgv__one h2 {margin-top:1.25rem; font-size:37px; line-height:1.15; font-weight:600; text-transform:none}
	.cgv__one p {margin-top:1.5rem}}
@media all and (min-width:1200px){
	.cgv__one h2 {font-size:50px}}
/* -------------------------------------------------------- */			
.faqs {position: relative; margin:0}
.faqs h2 {padding:1.3rem 0 1.2rem 0.25rem; font-size: 15px; letter-spacing:0.03em; line-height:1.6; border-top:1px dotted rgba(0,0,0,0.52); display: block}
.faqs h2:hover {color:#8b998d}
.faqs h2::after {right:0.25rem; font:normal 35px 'Lato'; line-height:0.5; content:"-"; color:#555; transition:all .35s; position:absolute}								
.faqs input[type=radio]:checked ~ h2::after {font-size:22px; line-height:1; content:"+"}					
.faqs label {cursor: pointer}	
.faqs input {display: none}						
.faqs input[type="radio"]:checked ~ div[id^="content_"] {padding:1rem 0.39rem 1.5rem 1.3rem; height:auto; max-height:100%}
.faqs input[type="radio"]:checked ~ div[id^="content_"]::before {width:39px}
.faqs div[id^="content_"] {padding:0; height:auto; max-height:0; width:100%; position:relative; overflow:hidden}
.faqs div[id^="content_"]::before {left:1.24rem; top:0; width:0; height:2px; background-color:#8b998d; content:""; position:absolute}			
.faqs div ul {margin:1rem 0}
.faqs div 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}
.faqs div ul li::before {font-size:22px; margin-right:8px; content: "\00BB"}
.faqs div p {margin:1rem 0}	
.faqs div p,
.faqs div p a {text-align:justify}	
.faqs div p a:hover {border-bottom:1px solid #aaa}															
.faqs div p.faq-cgv {margin-bottom:0.5rem}
.faqs div h3 {margin:2rem 0 -0.5rem; font:normal 16px 'Cormorant'; letter-spacing:0.05em; color:#000}
.faqs div ol {margin-top:1rem; list-style: none; color:#585858}
.faqs div ol li {padding-left:1.06rem; padding-bottom:0.39rem; font-size:20px; letter-spacing:0.02em; line-height:1.5; text-indent:-16px; text-transform:none; text-align:justify; hyphens: auto; word-wrap: break-word}
.faqs div ol li::before {font-size:22px; margin-right:8px; color:#8b998d; content: "\00BB"}	
.faqs__cvg .ppp {padding:1.3rem 0 3.5rem; font-size:18px; color:#888; border-top:1px dotted rgba(0,0,0,0.52); text-align:justify}	
.faqs__mention {padding-bottom:1rem; color:#585858}				
@media all and (min-width:576px) {	
	.faqs__mention {padding-bottom:2rem}
	.faqs__cvg .ppp {padding:2rem 0 4rem; font-size:19px}
	.faqs h2 {font-size:18px}		
	.faqs div h3 {margin:2rem 0 -0.5rem; font-size:20px}
	.faqs div ol li,
	.faqs div ul li {font-size:22px; letter-spacing:0.1em}}	
/* -------------------------------------------------------- */		
.section-choix {padding-top:3rem; position: relative; z-index:5; clear: both}
.section-choix h3 {padding-left:5rem; font:600 22px 'Lato'; letter-spacing:0.035em; color:#99513a; text-transform:none; position:relative}
.section-choix h3::after {height:2px; min-width:65px; top:65%; transform:translateY(-35%); left:0; background-color:#3a414e; position:absolute; content:""; display:block}
.section-choix h2 {margin:1.25rem 0 1.5rem; font-size:28px; letter-spacing:0.035em; line-height:1.35}
.section-choix p {margin-top:0.75rem; text-align:justify}
@media all and (min-width:576px) {	
	.section-choix {padding-top:3.5rem}
	.section-choix h3 {font-size:25px}
	.section-choix h2 {margin:1.5rem 0 2rem; font-size:30px}}
@media all and (min-width:992px) {
	.section-choix h3 {font-size:20px}
	.section-choix h2 {margin:1.25rem 0 1.5rem; font-size:37px; line-height:1.15; font-weight:600; text-transform:none}}
@media all and (min-width:1200px) {		
	.section-choix h2 {font-size:50px}}
/* -------------------------------------------------------- */		
.tarif {padding-top:3rem; position: relative; z-index:5; clear: both}
.tarifs h3 {padding-left:5rem; font:600 22px 'Lato'; letter-spacing:0.035em; color:#99513a; text-transform:none; position:relative}
.tarifs h3::after {height:2px; min-width:65px; top:65%; transform:translateY(-35%); left:0; background-color:#3a414e; position:absolute; content:""; display:block}
.tarifs h2 {margin-top:1.25rem; font-size:28px; letter-spacing:0.035em; line-height:1.35}
.tarifs p.intro {margin-top: 1.35rem; text-align:justify}	
.cards {margin-top:3.5rem; gap:2.75rem}
.cards .small {padding: 1.5rem 2rem 2.25rem; border: 1px solid #ccc; background-color: #edece6; position: relative}
.cards .price {padding-top:0.5rem; font:600 33px 'Inter', sans-serif; letter-spacing:0.02em; display:block}
.cards .price sup {left:0.1rem; top:0.1rem; font-size: 16px; font-weight: 600; vertical-align: super; position: relative}
.cards h3 {margin-top:1rem; font-size:18px; letter-spacing:0.035em; font-weight: 600}
.cards p {margin-top: 0.5rem; font-size:19px; letter-spacing:0.02em; line-height:1.3; text-align:justify}
.cards .note {margin-top: 0.75rem; font:normal 15px 'Lato'; letter-spacing:0.05em; color: #888; display:block; text-transform: none}
.cards ul {padding: 0; margin: 0.75rem 0 1.65rem}
.cards ul li {margin-bottom: 0.4rem; padding-left:1.1rem; font:normal 15px 'Playfair'; letter-spacing: 0.05em; position: relative; text-transform: none}
.cards ul li::before {left: 0; top:5px; font-size: 13px; content: '✓'; position: absolute} 
.cards .featured {padding: 1.5rem 2rem 2rem; border: 2px solid #3a414e; background-color: #f6f5f2; transform: scale(1); z-index: 2}
.cards .featured .badge {padding:10px 17px; top: -16px; font-size: 11px; letter-spacing:0.125em; background-color: #3a414e; color: #fff; left: 50%; transform: translateX(-50%); position: absolute}
.cards .btn-main {padding: 10px 0; font-size:20px; letter-spacing:0.05em; width:100%; background-color: #3a414e; color: #eee; transition: 0.3s; text-align: center; display: inline-block; text-transform:none}
.cards .btn-main:hover {background-color: #99513a}
.cards .btn-mini {margin-top: 1rem; font-size:15px; letter-spacing:0.05em; display: block; text-align: center; text-decoration: underline; text-transform:none}
.cards .urgency {margin-top:0.5rem; font-size:15px; letter-spacing:0.05em; color: #b00020; text-align: center; text-transform:none}
@media all and (min-width:576px) {	
	.tarif {padding-top:3.5rem}
	.tarifs h3 {font-size:25px}
	.tarifs h2 {margin-top:1.5rem; font-size:30px}
	.tarifs p {margin-top:2rem}
	.cards {margin-top:3.95rem; gap:3.5rem}
	.cards .small {padding: 2rem 5rem 3rem}
	.cards .price {padding-top:1rem; font-size:40px}
	.cards .price sup {top:0; font-size:18px}
	.cards h3 {font-size:25px}
	.cards p {font-size:21px; letter-spacing:0.05em}
	.cards .note {margin-top:1rem; font-size:16px}
	.cards ul {margin:1.5rem 0 2rem}
	.cards ul li {font-size:16px}
	.cards .featured {padding: 2rem 5rem 2.5rem}
	.cards .featured .badge {font-size:13px}
	.cards .btn-mini {margin-top:2rem; font-size:16px}
	.cards .urgency {font-size:16px}}
@media all and (min-width:992px) {
	.tarifs h3 {font-size:20px}
	.tarifs h2 {margin-top:1.25rem; font-size:37px; line-height:1.15; font-weight:600; text-transform:none}
	.tarifs p {margin-top:1.5rem}
	.cards {margin-top:3.5rem; gap:1rem}
	.cards .small {padding: 1.5rem 2rem 2.25rem; margin-top:1.75rem}
	.cards .price {padding-top:0.5rem; font-size:33px}
	.cards .price sup {font-size:16px}
	.cards h3 {font-size:19px; text-transform:none}
	.cards p {font-size:18px; letter-spacing:0}
	.cards .note {margin-top:0.5rem; font-size:15px}
	.cards ul {margin: 0.75rem 0 1.65rem}
	.cards ul li {font-size:15px}
	.cards .featured {padding: 1.5rem 2rem 1.75rem}
	.cards .featured .badge {font-size:11px}
	.cards .btn-mini {margin-top:1rem; font-size:15px}
	.cards .urgency {font-size:15px}}	
@media all and (min-width:1200px) {		
	.tarifs h2 {font-size:50px}
	.cards {margin-top:4.5rem}
	.cards .small {padding: 1.5rem 2.5rem 2.25rem}
	.cards .price {padding-top:1.5rem; font-size:40px}
	.cards .price sup {font-size:18px}
	.cards h3 {font-size:23px}
	.cards p {font-size:20px; letter-spacing:0.05em}
	.cards .note {margin-top:1rem; font-size:16px}
	.cards ul {margin:1.5rem 0 2rem}
	.cards ul li {font-size:16px}
	.cards .featured {padding: 1.5rem 2.5rem 1.75rem}
	.cards .featured .badge {font-size:13px}}
/* -------------------------------------------------------- */		
.cta-price {padding:3.5rem 0; position: relative; z-index:5; clear: both}
.cta-price h3 {padding-left:5rem; font:600 22px 'Lato'; letter-spacing:0.035em; color:#99513a; text-transform:none; position:relative}
.cta-price h3::after {height:2px; min-width:65px; top:65%; transform:translateY(-35%); left:0; background-color:#3a414e; position:absolute; content:""; display:block}
.cta-price h2 {margin-top:1.25rem; font-size:28px; letter-spacing:0.035em; line-height:1.35}
.cta-price p {text-align:justify}
.cta-price p.intro {margin:1.5rem 0 25px}
.cta-price p.details {font-size:16px; color:#777}
.cta-price p.question {margin-bottom:25px; font-size:1rem; font-weight:600; color:#111}
.cta-price .line {margin:2rem 0; width:50px; height:1px; background-color:#3a414e}
.cta-price a.btn {margin:1.5rem auto 1.5rem 0; width:210px; text-align:center; display: table}
.cta-price p.note {font-size:16px; letter-spacing:.03em; color:#888}
@media all and (min-width:576px) {	
	.cta-price {padding:4.5rem 0 3.5rem}
	.cta-price h3 {font-size:25px}
	.cta-price h2 {margin-top:1.5rem; font-size:30px}
	.cta-price p.details,
	.cta-price p.question {font-size:17px}}
@media all and (min-width:992px) {
	.cta-price h3 {font-size:20px}
	.cta-price h2 {margin-top:1.25rem; font-size:37px; line-height:1.15; font-weight:600; text-transform:none}}
@media all and (min-width:1200px) {		
	.cta-price h2 {font-size:50px}}
/* -------------------------------------------------------- */	
.section__blocks {padding-top:3rem; position: relative; z-index:5; clear: both}
.section__blocks h3 {padding-left:5rem; font:600 22px 'Lato'; letter-spacing:0.035em; color:#99513a; text-transform:none; position:relative}
.section__blocks h3::after {height:2px; min-width:65px; top:65%; transform:translateY(-35%); left:0; background-color:#3a414e; position:absolute; content:""; display:block}
.section__blocks h2 {margin:1.25rem 0 1.5rem; font-size:28px; letter-spacing:0.035em; line-height:1.35}
.section__blocks p {margin-bottom: 0.75rem; text-align:justify}
.section__blocks h2:nth-of-type(n+2) {margin-top:3rem; font-size: 22px; position: relative}
.section__blocks h2:nth-of-type(n+2)::before {top: -15px; left: 0; width:50px; height: 2px; background-color: #3a414e; content: ""; position: absolute}
@media all and (min-width: 576px){
	.section__blocks {padding-top:3.5rem}
	.section__blocks h3 {font-size:25px}
	.section__blocks h2 {margin-top:1.5rem; font-size:30px}}
@media all and (min-width: 992px){
	.section__blocks {padding-top:3rem}
	.section__blocks h3 {font-size:20px}
	.section__blocks h2 {margin-top:1.25rem; font-size:37px; line-height:1.15; font-weight:600; text-transform:none}
	.section__blocks p {margin-bottom: 0.5rem}}
@media all and (min-width: 1200px){
	.section__blocks {padding-top:3.5rem}
	.section__blocks h2 {font-size:50px}}	
/* -------------------------------------------------------- */
.section__blocks-one {padding-top:2rem; position: relative; z-index:5; clear: both}
.section__blocks-one img {position:relative}
.section__blocks-one .about {margin-top:3.5rem} 
.section__blocks-one .about h3 {padding-left:5rem; font:600 22px 'Lato'; letter-spacing:0.035em; color:#99513a; text-transform:none; position:relative}
.section__blocks-one .about h3::after {height:2px; min-width:65px; top:65%; transform:translateY(-35%); left:0; background-color:#3a414e; position:absolute; content:""; display:block}
.section__blocks-one .about h2 {margin:1.25rem 0 1.5rem; font-size:30px; letter-spacing:0.025em; line-height:1.35}
.section__blocks-one .about p {margin-top:0.75rem; text-align:justify}
@media all and (min-width: 576px){
	.section__blocks-one {padding-top:3rem}
	.section__blocks-one .about {margin-top:3.95rem}
	.section__blocks-one .about h3 {font-size:25px}
	.section__blocks-one .about h2 {margin-top:1.5rem}	
	.section__blocks-one .about p {margin-bottom:0}}
@media all and (min-width: 992px){
	.section__blocks-one {padding:3.95rem 0 1.25rem}
	.section__blocks-one .about {margin-top:0.75rem; padding-left:3rem}
	.section__blocks-one .about h3 {font-size:20px}
	.section__blocks-one .about h2 {margin-top:1.25rem; font-size:37px; line-height:1.15; font-weight:600; text-transform:none}
	.section__blocks-one .about p {letter-spacing:0.035em}}
@media all and (min-width: 1200px){
	.section__blocks-one {padding:3.95rem 0 1.75rem}
	.section__blocks-one img {padding-right:4.5rem}
	.section__blocks-one .about {margin-top:1.5rem}
	.section__blocks-one .about h2 {font-size:50px}}
	
/* =================================================================== */
/* FOOTER - Section
/* =================================================================== */
	
.footer {padding-bottom:3.5rem; text-align:left; position: relative; z-index:5; clear: both}
.footer .contact {margin-bottom:3rem}
.footer .contact h2 span {text-align:center; display:block}
.footer .contact h2 span:nth-of-type(1) {font:normal 31px 'Playfair'; letter-spacing:0.025em; line-height:2.1; color:#3e3e3e}
.footer .contact h2 span:nth-of-type(2) {font:normal 20px 'Lato'; letter-spacing:0.25em; line-height:0; color:#aaa}
.footer .contact > div {padding-bottom:0.2em; margin:1.5rem auto 1.75rem; left:45%; transform: translateX(-55%); position: relative}
.footer .contact .inline-block {width:60px; display: inline-block; border-bottom:2px solid #d1c286}
.footer .contact .inline-block::after {margin-left:2rem; width:60px; border-bottom:2px solid #d1c286; display: block; content: ""}
.footer .contact p {text-align:justify}
.footer .contact p.karine {padding-bottom:2.5rem}
.footer a.btn {width:100%; text-align:center; display: table}
.footer h3 {padding-bottom:0.35rem}
.footer h3 span {font:normal 43px 'Signature'; letter-spacing:0.02em; text-transform:none}
.footer h3 .h3-one {margin-left:-0.25rem}
.footer h3 .h3-two {margin-left:-0.25rem}
.footer h3 .h3-three {margin-left:-0.5rem}
.footer ul {list-style: none}
.footer ul li {font:normal 12px 'Lato'; letter-spacing:0.075em; line-height:3; position: relative}
.footer ul li > a:hover {color: #d1c286}
.footer .links {padding-left:0.7rem}
.footer .phone {padding-left:0.7rem; padding-top:2.25rem; position:relative}
.footer .phone ul li {font:normal 19px 'Cormorant'; letter-spacing: 0.035em; line-height: 1.65; text-transform: none; hyphens: auto; word-wrap: break-word}
.footer .phone #phoneNumber {padding-top:0.6rem}
.footer .phone #phoneNumber > a {margin-left:0.2rem; display: inline-flex}	
.footer .phone #phoneNumber > a > span {font:normal 16px 'Lato'; letter-spacing:0.05em; transition: .7s}	
.footer .phone #phoneNumber > a > span::after {top:3px; padding-left:0.7rem; font-size:1.5rem; transition: .7s; color:#636363; content: "\2192"; position: relative}
.footer .phone #phoneNumber > a > span:hover,
.footer .phone #phoneNumber > a > span:hover::after {margin-left:0.5rem; transform: scale(1.1); color: #d1c286}	
@media all and (min-width:576px) {
	.footer .contact h2 span:nth-of-type(1) {font-size:37px; letter-spacing:0.05em}
	.footer .contact h2 span:nth-of-type(2) {font-size:22px}}	
@media all and (min-width:767px) {
	.footer .contact {margin-bottom:2.5rem}
	.footer .contact > div {margin:2.25rem auto 2.5rem}
	.footer h3 {padding-bottom:0}
	.footer .phone {padding-left:0; padding-top:0}
	.footer a.btn {margin-bottom:0.5rem}}		
@media all and (min-width:992px) {
	.footer {padding:4.5rem 0 3.5rem}
	.footer .contact {margin-top:-2.25rem; margin-bottom:0}	
	.footer .contact h2 {padding-bottom:2.35rem; width:340px; border-bottom:1px solid #d1c286}
	.footer .contact h2 span {text-align:left}
	.footer .contact h2 span:nth-of-type(1) {font-size:32px}
	.footer .contact > div,
	.footer .contact .inline-block,
	.footer .contact .inline-block::after  {display: none}
	.footer .contact p.karine {padding:1.25rem 0 1.5rem; width:340px; font-size:17px; letter-spacing:0; line-height:1.35}
	.footer h3 {margin-top:0rem}
	.footer ul {margin-top:0.5rem}
	.footer a.btn {padding:10px 0; margin:0 auto 0 0; width:260px; line-height:1.3}
	.footer a.btn span {font-size:12px}
	.footer a.btn i {top:11px}	
	.footer .links {padding-left:0}
	.footer .phone {padding-top:0}
	.footer .phone ul li {margin-top:0.3rem; font-size:17px; letter-spacing: 0.05em; line-height: 1.35}
	.footer .phone #phoneNumber {padding-top:0}
	.footer .phone #phoneNumber > a > span {font-size: 15px}}
@media all and (min-width:1200px) {	
	.footer {padding:4.5rem 0 3.95rem}
	.footer .contact h2,
	.footer .contact p.karine {width:380px}}
/* -------------------------------------------------------- section Copyright */	
.footerCopy {padding:1rem 0; margin:0 auto; color:#555; background-color:rgba(237,236,230,0.5)}						
.footerCopy p {font-size:12px; letter-spacing:0.1em; line-height:1.7; text-align:center; text-transform:uppercase}	
.footerCopy p .date {font-size:14px}		 
.footerCopy p .link {display:block}
.footerCopy p .link a,
.footerCopy p a {font-size:100%; border-bottom:1px dotted #777; text-transform:uppercase}	
@media all and (min-width:576px) {						
	.footerCopy p {font-size:13px; margin:0 auto; width:500px}	
	.footerCopy p .date {font-size:16px}
	.footerCopy p .link {display:inline-block}}
@media all and (min-width:992px) {
	.footerCopy {padding:0.75rem 0}
	.footerCopy p {font-size:12px; width:100%}}	
/* -------------------------------------------------------- Back to Top Button */
#back-to-top {bottom:3.5rem; right:0.5rem; width:36px; height:36px; transform:translateY(18px); border-radius:50%; background-color:#e8e7de; color: #333; border: none; transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.4s ease; display: flex; align-items: center; justify-content: center; position: fixed; z-index: 998; cursor: pointer; opacity: 0; visibility: hidden}
#back-to-top i {margin-bottom:0.2rem; font-size:1rem}
#back-to-top i::after {display: inline-block; content: "\2191"; transition: all .15s ease-out}
#back-to-top i:hover::after {transform: translateY(-7px)}
#back-to-top.visible {opacity: 1; visibility: visible; transform: translateY(0)}
@media all and (min-width:576px) {	
	#back-to-top {width:50px; height:50px; transform:translateY(25px)}
	#back-to-top i {font-size:1.2rem}}
@media all and (min-width:992px) {	
	#back-to-top {bottom:1.5rem; right:1.5rem}}
	
/* =================================================================== */
/* Merci - Section
/* =================================================================== */	

.thank {display:flex; flex:1; flex-direction:column; align-items:center; justify-content:center; color:#434343; width:100%; height:100vh}
.thank .thank_svg {width:50px; position: relative; display:inline-block}
.thank .thankyou {text-align:center}
.thank .thankyou h3 {font-size:50px}
.thank .thankyou p.redirect {margin-top:2rem; line-height:1.8; text-align:center}
.thank .thankyou p.redirect a {font:normal 19px 'Playfair'; letter-spacing:0.025em; border-bottom:none}
.thank .thankyou p.redirect a:hover {border-bottom:1px dotted #99513a; color:#99513a}
.thank .thankyou p.redirect .numberCircle {margin:0.8rem 0.35rem 0; font-size:21px; color:#fff; border-radius:50%; width:3rem; height:3rem; line-height:2; background-color:#99513a; display: inline-block}																			
@media all and (min-width:578px) {	
	.thank .thankyou p.redirect a {font-size:25px}}
@media all and (min-width:992px) {	
	.thank {margin-top:-2rem}
	.thank .thankyou p.redirect a {border-bottom:1px dotted #555; color:#99513a}
	.thank .thankyou p.redirect .numberCircle {margin:1.5rem 0.35rem 0}}	
		
/* =================================================================== */
/* FONT - Section
/* =================================================================== */		
									
.fa {display:inline-flex; font:normal normal normal 15px/1 FontAwesome; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}
.fa-volume-control-phone::before {content: "\f2a0"}
.fa-facebook-f::before {content: "\f09a"}
.fa-instagram::before {content: "\f16d"}
.fa-linkedin::before {content: "\f0e1"}	
.fa-envelope::before {content:"\f0e0"}
.fa-arrow::before {content:"\2192"}
.fa-comment::before {content: "\f075"; color:#ece9e0; text-shadow: -1px 0 #99513a, 0 1px #99513a, 1px 0 #99513a, 0 -1px #99513a}
.fa-checks::before {content: "\f00c"; color:#f2f2f2; text-shadow: -1px 0 #99513a, 0 1px #99513a, 1px 0 #99513a, 0 -1px #99513a}