/* NAVBAR 
header.navbar {
  padding: 5px 5%;
  height : 100px;
  width : 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color : #0E5251;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
    rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  z-index: 10;
  position: fixed;
    top: 0px;
    right: 0;
} */


@font-face {
    font-family: "Playfair Display";
    src: url('assets/fonts/PlayfairDisplay-VariableFont_wght.ttf');
}

@font-face {
    font-family: "Poppins Medium";
    src: url('assets/fonts/Poppins-Medium.ttf');
}

@font-face {
    font-family: "Poppins Light";
    src: url('assets/fonts//Poppins-Light.ttf');
}


/* NAVBAR */


.site-header {
  	background-color: #0e5251;
  	padding: 15px 30px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.navbar {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
	
}

.logo img {
  height: 60px;
}

.main-menu .menu-list {
  display: flex;
  gap: 40px;
  list-style: none;
  padding-left: 0;
}

.main-menu .menu-list li a {
  	text-decoration: none;
  	color: #f5f5f5;
  	font-family: "Playfair Display", serif;
  	font-size: 18px;
	letter-spacing : 5%;
}

.btn-reserver  {
	background-color : #955F27;
	border-radius : 5px;
	 padding: 10px 20px;
	display : flex;
	flex-direction: row;
	font-family: "Playfair Display", serif;
	max-width: fit-content;
}


.burger {
	display: none;
	flex-direction: column;
	cursor: pointer;
	gap: 5px;
	width : 100px;
}

.burger span {
  display: block;
  height: 3px;
  width: 25px;
  background: white;
  border-radius: 2px;
}



/* Responsive */
@media (max-width: 768px) {
  .main-menu {
    display: none;
    width: 100%;
  }

  .main-menu.open {
    display: block;
  }

  .menu-list {
    flex-direction: column;
    gap: 15px;
    margin-top: 15px;
  }

  .cta {
    display: none;
  }

  .burger {
    display: flex;
  }
}


section.banniere-accueil{
	padding : 0 10%;
}
section.banniere-accueil h1, section.banniere-accueil p {
	font-family: "Playfair Display", serif;
	font-size : 40px;
	font-weight: medium;
}

section.banniere-accueil p.italic {
	font-family: "Playfair Display", serif;
	font-size : 30px;
	font-weight: medium;
	font-style : italic;
}


body{
	font-family : 'Poppins Light', sans-serif;
	font-size : 16px;
	font-weight : lighter;
	margin:0;
	 padding-top: 95px; /* Ajuste selon la hauteur de ton header */

}

.page-id-230 section#container, .page-id-231 section#container{
	padding : 7%;
	padding-top: 110px;
}

h1.titre-reflexo {
	font-family: "Poppins Medium", sans-serif;
	font-size : 16px;
	letter-spacing : 5%;
	font-weight: 400;
	text-transform : uppercase;
	color : #955F27;
}

h2 {
	font-family: "Poppins Medium", sans-serif;
	font-size : 16px;
	letter-spacing : 5%;
	font-weight: 400;
	text-transform : uppercase;
	color : #955F27;
}

h1, h3 {
	font-family: "Playfair Display", serif;
	font-size : 40px;
	font-weight: bold;
	margin-top : 0;
	color : #0E5251;
}

h4 {
	font-family: "Playfair Display", serif;
	font-size : 25px;
	font-weight: 600;
}

h5 {
	font-family: "Playfair Display", serif;
	font-size : 20px;
	font-weight: 600;
}

.wp-block-button__link, .btn-reserver  {
	background-color : #955F27;
	border-radius : 5px;
	display : flex;
	flex-direction: row;
	font-family: "Playfair Display", serif;
	max-width: fit-content;
}

.wp-block-button__link a {
	color : white;
	font-family: "Playfair Display", serif;
	
}

header.navbar ul li {
	list-style-type : none;
}

header.navbar ul li a {
	color : white;
	text-decoration : none;
}

header.navbar ul li a:visited{
	color : white;
}

header.navbar ul li a:active, header.navbar ul li a:hover{
	color : #EBB47A;
}

.two-blocs_text {
	display : flex;
	flex-direction : column;
	justify-content : center;
	align-items : center;
	width : 100%!important;
	padding : 0 5%;
}

.two-blocs_text.a-propos {
	padding : 5% 5%;
}

.a-propos-centered-image figure {
	display: flex;
	flex-direction : column;
	align-items : center;
	justify-content : center;
	padding : 5%;
}

/*
.p-a-propos {
	margin-top : 60px;
}*/

.deux-blocs-verts {
	padding : 5%;
}

.deux-blocs-verts div {
	padding : 3% 3%;
}

.two-blocs {
  	width: 100%;
	gap: 0!important;
	margin-bottom : 0;
}

.two-blocs_image {
	object-fit: cover;
	height : 100%;
	width : 100%!important;
}

.two-blocs_image figure {
	margin : 0 0 0;
}

.banniere {
	padding : 0 5%;
	font-family: "Playfair Display", serif; 
}


section.texte-accueil {
	background-color : #F2ECE4;
	padding : 5% 10%;
}

section.texte-accueil li {
	list-style-image : url('http://margauxreflexologie.be/wp-content/themes/margauxreflexo/assets/images/spa-solid.svg');
	font-family: "Playfair Display", serif; 
	font-size : 18px;
	font-weight : 600;
	letter-spacing : 5%;
	color : #0e5251;
}



section.texte-accueil li::marker {
margin-right : 5px;
	font-size : 35px;
	color : #0e5251;
}

p.tarif-horaire {
	font-family: "Playfair Display", serif; 
	font-size : 18px;
	letter-spacing : 5%;

} 


svg {
	width : 20px;
	height : 20px;
	margin-right : 10px;
}


.moyens-contact  {
	margin : 0 5%;
}

.moyens-contact svg {
	width : 35px;
	height : 35px;
	fill : #EBB47A;
}

.form-contact {
	color : white;
	padding : 3%;
}

.form-contact p {
	width : 100%;
}

.form-contact input, .form-contact textarea {
	background-color : #0E5251;
	border-top: unset;
  border-right: unset;
  border-left: unset;
  border-bottom: 1px solid #ccc;
	max-width : 100%;
	width : 100%;
	color : white;
}

.form-contact form {
		display : flex;
	flex-direction : column;
	justify-content : center;
	align-items : center;
}


.form-contact input[type="checkbox"] { 
	max-width : 100%;
	width : auto;
}

.form-contact div.two-labels {
	display: flex;
	flex-direction : row;
	width : 100%;
}

.form-contact div.two-labels input {
	width : 90%;
}

.bloc-contact {
	margin : 0 5%;
	margin-top : 5%;
	margin-bottom : 50px;
}

.form-contact div.two-labels label.space-right {
	margin-right : 20px;
}

.form-contact input[type="submit"] {
	background-color : #955F27;
	border-radius : 5px;
	display : flex;
	flex-direction: row;
	font-family: "Playfair Display", serif;
	max-width: fit-content;
	color : white;
	padding : 2% 3%;
	font-size : 18px;
	max-width : 100%;
	width : auto;
	cursor : pointer;
	border-bottom : none;
}

.form-contact div.submit-center {
	width : 100%;
}

.form-contact div.submit-center p {
	display : flex;
	justify-content: center;
}

a {
	text-decoration : none;
	font-family: "Playfair Display", serif;
	font-size : 20px;
	color : white;
}


a:visited {
	text-decoration : none;
	color : white;
}

.cabinet-contact {
	margin : 5% 5%;
}

.cabinet-contact .adresse {
	border : white;
	padding : 3% 3%;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 4px;
}

p.cabinet-first {
	font-family: "Playfair Display", serif;
	font-size : 22px;
}

p.cabinet-second {
	font-family: "Playfair Display", serif;
	font-size : 20px;
}

img.image-contact {
	height : 100%;
}

.carte-contact iframe {
	width : 100%;
}

.footer {
	padding: 2% 5%;
	margin-bottom : 0!important;
}


.footer h3 {
	font-size : 25px;
	letter-spacing : 5%;
	font-weight : 400;
}

.footer h3.title-logo {
	margin-top : 35px;
}

.footer svg path {
	fill : #EBB47A;
}

.footer-mentions {
	height : 50px;
	margin-bottom : 0!important;
}

.footer-mentions a {
	color : black;
	font-size : 16px;
}
 
 @media screen and (max-width: 900px) {

	.two-blocs_text, 
	section.texte-accueil {
		padding : 20% 10%
	}
	 
	 .deux-blocs-verts div {
		 padding : 10% 10%
	 }
	 
	 .moyens-contact{
		 padding : 5% 5%;
	 }
	 
	.form-contact {
		 padding : 10% 5%;
	 }
	 
	 
	 .form-contact div.two-labels {
		flex-direction : column;
	 }

	h3 {
		font-size : 30px;
	}
	 
	 .footer {
	padding: 5% 10%;
	}
	 
	 .cabinet-contact .adresse {
	padding : 10% 10%;
}

	 
}