<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
@media all 			 { /*	*************************** body, generics (incl colors) */
*			{	box-sizing:border-box	}
html		{	background-color: #282828;		} 	/* dble check */
body		{	font-family: 'Montserrat', sans-serif;					background-color: #600112;		color: #fff;
				font-optical-sizing: auto; 
				width: 100%;
				margin: 0;
				}
#main		{	margin-top: 0;		}	/* notice it change after */
.main		{	position: relative;	} 	/* as for further z-index */
a			{	text-decoration: none; 																	color: #fff;
				}

.pageintro	{	font-family: 'EB Garamond', serif;
				font-size: 1.4em;
				font-weight: 700;
				margin: 10px 3vw 15px 3vw;
				}
.pagetexto &gt; div	{	font-family: 'Montserrat', sans-serif;
				font-size: .9em;
				font-weight: 400;
				margin: 10px 3vw;
				}
.pagetexto	{	width: 100%;	padding: 1em 0 2em 0;	}
.illu		{	height: 100vw; width: 100%; object-fit: cover; }
.titre		{	font-weight: 600; font-size: 1.6em;	}
.links		{	line-height: 2em; padding: 10px 0;	}									/* foot (or more?) */
.super		{	vertical-align: super;	font-size: small; line-height: .5em;	}
dd			{	display: none;		}						/* starting state, generic (produits, impressum) */
.fclose		{	cursor: pointer;	}						/* as for imressum + prodform DD's */
.flbtw				{	display: flex; justify-content: space-between; width: 100%; }	/* for foot, notably */
.flstd				{	display: flex; width: 100%; }									/* for foot, notably */

.column 	{	width: 100%;	}								/* domaine + contact, kit for 1 &gt; 2 columns */
.row:after	{	content: "";	display: table;	 clear: both;	}
	}
		
@media all 			{ /* header BTN menu */	
.btnmenu	{	display: none; /* starting state */
				position: fixed; top: 40px; right: 30px; z-index: 100;
				font-size: 1.1em;  	font-weight: 500;
				padding-right: 0px;	margin-top: 10px;
				align-self: flex-start;
				}
.btnmenu ul {	display: block;	flex-direction: row; margin-top: 0;	z-index: 2;	box-shadow: 0 10px 6px rgba(0,0,0,.2);	} /* flex @960 */
.btnmenu ul	{	list-style: none;			/* counter defaults */   
				margin-block-start: 0;
				margin-block-end: 0;
				margin-inline-start: 0px;
				margin-inline-end: 0px;
				padding-inline-start: 0;
				background-color: #ffffffdd;
				}
.btnmenu li	{	display: flex; width: 100%;	margin: 0 1px;  }	 /* see also sunmode 447 */

.btnmenu a		{	display: flex; justify-content: space-between; width: 100%;	padding: 0 1.5vw; }
.btnmenu a img	{	order: 2;	}
.btnmenu a div	{	padding-right: 10px;	}
.btnmenu a		{	display: flex;	justify-content: space-between; align-items: center; /*	as for mini */		}	

.btnmenu img	{	width: 30px; height: 30px;	filter: invert(0) ;			}

	}

@media all 			 { /* dns button design  		(incl. colors, but) 	*/											
input[type="checkbox"]	{	-webkit-appearance: none;		visibility: hidden;		display: none;	}
.dns-container			{	display: flex;					justify-content: center;	margin-right: 2px;			}
.check			{	position: relative;					/*	border: 1px solid #f4edea;	*/
					top: 0;		
					left: 50%;
					transform: translateX(-50%);
					width: 24px;
					height: 46px;
					margin-right: 5px;
					display: block;
																				background-color: rgba(255,255,255,.5);
					cursor: pointer;
					border-radius: 20px;
					overflow: hidden;
					background-image: url('../images/dnsC.png');
					 background-position: center;
					 background-repeat: no-repeat;
					transition: ease-in 0.5s;
					box-shadow: 0 0 5px 3px rgba(255, 255, 255, 1) inset;
 }
.check:before	{	position: absolute;			 /* box-shadow: inset 0px 0px 3px 6px #000; */
					top: 25px;
					left: 3px;
					content: '';
																				background-color: #600112; 		
					width: 18px;
					height: 18px;
					border-radius: 50%;
					transition: 0.5s;						
					}
input[type="checkbox"]:checked ~ .check:before { transform: translateY(-21px); }
	}

@media all 			 { /*  header, layout */
#header				{	display: flex;	flex-wrap: no-wrap; flex-direction: column; align-items: center; text-align: center; }
#header img.logo	{	width: min(90%, 480px);		}
.pictoactu 		{	padding-bottom: 3px;	filter: brightness(0) invert(1); 	/* set to white */	}



.upright			{	position: fixed;	top: 5px; right: 0;	display: flex;	z-index: 10;}
	}
@media all 			 { /*  header &amp; foot */
#header .address	{	line-height: 1.5em; 		}
.address span		{	font-size: 1.3em;	font-weight: 500;		} 
	}

@media all 			 { /*  header menu  */
.mhover		{		filter: invert(1); 	mix-blend-mode: color-dodge;		}
.mhover		{		height: 46px;
					background-image: url('../images/btn/btn-menu.png');
					background-repeat: no-repeat;
					background-position: center;
					background-size: cover;
					}
.mhover:hover			{	background: #ffffff50;	}
.btnmenu img			{	display: none;		}
.btnmenu ul				{	padding: 10px 0;	}
.btnmenu ul li			{	padding: 5px 0;	}
.btnmenu ul li:hover	{	background-color: #fff;	}
.mactive				{	background-color: #af7f87;	} /* demi red */


	}
@media all 			 { /*  foot  (incl. colors) */
#foot		{								background-color: #282828;	color: #fff;
			padding: 10px 3vw;
			font-size: 1.1em;
			line-height: 1.3em;
			}
#foot dt	{	cursor: pointer;
			}
#foot dd	{	position: fixed;			background-color: #600112;	color: #fff;						 
				bottom: 0;
				left: 0;

				width: 100%;
				
				margin: 0;
				padding: 10px 3vw;
				text-align: left;
				font-size: .8em;
				
			}
.blason		{	width: 100%; text-align: center;	}
.blason a		{	line-height: 0;		}	/* inhibate unexpected spacing */

#foot .fclose			{	border: 1px solid white; padding: 0 .5em; background-color: #ffffff35;	}
#foot .impresslarge dd	{	font-size: 1em;	 	}
#foot .impressbase dd	{	font-size: .8em;	}	
#foot .imptit			{	font-size: 1.2em;	font-weight: 600;	}

#foot .impresslarge		{	display: none;		}
#foot dd a				{						font-weight: 600;	}

#foot dd				{	line-height: 1.5em;	}
#foot .address			{	line-height: 1.4em;	}
#foot					{ 	overflow: hidden;	} /* counter gap appearing with blason-a */

	}
@media all 			 { /*   index - main   (incl. colors)  */
.index	{	display: flex;
			flex-direction: column;
			justify-content: center;
		}
.bkimg	{												color: #600112;
			background-position: center;
			background-size: cover;
					-webkit-background-size: cover;
/*			padding-bottom: 20%;
*/
			height: 33vw;
			display: flex; flex-direction: column; flex-wrap: wrap;	justify-content: center;

			text-align: right;
			font-size: 10vw;
			font-family: 'EB Garamond', serif;
			font-weight: 800;
			padding-right: .5em;
														text-shadow: 0 0 5px #fff;

			letter-spacing: .05em;
			}
.bkimg 				{	min-height: 50vw; }

	}
@media all 			 {	/*  contact / agenda+maps  */
.agenda, .maps, .reach		{	text-align: right;	}
.maps				{	margin-top: 50px;	}
.agenda span,
 .maps span,
 .reach span		{	font-weight: 600;	}
.poem				{	display: none; font-style: italic;	}
.poem span			{	font-weight: 600;	}

.itilink			{	display: flex;	flex-direction: column;	}
.abtn				{	display: block; width: 256px; text-align: center; margin: auto; padding-bottom: 1em;	}
.itimap 			{ 	background-repeat: no-repeat;
						background-position: center;
						width: 256px; height: 256px;
						margin: 6px;
					}
	}
@media all 			 {	/* domaine */
.domaine .alt2		{	display: none;		/* domaine picture, hide for portrait/start */
				/*  transform: scale(95%);		old fine tune  */
					}
.content.domaine 	{	margin-top: 1em;	}
	}
@media all 			 {	/*  produits details    (incl. colors) */
.proframe		{															background-color: #000;	
					height: calc(100vw - 18px);
}
#prodframe		{	border: 0;	
					height: 100vw;
					width: calc(100vw - 18px);
}
.pdescr			{	display: none; /* starting state */	}
.prodetails		{	padding: 10px 10px 0 10px;
														color: #fff;		background-color: #c0b499;
					font-size: .9em; 
					margin-bottom: 0;
}


.ptxt h2		{	font-family: 'EB Garamond', serif;
					font-weight: 800; /* equiv. bold, as for H2's */
					font-size: 2.1em;
					margin-block-start: 0;	
					text-shadow: 0 0  4px #000000;
					/* letter-spacing: .5px;	*/
}
.ptxt h2 span	{	font-family: 'Montserrat', sans-serif;
					font-weight: 400;
					font-size: .7em;
}
.ptxt h2 span em	{ font-weight: 500;
}

.ptxt h3		{	font-weight: 400;
					font-size: 1em;
}

.ptxt h4		{	margin-block-end: 0em;
					font-weight: 600;
					letter-spacing: .5px;
					font-size: 1.1em;
}

.ptxt p,
 .ptxt div		{   margin-block-start: 0;
					margin-block-end: 0.5em;
}
.condit			{	padding-bottom: 1em;		
}
.nextp			{											background-color: #9a9179;
					margin: 0 -10px 0 -10px; 
					padding: 20px 10px 20px 15vw;
					font-size: 1.2em;
}
.prix			{ 	padding-bottom: 2em;								
} 
.btncde			{	font-weight: 800;	cursor: pointer;	}
.prodetails .btncde	{	padding-top: 20px; }
	}
@media all 			 {	/*  produits vignets   (incl. colors)  */
.vignets	{ 	display: flex; justify-content: space-evenly;}
.prodintro	{	display: flex;	}
.prodintro .pageintro	{	width: 66%;	}
.btncde		{	/* width: 64px;		*/ text-align: left;	}
/*
.btncdeV 	{	max-height: 64px;												
				font-family: 'EB garamond', serif;
				font-weight: 600;
				font-size: 2em;
				transform:  translateY(220%) rotate(-90deg);
					-webkit-transform:  translateY(220%) rotate(-90deg);
			}
*/
.main dd	{	position: fixed;	top: 0;		left: 0;	z-index: 99;		/* for product vignets */ 
				height: 40px;		width: calc(100vw - 80px);
				margin: 0;			padding-top: 10px;		padding-left: 10px;
				text-align: left;	font-size: .8em;		font-weight: 600;
													color: #5f5f5f;
													background-color: #fff;
				}
.dd em		{ 	font-weight: 800;
			}
.prodfig img {	max-width: 15vw;	}
	}
@media all 			 {	/*  produits video */
.psl-videomovie	{	opacity: 1;	 height: 100%;  width: 100vw; 	}
iframe			{	height: max(100vw, 540px); }
.proframe,
 #prodframe		{	height: 100vw;	width: 100vw; 	}

#prodframe,
 .propack,
 .vbody 		{	background-color: #000;	}

	}
@media all 			 {	/*  produits table  */
table				{    margin: 0 -8px; 	border-spacing: 8px 0; 	min-width: 25%;		font-size: 1.1em; }
.prodliste .titre	{	font-size: 2.1em; padding-bottom: 10px;	}
/*.assortable table 	{	width: 100%; 	}  pro 4x3 */
.vignetCDRdn		{	display: none;	}		
.prodliste			{	font-size: .8em;	margin: 3vw;}
.protable	{	flex-direction: row; justify-content: space-between; align-items: flex-start;	}
.protable table tr :first-child	{ width: 240px;	}
.propack	{ position: relative; z-index: 4;	}
	}
@media all 			 {	/*  produits form   */
#formframe	{	position: fixed;
				top: 0;
				left: 0;
				display: none; 										/* starting state */
				overflow-y: scroll; overflow-x: hidden;  z-index: 100;
				max-height: 100vh;
					box-shadow: 0 -5px 3px 6px #00000055;
}
#formframe					{	background-color: #9a9179;			color: #fff; 	}
.fline .dt, select, input	{										color: #fff;	} 
#ajd 						{	background-color: transparent;	  	color: #fff;	}
input.printbtn				{ color: #000;	}
	}
@media all 			 {	/*  galerie    */
.pictflow		{ display: flex;
				flex-wrap: wrap;
				justify-content: center;
				}
.pictflow img	{ max-height: calc(50vw - 9px); width: calc(50vw - 9px);
						object-fit: cover;
				}
.overslide img	{ max-height: 100%; max-width: 100%;
						object-fit: contain;
				}
.overslide		{ display: none;			/* initial */
				position: fixed; top: 0; left: 0; width: 100vw; height: 100%;
				background-color: #282828;
				background-image: url('../images/picto-dcdr-185h-rot.png');
				background-position: center;
				background-repeat: no-repeat;
				z-index: 3;
				width: 100%;
				heght: 100%;
				font-size: .9em;
								}
.slideshow-container div:not(.fade)	{	position: fixed; left: 0; text-align: center; width: 100vw; background-color: #000;	}
.slideshow-container div.up 		{	top: 0; }
.slideshow-container div.dn 		{	bottom: 0; }
.mySlides img {	width: 100vw; height: 100vh; object-fit: contain;	}
			}
@media all 			 {	/*  slideshow w3schools.com  */


.slideshow-container {		/* Slideshow container */
  max-width: 1000px;
  position: relative;
  margin: auto;
}

.mySlides {					/* Hide the images by default */
  display: none;
}

.slideshow-container .prev,
 .slideshow-container .next {				/* Next &amp; previous buttons */
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;

	background-color:  #600112; /* rgba(255,255,255, .3) */ 
	color: #fff;
}
.text 	{	position: absolute;	bottom: 0; 	}
.next {						/* Position the "next button" to the right */
  right: 0;
  border-radius: 3px 0 0 3px;
}

.prev:hover, .next:hover {	/* On hover, add a black background color with a little bit see-through */
  background-color: rgba(0,0,0,0.8) ;
}

							/* Fading animation */
.fade {						
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}
	}
@media all 			 { /*	colors (dupli synthese (sous rÃ©serve), sauf .check's) */
body, #header, #foot dd {	background-color: #600112;	}		/* 96, 1, 18 red #5d3336; #600112; */
		/* 234, 227, 228 light-red  */
#foot				{	background-color: #282828;	}		/* 40, 40, 40 dark */
.nextp				{	background-color: #c0b499;	}		/* 154, 145, 121 beige */
.prodetails			{	background-color: #9a9179;	}		/* 192, 180, 153 beige clair */
.main dd			{	background-color: #fff;		}				/* to be  light gray */
#formframe			{	background-color: #282828;	}
.mactive			{	background-color: #af7f87;	} /* demi red */

body, a, #foot, #foot dd, .prodetails, #formframe, select, input, #ajd
							{ color: #fff;		}
.btnmenu li a,
 .ptxt .prix,
 .prodetails a,
 .prodetails .nextp			{ color: #000;		}

.bkimg						{ color: #600112;	}
.main dd 					{ color: #5f5f5f;	}			/* 95, 95, 95 gray	*/
	}

@media all 			 { /*	colors (sunmode alternative) + filters */
.sunmode .main,	/* notice: &lt;&lt; main instead of body ! */
 .sunmode #header,												/* ***************************** */
 .sunmode #foot dd,
 .sunmode #formframe,
 .sunmode .overslide		 		{	background-color: #eae3e4;	}		/* 234, 227, 228 lightred */

.sunmode #formframe,
 .sunmode select,
 .sunmode input,
 .sunmode #ajd				{ 	color: #000;	}

body.sunmode,
 .sunmode  a,
 .sunmode  .btnmenu,												/* ***************************** */
 .sunmode  #foot dd,
 .sunmode  .prodetails		{	color: #282828;		}		/* dark */

.sunmode .bkimg,
 .sunmode .links a,
 .sunmode .overslide span	{	color: #fff;	} 

.sunmode .mhover 			{	filter: invert(0);	opacity: .75;	}
.sunmode .btnmenu img		{	filter: invert(0) ;	}
.sunmode .pictoactu 		{	filter: invert(0); }
.sunmode .logo 				{	filter: invert(1); 	}
.sunmode .check				{	filter: invert(1); 	box-shadow: none;}

.sunmode .bkimg				{	text-shadow: 0 0 5px #000;	}
.sunmode .check:before		{	box-shadow: inset 0px 0px 3px 6px #151c1b; background-color: #151c1b; /* invert of dark-red */ }

.sunmode .nextp				{	background-color: #9a9179;	}		/* 154, 145, 121 beige */					/* produits */
.sunmode .prodetails			{	background-color: #c0b499;	}		/* 192, 180, 153 beige clair */
.sunmode .btncde img			{ filter: invert(1);	}
.sunmode .ptxt h2			{	text-shadow: none;	}

.sunmode #foot .address a			{ color: #fff;	}			/* counter default sunmode links */

	}

@media all and (min-width: 640px)			 {
#header, #foot	{	padding: 0 3vw;	}
#header, .main	{	box-shadow: 0 5px 20px rgba(3, 3, 3, 0.5);	}
#header	{	flex-direction: row; justify-content: space-between; position: fixed; z-index:1; width: 100%; top: 0; left: 0; 	}
#header img.logo	{	width: 240px;	}
#header img.pictoactu {	width: 120px;	margin-right: 50px; margin-bottom: -80px;}
#header .address	{	font-size: .8em;	}

.btnmenu				{	font-size: 1em;	} 

.bkimg 				{	font-size: 6vw;
						min-height: 300px; height: 35vw; 
						padding-right: 2em; padding-bottom: 3em;
						}
.pageintro			{	font-size: 3vw;		}

.domaine .column	{   float: left;	width: 50%;	  }	/* domaine + contact, kit &gt; 2 columns */
.domaine .illu		{	height: 75vw;	}

.domaine .alt1		{	display: none;		}			/* domaine, reveal/hide for landscape */
.domaine .alt2		{	display: initial;	}

.content.prodfig	{	display: flex; flex-direction: row; flex-wrap: wrap;	}
.vignetCDRdn		{	display: initial;	}			/* produits, reveal/hide for portrait/start */
.vignetCDRup		{	display: none;	}
.prodfig .btncde	{	display: none;	}
.prodliste			{	font-size: .8em; }
.protable			{ display: flex; }
.protable table tr :first-child	{ width: auto;	}

.prodfig :nth-child(2) {  margin-left: 10px;	}	/* alternately: .vignetCDRdn */
.content .prodintro	{	width: 100%;	}
.prodfig img		{	width: calc((100vw - 80px) / 12);
						/* min-height: calc((100vw - 80px) / 12 * 4);
						max-width: initial; */
						} /* was -40px or min(calc((100vw - 18px) / 12), 64px); */

.propack  			{ 	display: flex; flex-direction: row; }
.prodetails			{	width: 100%;	}

.proframe,
 #prodframe			{	height: 540px;	width: 300px; 	}
.pdescr				{	height: 100%; align-items: center; } /* flex align use @ larger media */

.contact .column	{   float: left;	width: 50%;	  }	/* domaine + contact, kit &gt; 2 columns */
.contact .illu		{	height: 45vw;	}

.pictflow img		{	height: calc(33vw - 6px);
						width: calc(33vw - 6px);	}			/* galerie */

.poem				{	display: initial;	}			/* contact */
.itimap 			{	max-width: 250px; 		}

#main				{	margin-top: 135px;	}
#foot				{	display: flex; flex-direction: row;
						justify-content: space-between; align-items: flex-end;	font-size: .8em;	}
#foot .col1				{	width: 25vw;	}
#foot .col2				{	flex-grow: 1;	}
#foot .impresslarge		{	display: initial; margin-top: -10px;	}
#foot .impressbase		{	display: none;	}
.flstd div:nth-child(1)	{ 	width: 220px; max-width: 220px;	}

	}

@media all and (min-width: 960px)			 {
#header .address		{	font-size: 1em;	padding: 10px 0;}
#header img.logo		{	width: 300px;	}
#header img.pictoactu 	{	margin-right:0;	margin-bottom: -40px;	width: max(120px, 11vw);	
							transform: translateY(40px);	-webkit-transform: translateY(40px);	}
img.pictoactu			{	max-width: 150px;	}	

.mhover			{	display: none;	}
.btnmenu		{	display: block;		position: relative; top: 0; right: 0;  			font-size: .8em;
					} 
.btnmenu ul		{	display: flex;		flex-wrap: wrap;	max-width: 184px;
					padding: 0;
					box-shadow: inset 0 0 6px 3px rgba(0,0,0,.2);
					}
.btnmenu li		{	display: inline;						width: 90px;
					margin: 0 1px;		text-align: center;
					border-bottom: 1px solid #600112;
					}
.btnmenu a		{	display: block;							min-width: 75px;	height: 60px;
					padding: 8px 3px 5px 3px;
					}
.btnmenu a div	{	padding-right: 0;	}

.btnmenu img	{	display: initial;	order: initial;	 }
.mmi 			{	padding: 0;	}


.dns-container			{	margin-top: 10px;	}

#main				{	margin-top: 170px;	}
#foot				{	font-size: .9em;	}

table				{	font-size: 1.3em; }			/* produits */
.prodetails			{	font-size: 1em; padding: 2vw 2vw 0 2vw;	}

.proframe			{	margin: 0 64px;		}

.itilink			{	flex-direction: row;	}		/* contact */

.pageintro				{ font-size: min(3vw, 36px);	}



}

@media all and (min-width: 1200px)			 {
#main 				{	max-width: 1200px; margin-left: auto; margin-right: auto;	 }
#header, #foot		{	width: 100%; padding-left: calc((100vw - 1200px) / 2); padding-right: calc((100vw - 1200px) / 2); }  
.pagetexto &gt; div 	{	font-size: .95em; }
.bkimg					{ font-size: min(6vw, 72px);	}

.vignets img 	{	width: min(calc((100vw - 140px) / 12), 93px);	}		/* produits */
.proframe			{	margin: 0 128px;		}

.pictflow img	{	height: 366px;	width: 366px;	}			/* galerie */	
}


.bkimg1	{ background-image: url('../images/bk/domaine0480.jpg');	}	
.bkimg2	{ background-image: url('../images/bk/produits0480.jpg');	}	
.bkimg3	{ background-image: url('../images/bk/contact0480.jpg');	}	
.bkimg4	{ background-image: url('../images/bk/galerie0480.jpg');	}	

@media all and (min-width: 640px)			 {
.bkimg1	{ background-image: url('../images/bk/domaine0960.jpg');	}	
.bkimg2	{ background-image: url('../images/bk/produits0960.jpg');	}	
.bkimg3	{ background-image: url('../images/bk/contact0960.jpg');	}	
.bkimg4	{ background-image: url('../images/bk/galerie0960.jpg');	}	
	}

@media all and (min-width: 960px)			 {
.bkimg1	{ background-image: url('../images/bk/domaine1280.jpg');	}	
.bkimg2	{ background-image: url('../images/bk/produits1280.jpg');	}	
.bkimg3	{ background-image: url('../images/bk/contact1280.jpg');	}	
.bkimg4	{ background-image: url('../images/bk/galerie1280.jpg');	}	
	}





</pre></body></html>