@font-face {
  font-family:"seasons";
  src: url("assets/the-seasons-bold.ttf");
}
body {
  color:#fff;
  background-image: url('assets/fond.jpg');
  background-size: cover;
  font-size: 24px; 
  /*Polices sans serif standard */
  font-family: Helvetica, "Trebuchet MS", Verdana, sans-serif;
}

article {
	min-height:200px;
  margin:16px;
  padding: 0 16px;
  background-color: rgba(35, 35, 35, 0.35);
  border-radius: 50px;
  box-shadow: 0 0 16px 2px rgba(35,35,35,0.5);
  text-align:justify;
}
a {
  color: #fcad00;
}

article h2 {
  font-size: 2rem;
  font-weight: 600;
  font-family:"seasons";
}

article b, li .lititle , div .lititle{
  font-weight: 700;
  font-size: 1.2rem;
  font-family: seasons;
  font-style: oblique 15deg;
  text-shadow:  3px 3px 6px #909090;
}

nav {
  width:100%;
  display:flex;
  flex-direction:row;
  justify-content: space-between;
  gap:8px;
  flex-wrap: wrap;
  background: url('assets/bottom.png');
  background-size: 100% 250px;
  position:sticky;
  bottom:0px;
  padding : 110px 10px 10px 10px;
  margin-left:-10px;
}
nav a {
  background: rgba(15,15,15,0.85);
  border-radius: 20px;
  padding: 16px;
  box-shadow: 1px 1px 4px 2px #252525;
  font-size: 1.3rem;
  flex-shrink: 1;
  text-decoration: none;
}
nav a:hover {
  background: rgba(15,15,15,0.15);
  box-shadow: 1px 1px 4px 2px #999;
}
nav a:has(#logo) {
  background-color:unset;
  box-shadow:unset;
}

.left {
  height: 300px;
  float:left;
  
  vertical-align: top;
  margin-right:8px;
  
}

article#header {
  text-align: center;
  padding-bottom: 8px;
}
article#info {
 min-height:370px;
}
article#info img.left {
 margin-top:-15px;
}

article#chapeau{
   padding-top: 16px;
   font-size:1.1rem;
}

#logo {
max-height:35px;
min-width: 150px;
}
@media screen and (max-width:1035px) {
  #logo {display: none}
}

#title {
 width:80%;
  max-width:800px;  
}

ul {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: self-start;
  padding-bottom: 25px;
  flex-wrap: wrap;
}

ul li {
  gap: 10px;
  max-width:500px;
  min-width:200px;
  margin: 0 15px 8px 15px;
  list-style: none;
}
ul li.max-width {
  max-width: 100%;
}
li .enluminure {
  max-width: 96px;
  margin:4px;
  float:left;
  border-radius: 6px;
}
 #tournoi ul li, ul.vertical li {
  display:flex;
  flex-direction: column;
  align-items: center;
  max-width: 265px;
}
#tournoi ul li {
  color: #666;
  padding: 0 16px;
  background-color: white;
 box-shadow: 0 0 3px white;
}
#tournoi ul a {
  margin-bottom: 16px;
}
li iframe {
  min-height: 685px;
}
img.logo.partenaire {
  max-width: 200px;
}
.titreparagraphe {
  margin-top :16px;
  font-weight: 500;
  font-size: 1.2rem;
  text-align: left;
  width: 100%;
}

@media screen and (min-width: 900px) {
  body {
   font-size:16px;
  }
}

ul ul.subul {
display: inline-block;
}
ul.subul li {
max-width:unset;
margin: 10px 0;
align-items: unset;
}
ul.subul li span.lititle {
  font-size: 1.1rem;
}