body{
  background: White;
  font-family: EB Garamond;
  font-size: 18px;
}


.accueil{
  margin-top: 50px;
  margin-left: 10px;
}




#liens{
  margin-top: 80px;
}

h1{
  color: Black;
  font-family: EB Garamond;
  letter-spacing: 0.08em;
  font-size: 3em
}


h2{
  color: Black;
  font-family: EB Garamond;
  letter-spacing: 0.05em;
  font-size: 2.5em
}

h3{
  color: Black;
  font-family: EB Garamond;
  letter-spacing: 0.05em;
  font-size: 1.3em
}








a{
  text-decoration: none;
  color: Black;
}


a:hover{
  color: White;
}



.mail{
  position:absolute;
  bottom: 50px;
}




img{
  align-items: center;
  margin-top: 25px;
  margin-bottom: 25px;
 max-width: 75%;
max-height: 50%
}

mark {
  background-color: #C0C0C0;
}

.centrer{
  margin-left: auto;
  margin-right: auto;
  width: 650px;
  font-size: 18px;
  text-align: center;
  justify-content: center;
}

.centrertwocolumns{
  margin-left: auto;
  margin-right: auto;
  width: 850px;
  font-size: 18px;
  text-align: center;
  justify-content: center;
}


@media only screen
  and (max-width: 450px) {
    img{
      width: 100%;
      height: auto;
    }
	.centrer{
	width: 100%;
	margin-right: 70px;
}
}

.sticky {
  position: sticky;
  left : 10px;
  top : 10px;
  font-size: 16px;
}

h1sticky {
  color: Black;
  font-family: EB Garamond;
  letter-spacing: 0.08em;
  font-size: 20px;
  font-weight:bold;
} 

summary::marker {
  font-size: 10px;
}

.column {
  float: left;
  width: 650px;
}
.margin {
  float: left;
  width: 160px;
  padding-left:40px
}

.row:after {
  content: "";
  display: table;
  clear: both;
}


#navbar {
  background-color: #F5F5F5; 
  position: fixed; 
  top: 0; 
  width: 100%; 
  transition: top 0.3s; 
}

#navbar a {
  float: left;
  display: block;
  color: black;
  text-align: center;
  padding: 15px;
  text-decoration: none;
}

#navbar a:hover {
  background-color: #F5F5F5 ;
  color: HTML Black;
}