header
{
	display:block;	
	width:100%;
	background:silver;
	margin-bottom:0px;
	position:sticky;
	top:0;
	left:0;
	font-family:calibri;
}


footer
{
	display:block;	
	background:blue;
	height:60px;
	width:95%;
}

main
{
	display:block;	
	font-family:calibri;
}

main > div {
	margin:20px;
	font-family:calibri;
}

h1
{
	/* width:55%; */
	margin:auto;
	text-align:center;
	font-family:calibri;
	font-size:2em;
	font:navy;
}

h2
{
	/* width:600px; */
	text-align:left;
	margin-top:10px;
	vertical-align:center;
	font-family:calibri;
	font-size:1.2em;
}

h3
{
	width:100%;
	text-align:center;
	margin-top:10px;
	vertical-align:center;
	font-family:calibri;
}

.entete {
	position: sticky;
	top: 0;
	left:0;
}

.boxRow
{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items:center;
	justify-content: space-between;	
}

.boxRow2
{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items:center;
}

.boxCol
{
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	align-items:center;
}

.logo_menu
{
	width : auto;
	height : 3em;
	margin:10px;
}

.logo
{
	width:auto;
	height:3em;
	margin:10px;
}

.exit
{
	width:auto;
	height:3em;
	margin:10px;
}

.download
{
	width:auto;
	height:1em;
	margin-left:15px;
}

.web
{
	width:40px;
	height:40px;
	margin-left:15px;
}

.illustration
{
	height:300px;
	margin:10px;
	width:100%;
	object-fit:cover;
}

.quit
{
	text-align:center;
	margin:5px;
	font-size:16px;
	font-weight:bold;
	text-decoration: none;
	border:0px;
	background-color:silver;
	cursor:pointer;
}

.help
{
	margin:5px;
	width:30px;
}

.form_choix_golf
{
	display:block;
	margin-top:20px;
	font-size:20px;
	text-align:left;
}

.form_choix_golf[readonly]
{
	color:rgb(184, 182, 182);
}

.tr_inactif
{
	background-color: rgb(212, 212, 212);
}
.Erreur
{
	color:red;
	font-size:24px;
}

.login
{
	padding:10px;
}

.headFenetre {
	display:block;
	width:96%;
	margin:20px 2% 0px 2%;
}

.titreFenetre {
	width:90%;
}



@media screen  {
	.menu-deroulant2 {
		display:none;
	}
}
	
@media screen and (max-width: 60em) {
	h1 {
		font-size: 1.5em;
	}

	.retourGGL {
		display:none;
	}
}

@media screen and (max-width: 52.3em) {

	/* .modeAdmin > .boxRow, */.menu-deroulant, .logo { 
		display:none;
	}
	.menu-deroulant2 {
		display:inline;
	}
}