@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
    scroll-behavior: smooth;
}

@font-face {
    font-family: "Noto Serif";
    src:url(/assets/fonts/NotoSans-Regular.ttf);
}

@font-face {
    font-family: "raleway";
    src:url(/assets/fonts/Raleway-Regular.ttf);
}

@font-face {
    font-family: "SysFalsoW00-italic";
    src:url(/assets/fonts/SysFalso-W00-Italic.ttf);
}

.en {
	display: flex;
	justify-content: flex-end;
	padding-right: 40px;

}
.en button {
	position: relative;
	align-items: center;
	justify-content:center;
	font-family: "raleway";
    font-size: 0.8em;
    font-weight:700;
	color: rgb(255, 255, 255);
	height: 25px;
	width: 80px;
	border-radius: 40px;
	border: 2px solid rgb(255, 255, 255);
	transition: all 0.5s ease-out;
	background-color: rgba(255, 255, 255, 0);	
}

.en button:hover,
.en button:focus {
	color:#e7b670;
	background-color: rgb(255, 255, 255);	
}

.sec1 {
    display: flex;
    height: 100vh;
    width: 100%;
	align-items: center;
	justify-content: center;
    text-align: center;
    background: url(/assets/img/cave_degustation.jpg);
    opacity: 1;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

}

.sec1 h1{
    color:white;
    font-size: 6em;
    font-weight:400;
    text-align: center;
    font-family: "SysFalsoW00-italic";
    margin-left: 80px;
    margin-right: 80px;
}

.sec2 h2 {
    color:#000000ad;
    font-size: 2.2em;
    font-family: "SysFalsoW00-italic";
    font-weight: 400;
    margin-bottom: 20px;
    align-items: center;
}

.sec2 p { color:rgb(0, 0, 0);
    font-size: 0.8em;
    max-width: 800px;
    line-height: 1.8;
    text-align: left;
    font-family: "raleway";
    font-weight: 600;
}
.sec2 {
margin-top: 60px;
margin-bottom: 60px;

}


.sec2 .container {
    display: flex;
    justify-content: center;
}

.sec2 .content-top1{
    display: flex;
    justify-content: center;
}

.sec2 .right{
    margin-left: 100px;

}

.sec2 a {
    text-decoration: none;
    color:#e7b670;

}
.sec2b{  
    display: flex;
    height: 500px;
    width: 100%;
    justify-content: center;
    align-items: center;
    background: url(/assets/img/carte_domaine.jpg);
    background-position: center center;
    opacity: 1;
    background-repeat: no-repeat;
    background-size: cover;

}

.sec3 {
    display: flex;
    height: 500px;
    width: 100%;
    justify-content: center;
    align-items: center;
    background: url(/assets/img/visite_de_cave_ultra.jpg);
    background-attachment: fixed;
    opacity: 1;
    background-position: center center;
    background-repeat: no-repeat;
    color:#ffffff;
    background-size: cover;
}

.sec3 h2 {
    color:#ffffff ;
    font-size:2.2em;
    text-align: left;
    font-family: "SysFalsoW00-italic";
    font-weight: 400;
    margin-bottom: 20px;
}

.sec3 p {color:white;
    font-size: 0.8em;
    line-height: 1.8;
    text-align: left;
    font-family: "raleway";
    font-weight: 400;
}


.sec4 .title{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
    margin-left: 0px;
    color:#000000ad ;  
}

.sec4 .soustitle {
    margin-bottom: 20px;
    font-family: "Noto Serif";
    color:#e7b670;
    font-size:0.8em;
    margin-left: 100px;

}
.sec4 h2 {
    color:#000000ad;
    font-size: 2.3em;
    text-align: left;
    font-family: "SysFalsoW00-italic";
    font-weight: 400;
    margin-top: 60px;
    margin-bottom: -10px;
}
.sec5 {
    height: 500px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.content-top, .content-bottom {
    display: flex;
}

.content-top ul, .content-bottom ul {
    display: inline-block;
    font-family: "raleway";
    font-size:0.8em;
    vertical-align: top;
    line-height: 1.8;
    font-weight: 500;
    color:#000000ad ;
    margin-left: 0px;
    }

h4{ font-family: "Noto Serif";
    color:#e7b670;
    font-size:1 em;
    margin-left: 00px;
    margin-bottom: 20px;
}

.content-bottom{
    margin-left: 240px;
}


.content12 {
    font-family: "raleway";
    font-style: normal;
}

.pied {
    margin-top: 60px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;	font-size: 0.8em;
    background-color: #e7b670;
    background-position: center;
    background-size: cover;
}
.pied a {
	color: white;
}

.nav{
	display: flex;
    flex-direction: column;
    align-items: center;
	padding: 25px;
    font-weight: 700;
}

.pied .nav ul {
	display: flex
}

.pied .nav ul li {
	margin: 0 30px 
}

.pied .nav p{
    color: white;
    font-family: "raleway";
	font-weight: 400;
    text-align: center;
    font-size: 1em;
}
.pied .icon img{
	width: 35PX;
}
@media (max-width: 1366px) {
    .sec1 {
        background: url(/assets/img/cave_degustation.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
} 

.sec3 {
    background: url(/assets/img/visite_de_cave_ultra.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
} 

.sec2b {
    background: url(/assets/img/carte_domaine.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
} 
}
@media (max-width: 1024px) {
.sec1 h1 {    font-size: 4em; }
.content1 { flex-direction: column;}
.sec2{height: 400px;}
.sec2 { margin-top: 60px; margin-bottom: 0px; }
.sec2 .content-top1{flex-direction: column; justify-content: center}
.content-top { flex-direction: column;}
.content-bottom { flex-direction: column;margin-left: 0; margin-top: 40px}
.sec5 {height: 600px;}
.sec2 .content-top1 {margin-top: 10px;}
.sec2 .right{ margin-left: 0px; margin-top: 40px;}
.pied .nav ul li {margin: 0 10px}
.pied .icon img { width: 30PX;}

}

@media (max-width: 518px) {
.sec1 {background-size: cover;}
.sec1 h1 {font-size: 3em; }
.sec2 { margin-top: 60px; margin-bottom: 0px; margin-left: 20px;}
.sec2 h2 {font-size: 1.6em;}
.sec4 .title{font-size: 0.8em;}
.sec3 .title {font-size: 0.8em;}
.sec3 .title p {font-size: 0.9em;}
    
}