body {
  background-color: bisque;
  background: url("/img/image.jpg");
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  background-repeat: repeat-y;
  display: flex;
}

body::-webkit-scrollbar {
  display: none;
}

h1 {
  text-align: center;
  text-transform: uppercase;
  font-style: bold;
  color: darkgreen;
}
h2 {
  text-decoration: underline;
  font-style: italic;
}
h4 {
  color: rgb(44, 113, 26);
}

.links ul li a {
  color: rgb(50, 50, 139);
}

link {
  text-align: center;
}

.box {
  max-width: 1700px;
  margin: 50px 250px;
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 170px minmax(0, 1fr);
}

.nav2,
header,
main,
footer {
  border: rgb(47, 130, 66) 5px solid;
  border-radius: 4px;
  background-color: rgb(104, 181, 107);
}

a {
  text-decoration: none;
}

header {
  height: 190px;
  min-width: 1000px;
}

.Titre {
  text-align: center;
  font-size: 116px;
  margin-top: -15px;
  margin-left: -15px;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  color: rgb(47, 130, 66);
  letter-spacing: -10px;
}

header,
.nav4 {
  grid-row: 1/2;
  grid-column: 1/3;
}

.nav4 {
  border-top: rgb(47, 130, 66) 5px solid;
  border-left: rgb(47, 130, 66) 5px solid;
  border-right: rgb(47, 130, 66) 5px solid;
  background-color: rgb(104, 181, 107);
  margin-top: 130px;
  height: 60px;
  max-width: 1300px;
  display: grid;
  grid-template-rows: 10px;
}

.nav2 {
  grid-row: 2/3;
  grid-column: 1/2;
  height: max-content;
  padding: 10px;
}

.navul {
  list-style: square;
  margin-right: 15px;
}

.navul a {
  color: rgb(18, 77, 36);
}

main {
  grid-row: 2/3;
  grid-column: 2/3;
  height: max-content;
  padding: 15px;
}

footer {
  grid-row: 4/3;
  grid-column: 1/3;
  font-weight: lighter;
  padding: 5px;
  max-height: 50px;
  text-align: center;
}

footer ul {
  list-style: none;
  display: flex;
}
footer li {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.nav4 input[type="radio"] {
  display: none;
}

.mytabs {
  background-color: rgb(104, 181, 107);
  background-repeat: 1700px;
  display: flex;
}

.tab {
  height: 37px;
  width: 60px;
  order: 1;
  text-align: center;
}

.nav4 a {
  flex-grow: 1;
  color: rgb(1, 111, 32);
  font-size: 20px;
  font-style: bold;
  padding-top: 16px;
}

.nav4 .tab {
  padding: 10px;
  align-items: center;
  background-color: rgb(104, 181, 107);
  order: 1;
  display: none;
}

.mytabs label {
  display: none;
  width: 10px;
  padding-top: 10px;
  padding-left: 30px;
  height: 18px;
  text-align: center;
  background-color: rgb(104, 181, 107);
}

.block {
  text-align: center;
}

.nav4 input[type="radio"]:checked + label + .block .tab {
  display: block;
}

a:hover {
  font-style: oblique;
  color: rgb(46, 121, 74);
}

a {
  text-decoration: none;
}