/* CSS V1.3
 * Copyright 2025 Nicolas von Auw, all rights reserved
 * Edition Flexbox
 * Conteneur: body
 * Eléments: header, nav, section, main, footer, div
 */
 
@media screen {
	body {
		height: 100%;
		width: 100%;
		font-family: "Barlow", serif;
		background-color: rgba(255,255,255,1);			
	}
	
	/* HEADER --------------------------- */
	header {
		height: 100px;
		width: 100%;
		margin-top: -8px;
  		background-image: url("https://www.railclubneuchatel.ch/data/img/header.png");
  		background-position: top center;
  		background-repeat: no-repeat;
  		background-size: cover;
}
	}
	
	header img {
		height: 100px;
		width: auto;
	}
	

	
	/* NAV --------------------------- */			
	nav {
		height: 50px;
		width: 100%;
		background-color: rgba(0,204,0,0.9);
		box-shadow: 0px 5px 15px rgba(0,204,0,0.9);
		color: rgba(255,255,255,1);
		display: flex;
		justify-content: center; /* Centre horizontalement */
		align-items: center; /* Centre verticalement */
	}
	
	nav li {
		display: inline-block;
		padding-left: 50px;
	}

	nav a, nav a:visited, nav a:hover {
		color: rgba(255,255,255,1);
		text-decoration: none;	
	}
	
	
	
	/* MAIN --------------------------- */	
	main {
		min-height: 100vh;
		width: 100%;
		display: flex;
		flex-direction: column;
		background-color: rgba(255,255,255,0);
		display: flex;
    	flex-direction: column;
	}
	
	h1, h2, h3, h4, h5, h6, p, ul, ol, address, legend, a, a:hover, a:visited {
		color: rgba(100,100,100,1);	
	}

	h1 {
		font-size: 150%;
		padding-left: 1%;
		text-align: left;
		font-style: normal;
		font-weight: normal;
		text-decoration: underline;	
	}
	h2 {
		font-size: 125%;
		padding-left: 1.5%;
		text-align: left;
		font-style: normal;
		font-weight: normal;
		text-decoration: none;	
	}
	h3 {
		font-size: 105%;
		padding-left: 2%;
		text-align: left;
		font-style: normal;
		font-weight: normal;
		text-decoration: none;	
	}
	p {
		font-size: 100%;
		padding-left: 2.2%;
		text-align: left;
		font-style: normal;
		font-weight: normal;
		text-decoration: none;	
	}
	
	figcaption {
		font-size: 100%;
		text-align: center;
		font-style: italic;
		font-weight: normal;
		text-decoration: none;	
	}
	
	figure a, figure a:visited, figure a:hover {
		text-decoration: none;	
	}
	
	address {
		font-size: 100%;
		margin-left: 2.2%;
		text-align: left;
		font-style: italic;
		font-weight: normal;
		text-decoration: none;			
	}
	
	main table {
		border-collapse: collapse;
		margin-left: 2.5%;
		margin-right: 2.5%;

	}
	
	main td:first-child, th:first-child {
		border-top: solid 0px rgba(100,100,100,1);
		border-left: solid 0px rgba(100,100,100,1);
		border-right: solid 1px rgba(100,100,100,1);
		border-bottom: solid 1px rgba(100,100,100,1);
	}
	
	main td, th {
		border-top: solid 0px rgba(100,100,100,1);
		border-left: solid 0px rgba(100,100,100,1);
		border-right: solid 1px rgba(100,100,100,1);
		border-bottom: solid 1px rgba(100,100,100,1);
	}
	
	main th {
		background-color: rgba(0,0,0,0.1);	
	}
	
	main td:last-child, td:last-child {
		border-top: solid 1px rgba(100,100,100,1);
		border-left: solid 1px rgba(100,100,100,1);
		border-right: solid 0px rgba(100,100,100,1);
		border-bottom: solid 1px rgba(100,100,100,1);		
	}
	
	main ul, ol {
		text-align: left;	
	}
	
	main li {
		padding-bottom: 0.5%;
	}
	
	main hr {
		color: rgba(150,150,150,1);
		border-bottom: solid 1px rgba(150,150,150,1);
		border-top: solid 1px rgba(150,150,150,1);
	}
	
	div {
		display: flex;
		justify-content: left;
		align-items: left;
	}
	
	/* FOOTER --------------------------- */
	footer {
		height: auto;
		width: 100%;
		position: fixed;
		bottom: 0px;
		left: 0px;
		background-color: rgba(0,0,0,0.8);
		text-align: center;
		font-size: 80%;
		font-style: italic;
		color: rgba(255,255,255,0.8);
	}
	
}