/*G8.CSS 02.12.2022*/

*
{
	box-sizing: border-box;
}

.flexcontainer
{
	display:flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
}

.separative-row
{
	padding: 1%;
}

.hidden_content
{
	padding:0;
	margin:0;
	display: none;
}

[class*="col-"]
{
	width: 100%; /*for mobile phones*/
	min-width: min-content;
	align-items: stretch;
}

@media only screen and (min-width: 660px) /*for tablets*/
{
	.col-s-1 {width: 1.19%;}
	.col-s-2 {width: 2.38%;}
	.col-s-3 {width: 3.57%;}
	.col-s-4 {width: 4.76%;}
	.col-s-5 {width: 5.95%;}
	.col-s-6 {width: 7.14%;}
	.col-s-7 {width: 8.33%;}
	.col-s-8 {width: 9.52%;}
	.col-s-9 {width: 10.71%;}
	.col-s-10 {width: 11.9%;}
	.col-s-11 {width: 13.09%;}
	.col-s-12 {width: 14.28%;}
	.col-s-13 {width: 15.47%;}
	.col-s-14 {width: 16.66%;}
	.col-s-15 {width: 17.85%;}
	.col-s-16 {width: 19.04%;}
	.col-s-17 {width: 20.23%;}
	.col-s-18 {width: 21.42%;}
	.col-s-19 {width: 22.61%;}
	.col-s-20 {width: 23.8%;}
	.col-s-21 {width: 25%;}
	.col-s-22 {width: 26.19%;}
	.col-s-23 {width: 27.38%;}
	.col-s-24 {width: 28.57%;}
	.col-s-25 {width: 29.76%;}
	.col-s-26 {width: 30.95%;}
	.col-s-27 {width: 32.14%;}
	.col-s-28 {width: 33.33%;}
	.col-s-29 {width: 34.52%;}
	.col-s-30 {width: 35.71%;}
	.col-s-31 {width: 36.9%;}
	.col-s-32 {width: 38.09%;}
	.col-s-33 {width: 39.28%;}
	.col-s-34 {width: 40.47%;}
	.col-s-35 {width: 41.66%;}
	.col-s-36 {width: 42.85%;}
	.col-s-37 {width: 44.04%;}
	.col-s-38 {width: 45.23%;}
	.col-s-39 {width: 46.42%;}
	.col-s-40 {width: 47.61%;}
	.col-s-41 {width: 48.8%;}
	.col-s-42 {width: 50%;}
	.col-s-43 {width: 51.19%;}
	.col-s-44 {width: 52.38%;}
	.col-s-45 {width: 53.57%;}
	.col-s-46 {width: 54.76%;}
	.col-s-47 {width: 55.95%;}
	.col-s-48 {width: 57.14%;}
	.col-s-49 {width: 58.33%;}
	.col-s-50 {width: 59.52%;}
	.col-s-51 {width: 60.71%;}
	.col-s-52 {width: 61.9%;}
	.col-s-53 {width: 63.09%;}
	.col-s-54 {width: 64.28%;}
	.col-s-55 {width: 65.47%;}
	.col-s-56 {width: 66.66%;}
	.col-s-57 {width: 67.85%;}
	.col-s-58 {width: 69.04%;}
	.col-s-59 {width: 70.23%;}
	.col-s-60 {width: 71.42%;}
	.col-s-61 {width: 72.61%;}
	.col-s-62 {width: 73.8%;}
	.col-s-63 {width: 75%;}
	.col-s-64 {width: 76.19%;}
	.col-s-65 {width: 77.38%;}
	.col-s-66 {width: 78.57%;}
	.col-s-67 {width: 79.76%;}
	.col-s-68 {width: 80.95%;}
	.col-s-69 {width: 82.14%;}
	.col-s-70 {width: 83.33%;}
	.col-s-71 {width: 84.52%;}
	.col-s-72 {width: 85.71%;}
	.col-s-73 {width: 86.9%;}
	.col-s-74 {width: 88.09%;}
	.col-s-75 {width: 89.28%;}
	.col-s-76 {width: 90.47%;}
	.col-s-77 {width: 91.66%;}
	.col-s-78 {width: 92.85%;}
	.col-s-79 {width: 94.04%;}
	.col-s-80 {width: 95.23%;}
	.col-s-81 {width: 96.42%;}
	.col-s-82 {width: 97.61%;}
	.col-s-83 {width: 98.8%;}
	.col-s-84 {width: 100%;}
}

@media only screen and (max-width: 1132px)
{
	html{zoom: 110%;}
}

@media only screen and (min-width: 1132px) /*for desktop*/
{
	.col-1 {width: 1.19%;}
	.col-2 {width: 2.38%;}
	.col-3 {width: 3.57%;}
	.col-4 {width: 4.76%;}
	.col-5 {width: 5.95%;}
	.col-6 {width: 7.14%;}
	.col-7 {width: 8.33%;}
	.col-8 {width: 9.52%;}
	.col-9 {width: 10.71%;}
	.col-10 {width: 11.9%;}
	.col-11 {width: 13.09%;}
	.col-12 {width: 14.28%;}
	.col-13 {width: 15.47%;}
	.col-14 {width: 16.66%;}
	.col-15 {width: 17.85%;}
	.col-16 {width: 19.04%;}
	.col-17 {width: 20.23%;}
	.col-18 {width: 21.42%;}
	.col-19 {width: 22.61%;}
	.col-20 {width: 23.8%;}
	.col-21 {width: 25%;}
	.col-22 {width: 26.19%;}
	.col-23 {width: 27.38%;}
	.col-24 {width: 28.57%;}
	.col-25 {width: 29.76%;}
	.col-26 {width: 30.95%;}
	.col-27 {width: 32.14%;}
	.col-28 {width: 33.33%;}
	.col-29 {width: 34.52%;}
	.col-30 {width: 35.71%;}
	.col-31 {width: 36.9%;}
	.col-32 {width: 38.09%;}
	.col-33 {width: 39.28%;}
	.col-34 {width: 40.47%;}
	.col-35 {width: 41.66%;}
	.col-36 {width: 42.85%;}
	.col-37 {width: 44.04%;}
	.col-38 {width: 45.23%;}
	.col-39 {width: 46.42%;}
	.col-40 {width: 47.61%;}
	.col-41 {width: 48.8%;}
	.col-42 {width: 50%;}
	.col-43 {width: 51.19%;}
	.col-44 {width: 52.38%;}
	.col-45 {width: 53.57%;}
	.col-46 {width: 54.76%;}
	.col-47 {width: 55.95%;}
	.col-48 {width: 57.14%;}
	.col-49 {width: 58.33%;}
	.col-50 {width: 59.52%;}
	.col-51 {width: 60.71%;}
	.col-52 {width: 61.9%;}
	.col-53 {width: 63.09%;}
	.col-54 {width: 64.28%;}
	.col-55 {width: 65.47%;}
	.col-56 {width: 66.66%;}
	.col-57 {width: 67.85%;}
	.col-58 {width: 69.04%;}
	.col-59 {width: 70.23%;}
	.col-60 {width: 71.42%;}
	.col-61 {width: 72.61%;}
	.col-62 {width: 73.8%;}
	.col-63 {width: 75%;}
	.col-64 {width: 76.19%;}
	.col-65 {width: 77.38%;}
	.col-66 {width: 78.57%;}
	.col-67 {width: 79.76%;}
	.col-68 {width: 80.95%;}
	.col-69 {width: 82.14%;}
	.col-70 {width: 83.33%;}
	.col-71 {width: 84.52%;}
	.col-72 {width: 85.71%;}
	.col-73 {width: 86.9%;}
	.col-74 {width: 88.09%;}
	.col-75 {width: 89.28%;}
	.col-76 {width: 90.47%;}
	.col-77 {width: 91.66%;}
	.col-78 {width: 92.85%;}
	.col-79 {width: 94.04%;}
	.col-80 {width: 95.23%;}
	.col-81 {width: 96.42%;}
	.col-82 {width: 97.61%;}
	.col-83 {width: 98.8%;}
	.col-84 {width: 100%;}
}

/*Specific rules for smaller screens*/

@media only screen and (max-width: 660px)
{
	.mobile-scroll{overflow-x: scroll; display:block;}
}

@media only screen and (max-width: 1132px)
{
	.tablet-scroll{overflow-x: scroll; display:block;}
}

@media only screen and (max-width: 1132px)
{
	.tablet-hide{display: none;}
}

html
{
	font-family: Helvetica, sans-serif;

	overflow-x:hidden;
	margin: auto;
	overflow-wrap: break-word;
	text-align: center;
	text-decoration: none;

	background-color: rgba(0, 0, 0, 1);
	color: rgba(255, 255, 255, 1);
}


/*wallpaper*/

.wallpaper
{
	background-color: white;
	background-image:url("../images/fond.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: left top;
	opacity: 1;
}

.nowallpaper
{
	background-color: white !important;
	border-radius: 6px;
}


/*sections de page*/

header
{
	height:60px;
	background-color:var(--theme-primary);
	stroke : var(--theme-secondary);
	fill: var(--theme-secondary);
	font-size: 1.5em;
}

header div
{
	padding: 0 !important;
}

nav
{

}

nav div
{
	padding: 0 !important;
}

body
{
	margin:0;
	padding:0 !important;
}

body div
{
	padding:0 !important;
}

main
{
	padding: 15px;
	text-align: justify;
}

section
{
	padding: 15px;
	text-align: justify;
}

aside
{
	padding: 15px;
	display: flex;
}

footer
{
	padding: 15px;
	text-align: center;
	background-color:var(--theme-primary);
	color:black;
}

footer p
{
	text-align: center;
}


/*éléments de base : textes*/

h1
{
	padding:0;
	margin:0;
	color:var(--theme-secondary);
}

h2
{
	padding:10px;
	margin:0;
	color:var(--theme-primary);
}

h3
{
	padding:15px;
	margin:0;
}

h4
{
	text-align: center;
	padding:0;
	margin:0;
}

p
{
	padding:0;
	margin:0;
}

a
{
	color:inherit;
	text-decoration: none;
}

a:visited
{
	color:inherit;
}

.link
{
	color:var(--theme-secondary) !important;
}

ul
{
	list-style-type: none;
	padding: 15px;
	margin:0;
	text-align: left;
}

.ul-with-bullets
{
	list-style-type: circle;
	padding-left: 30px;
}


/*éléments de base : tableaux*/

table
{
	width: 100%;
	display:table;
	border-collapse: collapse;
	text-align: center;
	background-color:transparent;
}

.tablehidden
{
	border:none;
}

.oddline
{
	color: var(--theme-odd-text);
	background-color: var(--theme-table-odd);
}

.evenline
{
	color: var(--theme-even-text);
	background-color: var(--theme-table-even);
}



select
{
	text-overflow: ellipsis;
}


[class*="encadre-"]
{
	padding:8px !important;
}

.encadre-1
{
	border: double;
	border-color: var(--theme-primary);
}

.encadre-2
{
	border: solid 1px;
	border-color: var(--theme-secondary);
}


/*infobulles*/

.infobulle
{
	position: relative;
	cursor: help;
}

.infobulle:hover:after, .infobulle:focus:after
{
	content: attr(aria-label);
	position: absolute;

	top: 1.5em;
	transform: translateX(-110%);

	z-index: 1;
	white-space: nowrap;
}



/*buttons*/

[class*="button-"]
{
	margin: 0;
	cursor: pointer;
}

[class*="button-picto-"]
{
	padding: 1%;
	border: none;
}

.button-picto-round
{
	border-radius: 50%;
}

[class*="button-link-"]
{
	padding: 2px 5px;
	border: none;

	text-align: center;
	vertical-align: middle;

	font-weight: bold;
	color: var(--theme-secondary-text);

	background-color: var(--theme-secondary);
}

.selected-button
{
	color: var(--theme-primary-text) !important;
	background-color: var(--theme-primary);
}

.button-link-rect
{
	border-radius: 10px;
}

.button-link-left
{
	border-radius: 10px 0 0 10px;
}

.button-link-mid
{
	border-radius: 0 0 0 0;
}

.button-link-right
{
	border-radius: 0 10px 10px 0;
}


/*pictos*/

[class*="genericpicto-"]
{
	max-width: 100%;
	max-height: 100%;

	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
}



/*propriétés*/

.border_top_separator
{
	border-top: solid 2px black ;
}





/*spéciales*/

.cla_relegation
{
	color:var(--theme-lose);
}

.cla_promotion
{
	color:var(--theme-win);
}


/*colors*/

:root
{
	--theme-main:rgba(148,148,148,1);
	--theme-primary:rgba(255,228,54,1);
	--theme-secondary:rgba(196,69,56,1);

	--theme-table-odd:rgba(105, 105, 105, 1);
	--theme-table-even:rgba(216, 216, 216, 1);

	--theme-odd-text:rgba(255, 225, 28, 1);
	--theme-even-text:rgba(196, 51, 36, 1);

	--theme-primary-text:black;
	--theme-secondary-text:white;


	--theme-win:rgba(50,250,125,1);
	--theme-lose:rgba(250,100,75,1);
}