191 lines
3.0 KiB
CSS
191 lines
3.0 KiB
CSS
@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;
|
|
}
|
|
|
|
#tabledefiPoint {
|
|
text-align: center;
|
|
padding-left: 10%;
|
|
}
|
|
|
|
#tabledefiPoint th {
|
|
padding: 10px;
|
|
}
|