/* Imports */
@import url("/include/fonts/embassy/styles-embassy.css");
@import url("/include/fonts/castelar/styles-castelar.css");
@import url("/include/fonts/lato/styles-lato.css");
/* Declarations  Fonts*/
/*Declaration couleur */
/* blanc */
/* Noir */
/* couleur derrière domaine deshenrys */
/* couleur derrière abbaye Sylva Plana */
/* couleur derrière copy*/
/*couleur des barre du menu*/
/*couleur pour les prix des chambres*/
/*couleur btn réserver dans les chambre*/
body {
  font-family: Verdana, Geneva, sans-serif;
  margin: 0;
  /*font-size:0.73vw;*/
  font-size: 14px;
}
img {
  vertical-align: middle;
}
.fz30 {
  font-size: 30px;
}
.bcNoir {
  background-color: #000000;
}
.font2 {
  font-family: 'embassy_btregular';
}
.font3 {
  font-family: 'castellarregular';
}
.color9 {
  color: #eaddbd !important;
}
.mb30{
	margin-bottom: 35px;
}
header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10001;
}
header #headerTop {
  position: fixed;
  width: 100%;
  background-color: #FFFFFF;
  z-index: 10000;
}
@media(max-width:767px){
	header {
	  position:relative;
	}
	header #headerTop {
	  position: relative;
	}	
}
header #headerTop #menu {
  width: 100%;
  background-color: #1a1a1a;
  color: #FFFFFF;
  text-align: center;
  padding: 15px;
  font-size: 20px;
}
header #headerTop #menu a {
  color: #FFFFFF;
  text-decoration: none;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  header #headerTop #menu {
    font-size: 24px;
  }
}
header #headerTop #h1 {
  position: relative;
  padding: 17px 0;
}
header #headerTop #h1 > div {
  font-family: 'embassy_btregular';
  font-size: 36px;
  text-align: center;
  padding: 10px;
}
@media (min-width: 992px) {
  header #headerTop #h1 > div {
    position: absolute;
    right: 10px;
    top: 5px;
    padding: 0;
  }
}
header #headerTop #h1 h1 {
  font-size: 20px;
  text-align: center;
  text-transform: uppercase;
  font-weight: normal;
  margin: 0px 10px;
}
@media (min-width: 1200px) {
  header #headerTop #h1 h1 {
    flex: 1;
  }
}
@media (min-width: 768px) {
  header #headerTop #h1 h1 {
    margin: 0px 290px;
  }
}
header .txtVertical {
  position: fixed;
  top: 106px;
  background-color: #1a1a1a;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1000;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
@media (min-width: 768px) {
  header .txtVertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  header .txtVertical {
	  position: relative;
	  top: 0 !important;
  }
}
header .txtVertical .titre {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  text-align: right;
  margin-top: 18px;
  padding: 0 15px;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  header .txtVertical {
    width: 165px;
    height: calc(100% - 106px);
  }
}
@media (max-width: 767px) {
  header .txtVertical .titre {
    display: none;
  }
}
header .txtVertical .langues {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 10px 0;
  width: 100%;
}
header .txtVertical .langues div {
  background-color: #4e5154;
  width: 2em;
  height: 2em;
  border-radius: 1em;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 5px;
}
header #headerTop #h1 h1 {
    font-size: 12px;
}

header .txtVertical .langues a {
  color: #FFFFFF;
  text-decoration: none;
  font-size: 14px;
  text-transform: uppercase;
}
.menu-xs .btnMenu {
  background-color: transparent;
  background-image: none;
  border: 1px solid #FFFFFF;
  border-radius: 4px;
  cursor: pointer;
  padding: 9px 10px;
}
.menu-xs .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background-color: #FFFFFF;
}
.menu-xs .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 992px) {
  .menu-xs {
    display: none;
  }
}
@media (max-width: 991px) {
  .menu-lg {
    display: none;
  }
  .menu-lg span {
    display: none;
  }
  .menu-lg a {
    display: block;
    padding: 5px;
  }
}
#mainContent {
  margin-top: 164px;
}
@media (min-width: 768px) {
  #mainContent {
    padding-left: 165px;
    margin-top: 106px;
  }
}
@media (max-width: 767px) {
  #mainContent {
    margin-top: 0 !important;
  }
}
div[class*=index] {
  position: relative;
  z-index: 1;
}
div[class*=index] div.lien {
  background-color: #1a1a1a;
  border: 1px solid #FFFFFF;
  position: absolute;
  text-align: center;
  top: 10px;
  width: 300px;
  height: 150px;
  display: flex;
}
div[class*=index] div.lien a {
  color: #FFFFFF;
  font-size: 36px;
  text-decoration: none;
  width: 100%;
}
div[class*=index] .nom {
  position: absolute;
  bottom: 50px;
  color: #FFFFFF;
  text-align: center;
  width: 100%;
}
div[class*=index] .nom span:nth-child(1) {
  font-size: 60px;
}
div[class*=index] .nom span:nth-child(3) {
  font-size: 30px;
}
.indexG {
  background-image: url(../images/domaine-deshenry-1.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
	max-width:100%;
}
.indexG div.lien {
  left: 90px;
}
.indexD {
  background-image: url(../images/abbaye-sylva-plana.jpg);
  background-size: cover;
  background-position: left top;
  background-repeat: no-repeat;
	max-width:100%;
}
.indexD div.lien {
  right: 90px;
}
@media (min-width: 1200px) {
  .indexG {
    width: calc(800 * 100% / 1760);
    height: 822px;
  }
  .indexD {
    width: calc(960 * 100% / 1760);
    height: 822px;
  }
}
@media (max-width: 767px) {
  .indexG {
    order: 1;
  }
 /* div[class*=index] div.lien {
    /*left: calc(50% - 151px);
  }*/
}
@media (max-width: 767px) {
	div[class*=index] div.lien {
		position: inherit;
		margin: 0 auto;
		left: inherit;
		right: inherit;
	}	
	div[class*=index] .nom {
	  position: inherit;
		top: 10px;
		
	}
	div[class*=index] .nom>span:nth-child(1){
		display: none;
	}
}
footer {
  background-color: #FFFFFF;
  order: 2;
}
footer #menuBas {
  background-color: #1a1a1a;
  padding: 13px;
  font-size: 24px;
  color: #FFFFFF;
  text-align: center;
}
footer #menuBas a {
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none;
}
@media (max-width: 767px) {
  footer #menuBas a {
    width: 100%;
    text-align: center;
  }
  footer #menuBas > div {
    display: flex;
    flex-wrap: wrap;
  }
  footer #menuBas > div > span {
    display: none;
  }
	footer #copy{	
	margin-bottom: 62px;
    text-align: center;
	}
}
footer a {
  color: #000000;
}
footer #ltBalle {
  width: 50px;
  border-radius: 25px 25px 0 0;
  background-color: #FFFFFF;
  left: calc(50% - 25px);
  height: 25px;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  display: none;
  border: 1px solid #1a1a1a;
  border-bottom: none;
  bottom: -25px;
}
footer #ltBalle i {
  transition-duration: 1s;
}
footer > div:nth-child(2) {
  padding: 40px 25px 20px;
}
footer > div:nth-child(2) > div {
  margin-bottom: 20px;
}
footer .barreVerticale {
  border: 1px solid #5b5f62;
}
footer .barreVerticale2 {
  border-right: 1px solid #5b5f62;
}
footer .adresse {
  text-align: right;
}
footer #logoFooter {
  border-top: 1px solid #000;
  padding: 10px 0;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-top: 20px;
}
footer #logoFooter img {
  margin: 10px;
}
footer #copy {
  background-color: #5b5f62;
  padding: 30px;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-wrap: wrap;
  text-align: center;
}
footer #copy img {
  margin-left: 25px;
}
footer #copy a {
  color: #FFFFFF;
  padding: 15px;
}
@media (max-width: 1200px) {
  footer #copy {
    font-size: 11px;
  }
}
@media (max-width: 1200px) {
  footer .txt14 {
    font-size: 11px;
  }
}
@media (max-width: 767px) {
  footer .barreVerticale {
    width: 100%;
  }
  footer > div:nth-child(2) > div {
    text-align: center;
  }
  footer .w3c {
    width: 100%;
  }
  footer .w3c img {
    margin: 15px;
  }
  footer #menuBas a {
    padding: 10px;
    }
  
}
@media (min-width: 768px) and (max-width: 991px) {
  footer .order-1-sm {
    order: 1;
  }
}
@media (max-width: 991px) {
  footer .adresse {
    margin: 10px auto;
    text-align: center;
  }
}
.bgcDeshenry {
  background-color: #eaddbd;
}
/*#mainContent{
	margin-top: 100px;
	padding-bottom: 20px;
	max-width: 1905px;
	@media(min-width:768px){
		padding-left: 165px;
		margin-top: 0;
	}
}*/
/*
@media(max-width:768px){
.index{
	margin-top: 0px !important;	
	.txtVertical{
		display: none;
	}
}
}
.bgcDeshenry{
	background-color: @color9;
}
*/
/*#menu{
	@media(max-width:767px){
		margin: 5px;
	}
	.btn{
		text-transform: uppercase;
		text-align: center;
	}
	#btnMenu {
		background-color: transparent;
		background-image: none;
		border: 0px solid #8A8889;
		cursor: pointer;
		z-index: 10;
		color:@color1;
		padding: 5px 0 0;
		.icon-bar {
			display: block;
			height: 3px;
			background-color:@color1;
			margin: 0 2px;
		}	
		.icon-bar +.icon-bar
		{
			margin-top:6px;
		}
		.txt-bar{
			margin-top: 5px;
			display: block;
		}
	}
	.menuAbbaye{
		background-image: url(../images/fondMenuAbbaye.png);
		background-repeat: no-repeat;
	}
	#sousMenu{	
		@media(min-width:768px){
			width: 320px;
			position: absolute;
			overflow: hidden;
			height: 100%;
			top: 0;
			left: 100%;
			display: none;
		}
	}
	.sousMenu{
		position: absolute;
		left:100%;
		z-index:999;
		top:0;
		left: 0;
		background-color: @color1;
		color:@color2;
		font-size: 18px;
		padding: 20px 55px 20px 40px;
		visibility: hidden;
		transition-duration: 1s;
		width: 100%;
		margin-left: -100%;
		
		#closeMenu{
			border:1px solid @color2;
			position: absolute;
			top:2px;
			right:2px;
			text-align: center;
			text-transform: uppercase;
			font-size: 12px;
			padding: 5px;
			padding: 2px;
			cursor: pointer;
			.croix{
				font-size: 22px;
				line-height: 1;
			}
			span{
				display: block;
			}
		}
		.titreDomaine{
			font-family:@font2;
			font-size: 30px;
		}
		.titreVin{
			font-family:@font3;
			font-size: 18px;
			text-transform: uppercase; 
			text-align: center;
				
		}
		.itemMenu{	
			display: flex;
			border-bottom: 1px solid @color6;		
			a{
				padding-top: 10px;
				padding-bottom: 10px;
				text-decoration: none;
				color:@color2;
				width: 100%;
			}
		}
		@media(min-width:768px){
			width: 320px;
			.titreVin{				
				margin-bottom: 30px;
			}
			.itemMenu a{
				padding-top: 15px;
				padding-bottom: 20px;
			}
		}
		
		
		
		
	}
	.ssMenuOpen{
		visibility: visible;
		margin: 0;		
	}
}*/
.txt30 {
  font-size: 30px;
}
.txt36 {
  font-size: 36px;
}
.txt38 {
  font-size: 38px;
}
.txt48 {
  font-size: 48px;
}
.txt20 {
  font-size: 20px;
}
.txt24 {
  font-size: 24px;
}
.txt16 {
  font-size: 16px;
}
/*.txt30{font-size: 2em;}
.txt48{font-size: 3.43em;}
.txt20{font-size: 1.5em;}*/
/*
#titrePage{
	position: relative;
	color:@color2;
	text-align: center;
	h1{
		font-size: 20px;
		text-align: center;
		text-transform: uppercase;
		margin:10px 0;
		font-weight: normal;
		@media(min-width:1200px){
			flex:1;
		}
		@media(min-width:768px){			
			max-height: 26px;
		}
	}
	h2{
		font-family: @font2;
		font-size: 40px;
		right: 20px;
		top: 0;
		font-weight: normal;
		margin: 5px 20px;
		margin-top: 10px;
	}
	@media(min-width:768px){
		h2{
			font-size: 49px;
			margin-top: 5px;
		}
	}
}*/
.titreBouteille {
  color: #FFFFFF;
}
.domaine {
  font-family: 'embassy_btregular';
  font-size: 60px;
  text-align: center;
}
@media (min-width: 992px) {
  .domaine {
    font-size: 2.73vw;
  }
}
.aopIgp {
  font-family: 'castellarregular';
  /*font-size: 2em;*/
  text-align: center;
  font-size: 30px;
}
@media (min-width: 992px) {
  .aopIgp {
    font-size: 1.73vw;
  }
}
/*#domaine{
	width: 100%;
	position:relative;
	overflow:hidden;
	height:~"calc(100% - 68px)";
	.txt{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack:center;
		    -ms-flex-pack:center;
		        justify-content:center;
	}
}
#domaine1{ 
	  position:absolute;
	  top:0;
	  left:-55%;
	  width: 100%;
	-webkit-transition-duration:0.7s;
	        transition-duration:0.7s;
	height: 100%;
	z-index:1;
}
#domaine2{ 
	  position:absolute;
	  right:-45%;
  	width: 100%;
	-webkit-transition-duration:0.7s;
	        transition-duration:0.7s;
	height: 100%;
	z-index:1;
}

.domaine1,.domaine2{
	position:relative;
	height: 100%;
}
.domaine1{
	width:~"calc(100% - 107px)";
	background-color:@color3;
	padding: 20px 0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;	
	-ms-flex-wrap:wrap;	
	    flex-wrap:wrap;
}
.domaine2{
	background-color:@color4;
	margin-left: 7.64em;
	padding: 20px 0;
}
.domaine1:before{
	content:"";	
	background-color:@color3;
	position:absolute;
	width: 100%;
	height: 200%;
	z-index: -1;
	-webkit-transform: rotate(13deg);
	transform: rotate(13deg);
	right: -29px;
	top: -215px;
}
.domaine2:before{
	content:"";
	background-color:@color4;
	position:absolute;
	width: 100%;
	height: 200%;
	z-index: -1;
	  -webkit-transform: rotate(13deg);
	  transform: rotate(13deg);
	left: -120px;
	top: -241px;
}
.domBouteille1{
	height:100%;
	position:absolute;
	width: 100%;
	-webkit-transition-duration:0.7s;
	        transition-duration:0.7s;
	top:0;
	left:0;
	.titreBouteille{
		position:relative;	
		margin-top: -150px;
	}
	#decouvrir{
		position: absolute;
		top:150px;
		right: -150%;
		-webkit-transition-duration:0.7s;
		        transition-duration:0.7s;
	}
}
.domBouteille{
	height:100%;
	position:absolute;
	width: 100%;
	-webkit-transition-duration:0.7s;
	        transition-duration:0.7s;
	top:0;
	right:0;
	.titreBouteille{
		position: absolute;
		bottom: 5%;
		right: -30%;
	}
	#decouvrir{
		position: absolute;
		top:150px;
		left: -100%;
		-webkit-transition-duration:0.7s;
		        transition-duration:0.7s;
	}
}
*/
.right-hover #domaine2 {
  right: 0px;
}
.right-hover .domBouteille1 {
  left: 30%;
}
.right-hover .domBouteille1 .decouvrirIndex {
  right: -20%;
}
.left-hover #domaine1 {
  left: 0px;
}
.left-hover .domBouteille {
  right: 30%;
}
.left-hover .domBouteille .decouvrirIndex {
  left: 40%;
}
#imgFond {
  visibility: hidden;
}
@media (max-width: 991px) {
  #imgFond {
    display: none;
  }
}
.decouvrirIndex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.decouvrirIndex > div {
  font-size: 2.5em;
  text-transform: uppercase;
  border: 1px solid #FFFFFF;
  text-align: center;
  padding: 20px;
}
@media (min-width: 992px) {
  .decouvrirIndex > div {
    font-size: 1.8vw;
  }
}
.decouvrirIndex a {
  text-decoration: none;
  color: #FFFFFF;
}
.hidden {
  display: none !important;
}
#content {
  width: 1000px;
  border: 1px solid #f00;
  position: relative;
  height: 100px;
  overflow: hidden;
  margin: auto;
}
#content1 {
  border: 1px solid #0F0;
  position: absolute;
  top: 0;
  left: -500px;
  width: 1000px;
  -webkit-transition-duration: 0.7s;
  transition-duration: 0.7s;
}
#content2 {
  border: 1px solid #00F;
  position: absolute;
  right: -500px;
  width: 1000px;
  -webkit-transition-duration: 0.7s;
  transition-duration: 0.7s;
}
.right-hover #content2 {
  right: -100px;
}
.left-hover #content1 {
  left: -100px;
}
.content1,
.content2 {
  position: relative;
}
.content1 {
  width: 900px;
  background-color: red;
}
.content2 {
  width: 900px;
  background-color: blue;
  margin-left: 100px;
}
.content1:before {
  content: "";
  position: absolute;
  width: 200%;
  height: 200%;
  /*top: -100%;
	left: -153%;*/
  z-index: -1;
  background-color: red;
  -webkit-transform: rotate(126deg);
  transform: rotate(126deg);
  right: -805px;
}
.content2:before {
  content: "";
  position: absolute;
  width: 200%;
  height: 200%;
  /*top: -100%;
	left: -153%;*/
  z-index: -1;
  background-color: blue;
  -webkit-transform: rotate(126deg);
  transform: rotate(126deg);
}
.fdNoir {
  background-color: #000000;
}
#photo {
  width: 100%;
  position: relative;
  overflow: hidden;
  /*height:~"calc(100% - 68px)";*/
  height: 100%;
}
#photo img {
  vertical-align: baseline;
}
@media (min-width: 992px) {
  #photo1 {
    position: absolute;
    top: 0;
    width: 45.71428571%;
    width: 90.90909091%;
    left: -45.45454545%;
    transition-duration: 0.7s;
    height: 100%;
  }
}
@media (max-width: 768px) {
  #photo1 {
    width: 100%;
    order: 1;
  }
}
@media (min-width: 992px) {
  #photo2 {
    position: absolute;
    right: -54.54545455%;
    width: 54.85714286%;
    width: 109.09090909%;
    transition-duration: 0.7s;
    height: 100%;
  }
}
@media (max-width: 768px) {
  #photo2 {
    width: 100%;
  }
}
.photo1,
.photo2 {
  position: relative;
  height: 100%;
}
.photo1 {
  background-color: #25292b;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.photo1 .txt {
  color: #FFFFFF;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-duration: 0.7s;
  transition-duration: 0.7s;
}
@media (min-width: 992px) {
  .photo1 .txt {
    bottom: 10px;
    left: 51%;
    position: absolute;
  }
}
@media (max-width: 991px) {
  .photo1 .txt > div:nth-child(1) {
    display: none;
  }
}
@media (max-width: 768px) {
  .photo1 .txt {
    display: none;
  }
}
@media (max-width: 992px) {
  .photo1 {
    justify-content: center;
  }
}
.photo2 {
  background-color: #1a1a1a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}
.photo2 .txt {
  color: #FFFFFF;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-duration: 0.7s;
  transition-duration: 0.7s;
}
@media (min-width: 992px) {
  .photo2 .txt {
    top: 10px;
    right: 51%;
    position: absolute;
    color: #000000;
  }
}

@media (min-width: 768px) {
	.hidden-sm {
		display:none;
	}
}





@media (max-width: 991px) {
  .photo2 .txt > div:nth-child(2) {
    display: none;
  }
}
@media (max-width: 768px) {
  .photo2 .txt {
    display: none;
  }
}
.photo2:hover .txt {
  color: #FFFFFF;
}
@media (min-width: 992px) {
  .bouteille {
    height: 100%;
  }
  .bouteille div:nth-child(1) {
    padding: 20px 10px;
  }
  .bouteille img {
    max-height: 100%;
  }
}
@media (max-width: 991px) {
  .bouteille {
    padding: 10px;
  }
}
@media (min-width: 992px) {
  .bouteille1 {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .bouteille1 div:nth-child(2) {
    padding: 20px 10px;
  }
  .bouteille1 img {
    max-height: 100%;
  }
}
@media (max-width: 991px) {
  .bouteille1 {
    order: 1;
    padding: 10px;
  }
}
.right-hover #photo2 {
  right: 0%;
}
.right-hover .photo2 .txt {
  right: 1%;
}
.left-hover #photo1 {
  left: 0px;
}
.left-hover .photo1 .txt {
  left: 1%;
}
#mainContentBas {
  background-color: #FFFFFF;
}
#mainContentBas h2 {
  font-size: 48px;
  margin: 33px 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: normal;
}
#mainContentBas .txtRestaurant {
  max-width: 980px;
  margin: auto;
  text-align: center;
  margin-bottom: 50px;
  padding: 10px;
}
#mainContentBas .txtRestaurant ul {
  padding: 0;
  list-style: none;
}
#mainContentBas .txtRestaurant .mw650px {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}
#mainContentBas .txtRestaurant .mw750px {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}
#mainContentBas .txtVins {
  max-width: 1450px;
  margin: auto;
  margin-bottom: 50px;
  padding: 10px;
}
/***** slider sur les pages avec les chiffres  exemple page restaurant***/
div[class*=nav] {
  /*height: 60px;*/
  text-align: center;
  background: white;
  padding: 2px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  /*
	.arrow.left:hover {
		background-position: -20px -10px;
	}*/
  /*
	 .arrow.right:hover {
		background-position: 0 -10px;
	}*/
}
div[class*=nav] .arrow {
  /*display: inline-block;
		position: relative;
		top: -10px;*/
  cursor: pointer;
  width: 20px;
  height: 10px;
  background: url(../images/arrows_x2.png) no-repeat top left;
  background-size: 40px 20px;
}
div[class*=nav] .arrow.left {
  margin: 0 15px 0 0;
  background-position: -20px -10px;
}
div[class*=nav] .arrow.right {
  margin: 0 0 0 15px;
  background-position: 0 -10px;
}
div[class*=nav] div[class*=num],
div[class*=nav] div[class*=slash] {
  font-size: 35px;
}
div[class*=nav] div[class*=sel] {
  font-size: 35px;
  line-height: normal;
  color: #000000;
  padding: 0 3px;
}
#restaurant .restaurant-plat-1 {
  background-image: url("../images/restaurant-sylvaplana-plat-1.jpg");
  min-height: 816px;
}
#restaurant .restaurant-plat-2 {
  background-image: url("../images/restaurant-sylvaplana-plat-2.jpg");
  min-height: 816px;
}
#restaurant .restaurant-plat-3 {
  background-image: url("../images/restaurant-sylvaplana-plat-3.jpg");
  min-height: 409px;
}
#restaurant .restaurant-2 {
  background-image: url("../images/restaurant-sylvaplana-terrasse-2.jpg");
  min-height: 816px;
}
#restaurant .restaurant-3 {
  background-image: url("../images/restaurant-sylvaplana-terrasse-3.jpg");
  min-height: 816px;
}
#restaurant div[class*=restaurant-] {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 991px) {
  #restaurant div[class*=restaurant-] {
    min-height: 409px;
  }
}
@media (max-width: 767px) {
  #restaurant div[class*=restaurant-] {
    min-height: 250px;
  }
}
.txtContain {
  width: 100%;
  padding: 10px;
  font-size: 36px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fondNoir {
  background-color: #1a1a1a;
  color: #FFFFFF;
}
/** gd image en haut de page**/
#imgPresentation,
.imgPresentation {
  position: relative;
  overflow: hidden;
}
#imgPresentation > div,
.imgPresentation > div {
  font-size: 36px;
  color: #FFFFFF;
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px;
  max-width: 940px;
  text-align: center;
  text-shadow: 2px 2px 2px #000;
}
#imgPresentation img {
  transform: scale(1.2);
  transition-duration: 12s;
}
#imgActu {
  position: relative;
}
#imgActu > div {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
}
#imgActu .slideActu {
  padding: 5px;
  max-width: 600px;
}
#imgActu .slideActu_restaurant {
  padding: 5px;
  width: 600px;
  /*left: ~"calc(50% - 300px)";
		top: 120px;*/
}
#imgActu .slideActu_vins {
  padding: 5px;
  width: 600px;
}
#imgActu .slideActu_caveau {
  padding: 5px;
  width: 400px;
  top: 30px;
}
#slider_actu .owl-wrapper-outer {
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid #FFFFFF;
}
#slider_actu .owl-page {
  color: transparent;
  border-radius: 12px;
  width: 12px;
  height: 12px;
  border: 1px solid #FFFFFF;
  margin: 0 5px;
}
#slider_actu .active {
  background-color: #FFFFFF;
}
#slider_actu .owl-pagination {
  display: flex;
  justify-content: center;
  margin: 10px 0;
}
#slider_actu .owl-item-actu {
  padding: 30px;
  font-size: 24px;
}
#slider_actu .enSavoirPlus {
  display: block;
  font-size: 14px;
  margin-top: 25px;
  display: flex;
  justify-content: center;
}
#slider_actu .enSavoirPlus a {
  border: 1px solid #000000;
  color: #000000;
  text-decoration: none;
  padding: 5px;
}
#slider_actu .owl-buttons {
  position: absolute;
  display: flex;
  justify-content: space-between;
  width: 100%;
  top: 40%;
}
#slider_actu .owl-buttons > div {
  margin: 5px;
}
.chambres a {
  text-decoration: none;
  color: #000000;
}
.chambres a img {
  border: 0;
}
.titreChambre {
  border: 1px solid #000000;
  padding: 15px 10px;
  font-size: 18px;
}
.titreChambre .ttu {
  font-size: 24px;
}
.txtChambres {
  padding: 30px;
}
.txtChambres .tace {
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 75px;
}
#chbreActu.fondNoir {
  color: #000000;
  /*@media(max-width:768px){
		#chbreDeco{
			flex-wrap: wrap;
		}
	}*/
}
#chbreActu.fondNoir .txtBlanc {
  color: #FFFFFF;
  font-size: 14px;
  margin-top: 20px;
}
#chbreActu.fondNoir #chbreDeco img {
  padding: 5px;
}
#imgActuChbre {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
#imgActuChbre > div {
  /*position: absolute;
			top:0;
			left:0;*/
  padding: 5px;
  width: 400px;
  text-align: center;
}
@media (max-width: 768px) {
  #imgActuChbre {
    display: none;
  }
}
.descChbre {
  padding: 25px;
}
.descChbre .detailsChbre {
  margin-top: 5px;
  margin-bottom: 5px;
}
.descChbre .detailsChbre ul {
  list-style: none;
  padding: 0;
}
.descChbre .tarifsChbre {
  margin-top: 5px;
  margin-bottom: 5px;
  border: 1px solid #FFFFFF;
  padding: 25px 10px;
  font-size: 18px;
}
.descChbre .tarifsChbre .titreChbre {
  text-transform: uppercase;
  font-size: 24px;
}
.descChbre .tarifsChbre .nomChbre,
.descChbre .tarifsChbre .capaciteChbre {
  font-size: 18px;
  margin-bottom: 20px;
}
.descChbre .tarifsChbre .tarifChbre {
  text-align: center;
  font-size: 24px;
  font-family: 'latoRegular';
  text-transform: uppercase;
}
.descChbre .tarifsChbre .tarifChbrePrix {
  color: #9a825e;
}
.descChbre .tarifsChbre .tarifChbreNuit {
  font-size: 18px;
}
.descChbre .tarifsChbre .btnChbre {
  margin-top: 40px;
}
.descChbre .tarifsChbre .btnChbre a {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  padding: 5px 20px;
  font-family: 'latoRegular';
  margin: 5px;
}
.descChbre .tarifsChbre .btnChbre .btnDispo {
  background-color: #FFFFFF;
  color: #1a1a1a;
}
.descChbre .tarifsChbre .btnChbre .btnReserver {
  background-color: #5f5959;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}
.chambre {
  position: relative;
}
.chambre .retourChbre {
  position: absolute;
  top: 10px;
  right: 10px;
  text-decoration: none;
  font-size: 36px;
  color: #000000;
}
.chambre div[class*=imgChambre],
.chambre a[class*=imgChambre] {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  min-height: 340px;
}
@media (min-width: 768px) {
  .chambre div[class*=imgChambre],
  .chambre a[class*=imgChambre] {
    min-height: 816px;
  }
}
.chambre a[class*=imgChambre2] {
  min-height: 340px;
  width: 66.66%;
}
.chambre a[class*=imgChambre3] {
  min-height: 340px;
  width: 33.33%;
}
.chambre .imgChambreLeblanc {
  background-image: url(../images/chambre-leblanc-abbaye-sylvaplana.jpg);
}
.chambre .imgChambre2Leblanc {
  background-image: url(../images/chambre-leblanc-abbaye-sylvaplana-2.jpg);
}
.chambre .imgChambre3Leblanc {
  background-image: url(../images/chambre-leblanc-abbaye-sylvaplana-3.jpg);
}
.chambre .imgChambreLacloseraie {
  background-image: url(../images/chambre-lacloseraie-abbaye-sylvaplana.jpg);
}
.chambre .imgChambre2Lacloseraie {
  background-image: url(../images/chambre-lacloseraie-abbaye-sylvaplana-2.jpg);
}
.chambre .imgChambre3Lacloseraie {
  background-image: url(../images/chambre-lacloseraie-abbaye-sylvaplana-3.jpg);
}
.chambre .imgChambreLapartdudiable {
  background-image: url(../images/suite-lapartdudiable-abbaye-sylvaplana.jpg);
}
.chambre .imgChambre2Lapartdudiable {
  background-image: url(../images/suite-lapartdudiable-abbaye-sylvaplana-2.jpg);
}
.chambre .imgChambre3Lapartdudiable {
  background-image: url(../images/suite-lapartdudiable-abbaye-sylvaplana-3.jpg);
}
.chambre .imgChambreLesnovices {
  background-image: url(../images/chambre-lesnovices-abbaye-sylvaplana.jpg);
}
.chambre .imgChambre2Lesnovices {
  background-image: url(../images/chambre-lesnovices-abbaye-sylvaplana-2.jpg);
}
.chambre .imgChambre3Lesnovices {
  background-image: url(../images/chambre-lesnovices-abbaye-sylvaplana-3.jpg);
}
.chambre .imgChambreLesongedelabbe {
  background-image: url(../images/mini-suite-lesongedelabbe-abbaye-sylvaplana.jpg);
}
.chambre .imgChambre2Lesongedelabbe {
  background-image: url(../images/mini-suite-lesongedelabbe-abbaye-sylvaplana-2.jpg);
}
.chambre .imgChambre3Lesongedelabbe {
  background-image: url(../images/mini-suite-lesongedelabbe-abbaye-sylvaplana-3.jpg);
}
/*** page vin **/
#vins .vins {
  position: relative;
  overflow: hidden;
  text-align: center;
}
#vins .vins .txtHover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: none;
  text-shadow: 2px 2px 2px #000000;
}
@media (min-width: 768px) {
  #vins .vins .txtHover {
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition-duration: 0.51s;
  }
}
#vins .vins .txtHover:hover {
  opacity: 1;
  visibility: visible;
}
#vins .vins .txtHover a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 36px;
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 10px;
}
#vins .vins .txtHover a span {
  max-width: 270px;
}
#vins .vins .txtHoverSsImg {
  opacity: 1;
  visibility: visible;
}
#vins .decouvrezVins {
  background-color: #1a1a1a;
  color: #FFFFFF;
  font-size: 36px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}
@media (max-width: 767px) {
  #vins .decouvrezVins {
    text-align: center;
  }
}
#vins .txtBas {
  color: #FFFFFF;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
  width: 100%;
  background-color: #1a1a1a;
}
#vins .txtBas > div {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
#vins .txtBas .titre {
  text-transform: uppercase;
  font-size: 48px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  #vins .vins,
  #vins .txtBas,
  #vins #imgActu {
    order: 1;
  }
}
/*** page détails vin ***/
#vin {
  background: linear-gradient(#1a1a1a 180px, #FFFFFF 181px);
  position: relative;
}
#vin .retourVins {
  position: absolute;
  top: 10px;
  right: 10px;
  text-decoration: none;
  font-size: 36px;
  color: #FFFFFF;
}
#vin .titre {
  height: 180px;
}
#vin #degustation,
#vin #cepages {
  display: flex;
  flex-wrap: wrap;
}
#vin #degustation > div,
#vin #cepages > div {
  padding-left: 10px;
  padding-right: 10px;
}
#vin #degustation .titre,
#vin #cepages .titre {
  color: #FFFFFF;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  background-color: #1a1a1a;
  flex-wrap: wrap;
}
@media (min-width: 1200px) {
  #vin #degustation .titre,
  #vin #cepages .titre {
    padding-left: 16.66666667%;
    padding-right: 0px;
  }
}
#vin #degustation .titreVin,
#vin #cepages .titreVin {
  text-transform: uppercase;
  margin-bottom: 20px;
  margin-top: 15px;
  font-size: 18px;
}
@media (min-width: 1200px) {
  #vin #degustation .degustation,
  #vin #cepages .degustation,
  #vin #degustation .cepages,
  #vin #cepages .cepages {
    padding-left: 16.66666667%;
    padding-right: 16.66666667%;
  }
}
#vin #degustation .titre {
  font-size: 38px;
}
#vin #cepages .titre {
  text-align: center;
}
#vin #cepages .titre a {
  color: #FFFFFF;
  text-decoration: none;
}
#vin .degustation,
#vin .cepages {
  text-align: center;
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  flex: 1;
}
#vin #bouteille {
  /*padding-top: 80px;*/
  text-align: center;
}
@media (min-width: 1200px) {
  #vin #bouteille {
    padding-top: 80px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  #vin #bouteille {
    order: 1;
  }
}
#accompagnement {
  margin-top: 50px;
}
#accompagnement .accompagnement {
  padding: 10px;
  text-align: center;
}
#accompagnement .accompagnement .titreAccompagnement {
  margin: 15px auto;
  font-size: 18px;
  text-transform: uppercase;
}
#accompagnement .temperature {
  background-color: #1a1a1a;
  color: #FFFFFF;
  font-size: 18px;
  text-transform: uppercase;
  text-align: center;
}
#accompagnement .temperature .degres {
  font-size: 36px;
}
#accompagnement .temperature img {
  margin: 20px;
}
#recompense {
  padding: 45px 5px 15px;
  text-align: center;
}
#recompense .titreRecompense {
  text-transform: uppercase;
  font-size: 48px;
  margin-bottom: 45px;
}
@media (max-width: 767px) {
  #recompense .titreRecompense {
    font-size: 36px;
  }
}
#recompense .prix {
  max-width: 725px;
  margin: auto;
}
#recompense .prix .titrePrix {
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 15px;
}
#recompense .prix > div {
  padding: 20px;
}
/** situation **/
#coordonnees {
  font-size: 20px;
  padding: 10px;
  margin-bottom: 35px;
}
#coordonnees .titre {
  font-size: 36px;
  margin-bottom: 25px;
}
#coordonnees .adresse a {
  color: #000000;
}
#coordonnees .gps {
  text-align: center;
  margin: 15px auto;
}
#coordonnees .txt {
  padding: 0 10px;
}
#cartes > div {
  padding: 10px;
}
#cartes iframe {
  border: 0;
  width: 100%;
  height: 100%;
  max-width: 680px;
  max-height: 580px;
  min-height: 300px;
}
@media (min-width: 992px) {
  .actualites {
    padding: 40px;
  }
}
.actualites > div {
  border-top: 1px solid #1a1a1a;
  padding: 15px;
  font-size: 20px;
}
.actualites > div .titre {
  font-size: 36px;
  margin-bottom: 25px;
}
.actualites > div .adresse a,
.actualites > div .details a {
  color: #000000;
}
.actualites > div .txt {
  padding: 0 10px;
}
#recompenses {
  margin: 0 40px;
}
#recompenses .wineSpectator {
  margin-top: 50px;
}
#recompenses .txt {
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  #recompenses {
    margin: 0 10px;
  }
  #recompenses h2 {
    font-size: 36px !important;
  }
	#icone {
    position: fixed;
    bottom: 0;
    font-size: 35px;
  background-color: #fff;
    padding: 10px;
}
}
#contact {
  margin: 0 40px;
  margin-bottom: 20px;
  font-size: 20px;
}
#contact a {
  color: #000000;
}
@media (min-width: 992px) {
  #contact form {
    padding: 0 10px;
  }
}
#contact input[type=text],
#contact textarea {
  width: calc(100% - 37px);
  border-radius: 15px;
  border: 1px solid #000000;
  padding: 15px;
  margin: 10px 0;
}
#contact select {
  width: calc(100% - 4px);
  border-radius: 15px;
  border: 1px solid #000000;
  margin: 10px 0;
  padding: 0 15px;
  text-transform: uppercase;
}
#contact option {
  width: calc(100%);
  padding: 15px;
}
#contact textarea {
  height: 100px;
}
#contact input[type=submit] {
  color: #FFFFFF;
  text-transform: uppercase;
  background-color: #000000;
  padding: 10px;
  border: 0;
  border-radius: 5px;
}
#contact button {
  color: #FFFFFF;
  text-transform: uppercase;
  background-color: #000000;
  padding: 10px;
  border: 0;
  border-radius: 5px;
	cursor:pointer;
}
#contact form .retour {
  text-align: center;
  font-size: 14px;
  margin: auto;
  margin-top: 20px;
  padding: 5px;
  border-radius: 10px;
  margin-bottom: 20px;
}
#contact form .success {
  background-color: #dff0d8 ;
  border: 1px solid #468847;
  color: #468847;
}
#contact form .error {
  border: 1px solid  #c7254e;
  background-color: #f9f2f4;
  color: #c7254e;
}
#contact #f {
  font-size: 14px;
}
#contact #f .montant {
  width: calc(100% - 70px);
  margin: 5px 10px;
  text-align: right;
}
#contact .typeCarte{
	margin: 15px 0;
}
#contact .typeCarte label{
	padding: 5px;	
}
.g-recaptcha{margin-bottom: 10px;}
#actuMenu {
  display: flex;
  justify-content: center;
  text-transform: uppercase;
  margin: 30px 2px;
  flex-wrap: wrap;
}
#actuMenu > div {
  margin: 2px;
  border: 1px solid #1a1a1a;
  padding: 15px;
  cursor: pointer;
}
#domaine {
  text-align: center;
}
#domaine .zoneTxt {
  padding: 20px;
}
#domaine .zoneTxt .titre {
  text-transform: uppercase;
  font-size: 48px;
  text-align: center;
}
#domaine .zoneTxt .ssTitre {
  text-transform: uppercase;
  font-size: 36px;
  text-align: center;
}
#domaine .zoneTxt .txtDomaine {
  text-align: justify;
}
#menuDomaine {
  display: flex;
  flex-wrap: wrap;
}
#menuDomaine .menuDomaine {
  position: relative;
}
#menuDomaine .menuDomaine .txtMenu {
  position: absolute;
  top: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 2vw;
  color: #FFFFFF;
  text-shadow: 2px 2px 2px #000000;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.6);
}
@media (max-width: 992px) {
  #menuDomaine .menuDomaine .txtMenu {
    font-size: 30px;
  }
}
#historique #txt {
  max-width: 730px;
  text-shadow: 2px 2px 2px #000000;
}
#histoire,
#terroir,
#sol_de_schiste,
#appellation {
  display: none;
}
#histoire .ssTitre {
  margin-bottom: 60px;
}
#histoire .txtDomaine {
  margin-bottom: 80px;
}
#histoire .secateur {
  background-image: url(../images/abbaye-historique-1.jpg);
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 40%;
}
#histoire .pierre {
  background-image: url(../images/abbaye-historique-2.jpg);
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 60%;
}
#histoire .vigne {
  background-image: url(../images/abbaye-historique-3.jpg);
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 50%;
}
#histoire .roue {
  background-image: url(../images/abbaye-historique-4.jpg);
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 50%;
}
@media (max-width: 1200px) {
  #histoire .secateur,
  #histoire .pierre {
    height: 336px;
    width: 50%;
  }
  #histoire .vigne,
  #histoire .roue {
    height: 408px;
    width: 50%;
  }
}
@media (max-width: 992px) {
  #histoire .secateur {
    height: 336px;
    width: 100%;
  }
  #histoire .pierre {
    height: 480px;
    width: 100%;
  }
  #histoire .vigne,
  #histoire .roue {
    width: 100%;
  }
}
#terroir .ssTitre,
#sol_de_schiste .ssTitre,
#appellation .ssTitre {
  margin-bottom: 60px;
}
#terroir .terroir-1 {
  background-image: url("../images/abbaye-sylvaplana-terroir-1.jpg");
  min-height: 816px;
}
#terroir .terroir-2 {
  background-image: url("../images/abbaye-sylvaplana-terroir-2.jpg");
  min-height: 409px;
}
#terroir .terroir-3 {
  background-image: url("../images/abbaye-sylvaplana-terroir-3.jpg");
  min-height: 816px;
}
#terroir .terroir-4 {
  background-image: url("../images/abbaye-sylvaplana-terroir-4.jpg");
  min-height: 409px;
}
#terroir div[class*=terroir-] {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
}
@media (max-width: 991px) {
  #terroir div[class*=terroir-] {
    min-height: 409px;
  }
}

@media (max-width: 767px) {
  #terroir div[class*=terroir-] {
    min-height: 250px;
  }
}
.decouvrezVinsDeshenry {
  background-color: #1a1a1a;
  color: #FFFFFF;
  padding: 20px;
  line-height: 1.8;
}














@media (min-width: 1200px) {
  .decouvrezVinsDeshenry {
    font-size: 0.72vw;
  }
}
#animSchiste {
  position: relative;
  width: 100%;
  min-height: 645px;
  overflow: hidden;
}
#animSchiste .animSchiste {
  position: absolute;
  height: 100%;
  width: 33.33%;
  overflow: hidden;
  transition-duration: 1s;
}
#animSchiste .animSchiste:hover {
  width: 100%;
  left: 0;
  z-index: 1;
}
#animSchiste .animSchiste1 {
  left: 0;
}
#animSchiste .animSchiste1:hover {
  width: 100%;
}
#animSchiste .animSchiste2 {
  left: 33.33%;
}
#animSchiste .animSchiste2 img {
  margin-left: -100%;
  transition-duration: 1s;
}
#animSchiste .animSchiste2 img:hover {
  margin-left: 0;
}
#animSchiste .animSchiste3 {
  left: 66.66%;
}
.grise {
  color: #808080;
}

.voirPdf {
 color: #000000;
 border-style: solid;
 margin: 10px;
 padding: 10px; 
}
.voirPdf a {
  color: #000000;
 border: double;
}
.stitres-menu-noel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #C40000;
	font-weight: bold;
	text-transform: uppercase;
  }
#Timeline1{ z-index:1000000000 !important;}
#Timeline1 img{max-width:100%}
@media(max-width:767px){
	#Timeline1{
		left: 0 !important;
		width: 100% !important;
		text-align: center;
		bottom: inherit !important;
			
	}
}

#le-point-img {
  width: 91%;
}
#vins{
	background-color: #000;
}