@font-face {
    font-family: 'amaticbold';
    src: url('ambold-webfont.eot');
    src: url('ambold-webfont.eot?#iefix') format('embedded-opentype'),
         url('ambold-webfont.woff2') format('woff2'),
         url('ambold-webfont.woff') format('woff'),
         url('ambold-webfont.ttf') format('truetype'),
         url('ambold-webfont.svg#amaticbold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
*,*:after,*:before	{	margin:0; padding:0;-ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;	}
html	{	font-size:15px; 	}
body {	background-color: #fff; font-family:'Roboto', 'Nimbus Sans L',-apple-system,BlinkMacSystemFont,"Segoe UI", sans-serif; color:#fff;}
header, section, footer, aside, nav, article, figure, figcaption, video, main {	display: block;	}
p, div, ul, ol, li, table, td, h2, h3, h4, input, select, header, section, footer, aside, nav, article, figure,figcaption, video, fieldset,textarea{ font-size:1.1rem; line-height:1.5rem; color:inherit;font-weight:normal;}
ul,li,textarea,input,fieldset,header,footer,nav,figure,figcaption{overflow:hidden;}
h1,h2	{	font-family: 'amaticbold'; font-weight:normal;word-spacing:3px;	}
h1	{	margin:0 auto 15px auto; font-size:3rem; color:#c3b890; line-height:6rem;text-align:center;	}
h2	{	margin:0 0 25px 0; font-size:2.5rem; line-height:3.5rem;	}
h3	{	margin:20px auto; font-size:1.5rem;line-height:2.2rem;	}
p, .m15{margin: 15px auto;}
li, .m5	{margin: 5px auto;}
figcaption, .notes	{	font-size:0.9rem; font-style:italic;	}
figcaption	{	margin:5px auto; text-align:center;}
header	{	padding-bottom: 20px;	}
ul	{	list-style-position:inside; padding-left:15px;	}
footer	{	padding:20px 0;}
footer,.altern 	{	background-color: #4c544d; color:white;	}
a	{	text-decoration:none;color: #907b33;	}
img	{	border:none; vertical-align:bottom;	}
form{min-width:0:}
fieldset{flex:1; padding:1rem; width:50%;border:none;}
fieldset > p{display:flex;margin:15px auto;}
label{margin: 0 10px 0 auto;}
input, textarea	{border: dashed 1px #aaa; border-radius:4px 4px;  font-family:inherit; }
textarea	{min-height:200px;}
form input:not([type=submit]), textarea {	width:100%;background-color:#f1f1f4;padding:1px 4px;flex: 1; display: block; min-width: 0;}
input:invalid, input:required {	box-shadow: none; border-color:red;	}
input:valid {	box-shadow: none;border-color:#aaa;	}
input[type=submit]	{	padding:5px 15px; background-color:#eb5200; color:white;}
ul {list-style: none inside; padding-left:15px;}
hr{width:250px; height:1px; margin:20px auto;border:0;background-image: linear-gradient(to right, rgba(50, 50, 50, 0), rgba(200, 200, 200, 0.8), rgba(50, 50, 50, 0));}
.wrap, .flex, .column	{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox;display:flex;}
.wrap	{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.column{flex-direction:column;}
.content, .w1400{max-width:1400px; margin:0 auto; padding:50px 40px;}
.content{webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.blanc, .vert, .bleu{min-height:450px;}
.m0{margin: 0 auto;}
.m10{margin: 10px auto;}
.m20{margin: 20px auto;}
.m40{margin: 40px auto;}
.m80{margin: 80px auto;}
.h15{margin:auto 15px;}
.p0{padding:0;}
.p5{padding: 5px 5px;}
.p10{padding: 10px 10px;}
.p20{padding: 20px 20px;}
.p30{padding: 30px 30px;}
.w100{width:100%;}
.blanc{background-color: #fff; color:#444;}
.bleu{background-color: #064859; color:#eee; }
.vert{background-color: #335906;color:#eee; position:relative; }
.bgsm{background-color: #e9363f;}
.g25{gap:25px;}
.g50{gap:50px;}
.g75{gap:75px;}
.stretch{-webkit-align-items: stretch;-ms-flex-align: stretch; align-items:stretch;}
.justCentre{-webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center;-}
.justStart{-webkit-justify-content:flex-start; justify-content: flex-start;}
.milieu{justify-content:center; align-items:center;}
.border{border:solid 1px #e1e1e1}
.logo{position:absolute; top: -30px; left: calc(50% - 30px);}
.liens	{	background-color: #907b33; padding:15px 15px;margin:30px auto 10px auto; max-width:250px;-webkit-transition: all 650ms ease; -o-transition: all 650ms ease; transition: all 650ms ease;	}
.liens:hover	{	-webkit-transform:scale(1.10); -ms-transform:scale(1.10); transform:scale(1.10);	}
a.liens, p.liens > a	{	color:#eee;	}
.bgCover{background-position:center center; background-repeat:no-repeat;background-size:cover;}
.auCentre{text-align:center;}
.box	{	-webkit-box-flex:1; -webkit-flex:1 1; -ms-flex:1 1; flex:1 1; padding-bottom:30px;	}
.innerbox	{	width: 80%; max-width: 1300px; padding:20px 0;	}
.innerflex	{	-webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center;-webkit-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;	}
.figflex	{	-webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between;-webkit-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch; margin:30px auto;	}
.guide	{	-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;	}
div.guide>figure	{	margin: auto auto auto 50px;	}
.figflex img	{	width:250px; margin:10px 10px;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.39); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.39); border-radius: 5px;	}
.figflex img:hover {	border-radius: 50%;	}
.items	{-webkit-box-flex:1; -webkit-flex:1 auto; -ms-flex:1 auto; flex:1 auto; width:30%; min-width:300px; margin:20px 20px; border:solid 1px #e1e1e1; border-radius: 6px 6px;}
section.vert .items{border:solid 1px #888;}
.wall	{	-webkit-box-flex: 25%; -webkit-flex: 25%; -ms-flex: 25%; flex: 25%; max-width: 25%; padding: 0 5px;	}
.wall img	{	margin-top: 10px;vertical-align: middle;width:100%; border-radius:4px 4px;	}
#navmenu {height:85px;background:#4c544d;padding-top:8px;}
#navmenu.fixed {position:fixed;width:100%;top:0;left:0;z-index:900;}
#menu	{	text-align:center; padding-left:unset;	}
#menu li	{	display:inline;  padding:0 15px;line-height:48px;	}
#menu.onTop li	{	line-height:28px;	}
#menu a	{	font-weight:normal;	}
#menu img	{	vertical-align:top;width:44px; height:44px;	}
#menu.onTop img	{	width:28px; height:28px; 	}
#menu span	{	display:none;	}
#menu.onTop span	{	display:inline;margin-left:8px;	}
#navmenu.fixed > #menu:after	{	content:"Gite de Vergol"; display:block; font-size:1rem;line-height:1.2rem;letter-spacing:4px;font-family: 'amaticbold';color:#eee;	}
div#slider { width: 1600px; max-width: 1600px;overflow: hidden; margin:0 auto 30px auto; } 
div#slider figure {	position: relative;width: 1000%;font-size: 0;text-align: left;-webkit-animation: 50s slidy infinite; animation: 50s slidy infinite;	}
div#slider figure img { width: calc(100% / 10); height: auto; float: left; }
@-webkit-keyframes slidy {
  0% { left: 0%; }
  10% { left: 0%; }
  11% { left: -100%; }
  20% { left: -100%; }
  21% { left: -200%; }
  30% { left: -200%; }
  31% { left: -300%; }
  40% { left: -300%; }
  41% { left: -400%; }
  50% { left: -400%; }
  51% { left: -500%; }
  60% { left: -500%; }
  61% { left: -600%; }
  70% { left: -600%; }
  71% { left: -700%; }
  80% { left: -700%; }
  81% {left: -800%}
  90% {left: -800%}
  91% {left: -900%}
  100% {left: -900%}
}
@keyframes slidy {
  0% { left: 0%; }
  10% { left: 0%; }
  11% { left: -100%; }
  20% { left: -100%; }
  21% { left: -200%; }
  30% { left: -200%; }
  31% { left: -300%; }
  40% { left: -300%; }
  41% { left: -400%; }
  50% { left: -400%; }
  51% { left: -500%; }
  60% { left: -500%; }
  61% { left: -600%; }
  70% { left: -600%; }
  71% { left: -700%; }
  80% { left: -700%; }
  81% {left: -800%}
  90% {left: -800%}
  91% {left: -900%}
  100% {left: -900%}
}

#myModal {
display: none;
position: fixed;
z-index: 1000;
padding:30px 30px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0,0,0,0.97);
}
.modal	{	opacity:0;	}
.opaque	{	opacity:1; -webkit-transition: opacity 750ms ease-in; -o-transition: opacity 750ms ease-in; transition: opacity 750ms ease-in;	}
/* Modal Content */
.modal-content {position: relative; width: 90%; height:100%;}
#imgBox {
-webkit-align-content:center;
    -ms-flex-line-pack:center;
        align-content:center;
-webkit-box-pack:center;
-webkit-justify-content:center;
    -ms-flex-pack:center;
        justify-content:center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
    -ms-flex-direction: column;
        flex-direction: column;
overflow:hidden;
}
#imgBox>img {	max-width:100%;	}
#caption {	color: white; font-size:0.9rem; 	}

/* boutons */
.close {color: white; position: absolute; top: 10px; right: 25px; font-size: 35px; font-weight: bold;}
.close:hover,.close:focus {color: #999;text-decoration: none;cursor: pointer;}
.cursor {cursor: pointer;}
.prev, .next {cursor: pointer; position: absolute; top: 50%; left:0; padding: 16px; color: white; font-weight: bold; font-size: 20px; -webkit-transition: 0.6s ease; -o-transition: 0.6s ease; transition: 0.6s ease; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none;}
.next {	left: calc(100% - 49px); border-radius: 3px 0 0 3px;	}
.prev:hover, .next:hover {	background-color: rgba(0, 0, 0, 0.8);	}

@media (max-width: 1020px) {
div#slider, #enTete, .innerbox	{	width:90%;	}
.guide	{	flex-direction: column-reverse;	}
div.guide>figure	{	margin: 0 auto 50px auto;	}
form {	flex-direction: column;	}
fieldset	{	width:100%;	}
.margeG	{	margin: 20px auto 0 auto;	}
label	{	margin:0 auto;	}
fieldset > p {	-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
}
@media (max-width: 768px) {
h1	{	font-size:2.5rem; line-height:4rem;	}
.wall	{	-webkit-box-flex: 50%; -webkit-flex: 50%; -ms-flex: 50%; flex: 50%; max-width: 50%; padding: 0 5px;	}
#myModal {	padding:10px 30px;	}
}
@media (max-width: 540px) {
h1	{	font-size:2rem; line-height:3rem;	}
div#slider, #enTete, .innerbox	{	width:100%;	}
.wall	{	-webkit-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; max-width: 360px; padding: 0 5px;}
#menu.onTop img	{	width:44px; height:44px; 	}
#menu.onTop span	{	display:none; 	}
#navmenu.fixed > #menu:after	{	font-size:1.1rem;	}
/*h2	{	text-align:center; line-height:3rem;	}*/
form input:not([type=submit]), textarea {	flex: unset;	}
}