html {
	box-sizing: border-box;
	background-color: #FAF0EB;
}

body {
	margin: 0;
	color: #911925;
	font-family: "Times New Roman", Times, serif;
}

#maison {
	max-width: 640px;
	margin: auto;
	border: 0px solid black;
	position: relative;
	/*overflow: hidden;*/
}

header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	
}

div.holding {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 90vh;
}

h1 {
	margin: .8em .5em; 
	margin-bottom: 0;
	font-size: clamp(1.5rem, -1.1226rem + 9.0566vw, 2.5rem);
	font-size: clamp(1.6rem, 7vw, 2.6rem);
	display: flex;
	align-items: center;
	color: #911925;
	line-height: 1;
	width: 80%;
}

 .leaf-svg {
	margin-right: 15px;
	/*width: clamp(74px, 60px, 65px);*/
	width: 22%;
	min-width: 62px;
	max-width: 93px;
}

@media (min-width: 460px) {
 /*.leaf-svg {width:17%}*/
}

 .leaf-fill {
    fill: #911925;
}

 .leaf-no {
	fill: #fff;
	font-size: 26px;
	font-weight: 700;
	text-decoration: none !important;
	text-decoration-color: #911925;
}

h2 {
	margin-top: 1.6em;
	font-size:  clamp(1.6rem, 5vw, 2rem);
}

h1 span {
	padding-bottom: 10px;
	/*width: 80%;*/
	}

p { 
	margin:1em 0;
	line-height: 1.3;
	font-size: 1.3rem;
}

sup {
	line-height: 0;
}

nav {
	position: relative;
	border: 0px solid lime;
	margin-right: 15px;
	width: 70px;
	min-width: 55px;
	height: 50px;

}


/* MENU */
#menu-trigger {
	background-color: #ffffff;
	/*text-align: center;*/
	position: absolute;
	/*top: min(40px, 6vw);*/
	right: 16px;
	z-index: 200;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	border: 1px solid #7a111c;
	transform: scale(.89);
}

#menu-burger {
	width: 23px;
	height: 22.5px;
	position: relative;
	margin: 10px auto;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

#menu-burger span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	/*background: #003332;*/
	background: #7a111c;
	border-radius: 3px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

#menu-burger span:nth-child(1) {
    top: 3px;
}

#menu-burger span:nth-child(2) {
    top: 10px;
}

#menu-burger span:nth-child(3) {
    top: 17px;
}

#menu-burger.menu-close span:nth-child(1) {
	top: 9px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

#menu-burger.menu-close span:nth-child(2) {
	opacity: 0;
	left: -60px;
}

#menu-burger.menu-close span:nth-child(3) {
	top: 9px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

#menu-pane {
	position: absolute;
	z-index: 100;
	margin: 0 10px 0 0;
	padding: 0 0 36px 0;
	background-color: white;
	border-radius: 9px;
	width: 0px;
	/*top: min(30px, 4vw);*/
	top: -10px;
	right: -10px;
	transition: .3s ease-in-out;
	box-shadow: unset;
	overflow: hidden;
}

#menu-pane.slide-in {
	width: 320px;
	/*right: 0;*/
	box-shadow: -2px 6px 8px 4px rgba(98, 45, 45, 0.64);
}

#menu-contents {
	border: 0px solid black;
	width: 310px;
}

#menu-pane ol {
	margin: 0;
	width: 80%;
	padding-left: 26px;
	list-style-position: inside;
	list-style-type: none;
}
#menu-pane li {
	border-bottom: 1px solid #dbb8b8;
}

/*#menu-pane li svg.chez-icon {
	fill: none;
	stroke: red;
	stroke-miterlimit: 10;
	stroke-width: 2px
	}*/

#menu-pane li span {
	position: absolute;
	left: 10px;
}

#menu-pane li a {
	position: relative;
	display: block;
	padding: 12px 6px 12px 34px;
	color: #a71818;
	text-decoration: none;
	font-size: 1.25em;
	line-height: 1.1;
	border-radius: 3px;
	/* svg child */
	fill: none;
	stroke: #8d1a1a;
	stroke-miterlimit: 10;
	stroke-width: 2px;
}
#menu-pane li a:hover {
	background-color: #fffcdea3;
}

#menu-pane li a:hover {
	color: blue;
	/* svg child */
	stroke: blue;
}

#menu-pane li a.mp-active {
 	color: black !important;
 	stroke: black  !important;  
 }
#menu-pane li a.mp-active:hover {
	background-color: white !important; 
}

/* #menu-pane li a:hover svg .chez-icon  {
	stroke: blue;
}*/

#menu-pane h3 {
	margin: 24px 26px 1px 26px;
	font-size: 1.4em;
}


/* SECTION */
section {
	border: 0px solid red;
	/*padding:10px;*/
	padding: 0 20px;
}


section div:first-child {
	margin-top: 0;
}

/* VIDEO */

.video-portrait {
	max-width: 50vh;
	margin: auto;
}

.video-wrap {
	padding:176% 0 0 0; 
	position:relative;
	border: 2px solid #911925;
	overflow: hidden;
	border-radius: 12px;
}

.vimeo-portrait {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


/* VIDEO */

.video-landscape {
	margin: auto;
}

.video-wrap-landscape {
	position: relative;
	padding:74.25% 0 0 0; 
	border: 2px solid #911925;
	overflow: hidden;
	border-radius: 12px;
	background-color: black;
}

.vimeo-landscape {
	position:absolute;
	top:-1px;
	left:0;
	width:100%;
	height:100%;
	border:none;
}



figure {
	/*margin: 3%;*/
	display: block;
	position: relative;
	margin: 0;
	margin-top: 40px;
}

figcaption {
	color: #695656;
	font-size: 1.17rem;
	line-height: 1.25;
	margin-top: 10px;	

	text-align: center;
 	margin-left: 20px;
  	margin-right: 20px;
	
}

.centre {text-align: center;}

img.pic { 
	width: 100%; 
   border-radius: 12px;
}
.question {

}

.question div {	
	border: 1px solid black;
	background-color: white;
	border-radius: 12px;
	margin: 5%;
	padding: 3%;
}

.dyk {
	border-radius: 15px;
	padding:  17px 24px;
	color: whitesmoke;
	background-color: #551d1d;
	margin: 50px 0;
}

.dyk h3 {
	color: white;
	margin-top: .5em;
  	font-size: clamp(1.4rem, 4vw, 1.6rem);
}

.dyk p {
	font-size: 1.2rem;
}

.dyk li {
	font-size: 1.2rem;
	margin: 7px 0;
	/*border: 1px solid yellow;*/
}



/* CAROUSEL  */

.carousel-pics {
	display: none;
}
.carousel-frame {
	position: relative;
}
.carousel-wrap-text {
	position: absolute;
	z-index: 100;
	bottom: 20px;
	right: 20px; 
	border: 0px solid red;
}
.carousel-text {
	color: white;
	background-color: #000000a3;
	padding:4px 8px;
	border-radius: 4px;

}
.carousel-display {
	width: 100%; 
	border-radius: 12px;
}

.carousel-controls {
	width: 260px; 
	margin: auto;
}

.carousel-stack {
	position: relative;
}

.cc-button-text {
	font-size: 14px;
	font-family: arial;
	fill: #784430;
}

.cc-rond {
	fill: #fff;
	stroke-width: 2px;
	stroke: #784430;
}

.cc-hit-area {
	fill: transparent;
}

.cc-hit-area:hover {
	cursor:pointer;
}

.cc-chevron {
	fill:none;
	stroke: #784430;
	stroke-linecap: round;
	stroke-width: 3px;
	stroke-miterlimit: 10;
}

.dwnld {
	font-size: 14px;
	color: grey;
	font-family: arial, sans-serif;
}

/* SECTION FIN */
footer.fin {
	margin: 50px 20px 20px;
	border-top: 1px solid #911925;
}