html{
	scroll-behavior: smooth;
}
body, html {
  width:100%;
  min-width:500px;
  height: 100%;
  margin: 0;
  padding: 0;
}

#main {
  width:100%;
  margin: 0;
  padding: 0;
  
}

.fullbackground, .fullbackground-2 {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.fullbackground {
  background-image: url("./ressources/wip.jpg");
  height: 100%;
}
.fullbackground-2 {
  background-image: url("./ressources/wip-2.jpg");
  height: 100%;
}

.caption {
	font-family: 'KudryashevHeadlineSans', sans-serif;

	position: absolute;
	left: 55%;
	top: 30%;
	width: 30%;
	height:35%;
	text-align: center;
	color: #000;
	background-color : #FFFFFFCC; 
	padding:50px;
}

header{
	background-color:#333333CC;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 10000;
	overflow: hidden;
}

.headerstandard-inner{
	max-width: 1224px;
}


header h1{
	color:#FFF;
	text-align:left;
	padding:10px;
}


h1{
	font-family: 'StyledUp', sans-serif;
	font-size:50px;
	margin:5px;
	font-weight: normal;
	text-align:center;
}
header h1{
	float:left; 
	margin:0px 50px;
}

#section2, #section3, #section4, #section5 {
	height:100%; 
	width:100%;
	background-image: url("./ressources/design2-down.png"); 
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: 200px;
	
	padding : 100px 0px;
}

#section2, #section4 {
	background-color: seashell;
	
}

@keyframes slidy {
	0% { left: 0%; }
	20% { left: 0%; }
	25% { left: -100%; }
	45% { left: -100%; }
	50% { left: -200%; }
	70% { left: -200%; }
	75% { left: -300%; }
	95% { left: -300%; }
	100% { left: -400%; }
}

div#slider { 
	overflow: hidden;
	width:40%;
	min-width:500px;
	margin:auto;
}
div#slider figure img { 
	width: 20%; 
	float: left; 
}

div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 15s slidy infinite; 
}

.ouquandcomment div.item{
	border : 1px solid wheat;
	background-color:white;
	padding : 10px;
	margin : 10px;
	
	width : 30%;
	min-width : 320px;
	
	height:200px;
	
	float : left;
}

.us-caption{
	border : 1px solid wheat;
	background-color:white;
	padding : 5px 20px;
	margin : 5px auto;
	
	width : 30%;
	min-width : 570px;
}

.us-caption p{
	font-family: 'ChampagneLimousines', sans-serif;
	font-size:16px;
	font-weight:bold;
}


.ouquandcomment h2{
	font-family: 'KudryashevHeadlineSans', sans-serif;
	font-size:22px;

	text-align:center;
}

.ouquandcomment p, 
.ouquandcomment li{
	font-family: 'ChampagneLimousines', sans-serif;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}

.leaves {
  position: relative;
  background-position: bottom;
  background-repeat: no-repeat;
}


div.center {
	width:300px;
	margin:auto;
}

div.center h3{
	font-family: 'KudryashevHeadlineSans', sans-serif;
	font-size:15px;
	text-align:center;
}
div.center p{
	font-family: 'KudryashevHeadlineSans', sans-serif;
	font-size:14px;
	text-align:center;
}

div.left {
	width:240px;
	padding:5px 320px 5px 5px;
	margin:auto;
}

div.left h3{
	font-family: 'KudryashevHeadlineSans', sans-serif;
	font-size:15px;
	text-align:right;
}
div.left p{
	font-family: 'KudryashevHeadlineSans', sans-serif;
	font-size:14px;
	text-align:right;
}
 
div.right {
	width:240px;
	padding:5px 5px 5px 320px;
	margin:auto;
}

div.right h3{
	font-family: 'KudryashevHeadlineSans', sans-serif;
	font-size:15px;
	text-align:left;
}
div.right p{
	font-family: 'KudryashevHeadlineSans', sans-serif;
	font-size:14px;
	text-align:left;
}



.nav-menu li{
  list-style: none;
}
.nav-menu a{
	font: 20px 'KudryashevHeadlineSans';
	color: #FFFFFF;
}
.nav-item{
	width: max-content
}

nav a:link{
	text-decoration: none;	
}


.navbar{
  min-height: 70px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
}
.nav-branding{
  font-size: 2rem;
}
.nav-menu{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 60px;
}
.nav-link{
  transition: 0.3s ease-out;
}
.nav-link:hover{
  color: dodgerblue;
}
.hamburger{
  display: none;
  cursor: pointer;
}
.bar{
  display: block;
  width: 25px;
  height: 3px;
  margin: 5px auto;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: white;
}
div.message{
	padding:10px;
	margin:0px;
}
div.message p{
	font-family: 'ChampagneLimousines', sans-serif;
	font-size:30px;
	font-weight:bold;
	font-weight: normal;
	text-align:center;
}