body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;
}
.textalign_center {
	text-align: center;
}
.textdecor_none {
	text-decoration: none;
}
.font_normal {
	font-weight: normal;
}
.font_gras {
	font-weight: bold;
}
.champfftt {
	width: 60%;
	margin: 0 auto;
	text-align: left;
	font-size: 14px;
}
@media only screen and (max-width: 800px) {
.champfftt {
	width: 100%;
}
}
.titre1 {
	font-size: 18px;
	font-weight: bold;
}
.titre2 {
	font-size: 16px;
	font-weight: bold;
}
a {
    color: #0000ed;
}
a:visited {
    color: #7e51a7;
}
a:hover, a:active {
    color: #ff6600;
}
a.bouton, a.bouton:visited {
	color: #ffff00;
	padding: 1px 2px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	background: #336699;
	cursor: pointer;
	border-radius: 3px;
}
a.bouton:hover, a.bouton:active {
	color: #336699;
	padding: 1px 2px;
	background: #ffff66;
}
a.copyr {
	color: #0000ff;
	background: #ffffff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
select {
	font-size: 14px;
	font-weight: bold;
	background-color: #99cccc;
	color: #0000ff;
	padding-left: 2px;
	border: 0;
	border-radius: 3px;
}
.hr1 {
	width: 100px;
	margin: 0 auto;
}
.hr2 {
	width: 50%;
	margin: 0 auto;
}
.fondblanc {
	background-color: white;
}
.fondgris {
	background-color: #e6e6e6;
}
.clt_abers_oui {
	text-align: left;
	font-weight: bold;
}
.clt_abers_non {
	text-align: left;
	font-weight: normal;
}
.colorabers_oui {
	color: #ff6600;
}
.colorabers_non {
	color: black;
}
.grid_clt {
	display: grid;
	grid-template-columns: 4% 46% auto auto auto auto auto auto auto auto;
	width: 60%;
	margin: auto;
	font-size: 14px;
	border: 1px solid;
}
@media only screen and (max-width: 800px) {
.grid_clt {
	grid-template-columns: 7% 43% auto auto auto auto auto auto auto auto;
	width: 100%;
}
}
.titre_clt {
	grid-column: span 10;
	background-color: #99cccc;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
.entete_clt {
	background-color: #99ccff;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
.entete_clt:nth-child(3) {
	text-align: left;
}
.ligne_clt {
	min-height: 30px;
    height: auto;
    line-height: normal;    
    display: flex;    
    align-items: center;    
    justify-content: center;    
    white-space: normal;    
    overflow-wrap: break-word;
	text-align: center;
}
.ligne_clt.left {
    justify-content: left;
	text-align: left;
}
.grid_calend {
	display: grid;
	grid-template-columns: auto auto auto auto auto auto;
	width: 600px;
	margin: auto;
	font-size: 14px;
	border: 1px solid;
}
@media only screen and (max-width: 800px) {
.grid_calend {
	width: 100%;
}
}
.entete_calend {
	grid-column: span 6;
	background-color: #99cccc;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
    text-align: left;
}
.ligne_calend {
	background-color: white;
    min-height: 25px;
    height: auto;
    line-height: normal;    
    display: flex;    
    align-items: center;    
    justify-content: center;    
    white-space: normal;    
    overflow-wrap: break-word;
	text-align: center;
    border-bottom: 1px solid #cccccc;
}
@media only screen and (max-width: 800px) {
.ligne_calend.fondgris {
    background-color: #e6e6e6;
}
}
.grid_equipes {
	display: grid;
	grid-template-columns: 46% 4% 4% 46%;
	width: 60%;
	margin: auto;
	font-size: 14px;
	border-top: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid;
}
@media only screen and (max-width: 800px) {
.grid_equipes {
	width: 100%;
}
}
.titre_equipes {
	grid-column: span 4;
	background-color: #99cccc;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
.entete_equipes {
	background-color: #99ccff;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
@media only screen and (max-width: 800px) {
.entete_equipes {
    min-height: 30px;
	height: auto;
    line-height: normal;    
    display: flex;    
    align-items: center;    
    justify-content: center;    
    white-space: normal;    
    overflow-wrap: break-word;
}
}
.entete_equipes.score {
	background-color: #ccffff;
}
.grid_compo {
	display: grid;
	grid-template-columns: 35% 15% 35% 15%;
	width: 60%;
	margin: auto;
	font-size: 14px;
	border-left: 1px solid;
	border-right: 1px solid;
}
@media only screen and (max-width: 800px) {
.grid_compo {
	grid-template-columns: 30% 20% 30% 20%;
	width: 100%;
}
}
.ligne_compo {
	height: 25px;
	line-height: 25px;
	text-align: center;
	border-bottom: 1px solid #cccccc;
}
@media only screen and (max-width: 800px) {
.ligne_compo {
    min-height: 30px;
    height: auto;
    line-height: normal;    
    display: flex;    
    align-items: center;    
    justify-content: center;    
    white-space: normal;    
    overflow-wrap: break-word;
}
}
.ligne_somme_pts {
	background-color: #e6e6e6;
	height: 20px;
	line-height: 20px;
	text-align: center;
}
.grid_parties {
	display: grid;
	grid-template-columns: 36% 5% 5% 36% 18%;
	width: 60%;
	margin: auto;
	font-size: 14px;
	border-left: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
}
@media only screen and (max-width: 800px) {
.grid_parties {
	width: 100%;
}
}
.titre_parties {
	grid-column: span 5;
	background-color: #99ccff;
	height: 20px;
	line-height: 20px;
	text-align: center;
}
.ligne_parties {
    min-height: 25px;
    height: auto;
    line-height: normal;    
    display: flex;    
    align-items: center;    
    justify-content: center;    
    white-space: normal;    
    overflow-wrap: break-word;
    text-align: center;
}
.grid_synt_renc {
	display: grid;
	grid-template-columns: 54% 15% 17% 14%;
	width: 40%;
	margin: auto;
	font-size: 14px;
	border: 1px solid black;
}
@media only screen and (max-width: 800px) {
.grid_synt_renc {
	width: 90%;
}
}
.ligne_synt_renc {
    min-height: 25px;
    height: auto;
    line-height: normal;    
    display: flex;    
    align-items: center;    
    justify-content: left;    
    white-space: normal;    
    overflow-wrap: break-word;
}
.ligne_synt_renc.center {
	height: 25px;
	line-height: 25px;
    justify-content: center;
	text-align: center;
}
.ligne_synt_renc.padleft {
	padding-left: 5px;
}
.entete_synt_renc {
	grid-column: span 4;
	height: 25px;
	line-height: 25px;
	text-align: center;
}
#page-loader {
    position: fixed;
    inset: 0;
    background: rgba(255,255,255,0.8);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}
#page-loader::after {
    content: "";
    width: 48px;
    height: 48px;
    border: 6px solid #ffff00;
    border-top-color: #1414ef;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}
@keyframes spin {
    to { transform: rotate(360deg); }
}