html, body {
 margin: 0;
 padding: 0;
 }
      

h1 {
 font-size: 140%; 
 color: navy; 
 text-align: center;
 }
h2 {
 font-size: 130%; 
 color: red; 
 padding-left: 2px;
 }
 h3 {
 font-size: 125%; 
 color: green; 
 text-align: center;
 }
 h4 {
 font-size: 100%; 
 font-weight: normal;
 color: black; 
 
 }

a:link {
 color: rgb(26, 26, 2);
 text-decoration: underline;
 }

a:hover {
 color: red;
 text-decoration: none;
}
a:active, a:focus {
 color: red;
}
.ft_sz80 {font-size: 80%;}
.ft_sz90 {font-size: 90%;}
.ft_sz70 {font-size: 70%;}
.ft_sz110 {font-size: 110%;}
.ft_sz120 {font-size: 120%;}
.ft_sz140 {font-size: 140%;}

.center { text-align: center; }
.bold { font-weight: bold; }
.ital {font-style: italic;}
.fs30 {font-size: 30px; line-height: 30px; text-align: center; color: #50A3A5; }
.fs15 { font-size: 15px; line-height: 20px; text-align: center; color: whitesmoke;}
.full { width: 100%; }

.mps_inline {display: inline-flex; align-items: center;}
.mps_justify_center {justify-items: center;}
.mps_justify_conetnt {justify-content: space-between; }
.mps_justify_d {justify-items: right; }
.mps_justify_g {justify-items: left; }
.mps_wdth90 {width: 90%;}
.mps_marge_d_10 {margin-right: 10px;}
.mps_marge_g_10 {margin-left: 10px;}
.mps_overflow {overflow: auto;}


.col_noir {color: black;}
.col_blanc {color: white;}
.col_jaune {color: yellow;}
.col_bleu {color:#478bf9;}

.wrap_word {word-wrap: break-word;}

.bgcol_jaune { background-color: yellow;}
.bgcol_bleu { background-color: blue;}
.bgcol_rouge { background-color: red;}
.bgcol_lightblue { background-color: rgb(176, 211, 231);}
.bgcol_or { background-color : #d6c746; }
.bgcol_noir { background-color: black;}
.bgcol_bonus { background-color: grey;}
.bgcol_lblue {background-color: rgb(179,216,238);}
.bgcol_opale {background-color: rgb(179, 216, 238);}
.bgcol_lgreen {background-color: rgb(189,206,145);}
.bgcol_violet {background-color: violet;}
.bgcol_bleuf {background-color: rgb(2,2,71);} 
.bgcol_greenf {background-color: rgb(1,58,25);}

.mps_body_adm
     {
        background: #8ed8ee; 
        background-repeat: repeat;
        margin: 0; 
        color: lightblue;
        font-family: 'Trebuchet MS'; 
      }
     
.mps_wrapper_adm
	{	margin: 0 auto;
		width: 655px;
		background-color: #7580a0;
	}
.mps_entete_adm
	{
		width:	655px;
		height:	120px;
		background-image: url('https://www.mpstadium.fr/Website/images/MPS_Bandeau_0.jpg');
		background-repeat: no-repeat;
	}	
.mps_corps_adm
	{
		width:	655px;
		height:	auto;
		background-color:rgb(29, 39, 129);
	}
.mps_adm_corps_titre1
	{
		display: inline;
		justify-items: stretch;
		text-align: center;
	}
.mps_exit
{
	width: 655px;
	height: auto;
	background-color: rgb(238, 228, 142);
	color: black;
	text-align: center;
}
.mps_menup_container 	
	{
		display: grid; 
		grid-template-columns: 210px 210px auto; 
		grid-template-rows: auto;
		grid-column-gap: 1px;
		grid-row-gap: 1px;
		background-color: rgb(238, 228, 142);
		padding: 1px 1px 1px 1px;
		position: relative;
		margin: 0;
	}	
.mps_menup_col_infos
	{
		grid-column-start: 1; 
		grid-column-end: 1; 
		grid-row-start: 1; 
		grid-row-end: 1; 
		background-color: rgb(190, 233, 122);
		font-size: 14px; 
		color: rgb(10, 10, 10); 
		padding: 1px 1px 1px 1px;
	}
.mps_menup_col_app
	{
		grid-column-start: 2; 
		grid-column-end: 2; 
		grid-row-start: 1; 
		grid-row-end: 1; 
		background-color: lightgrey;
		font-size: 14px; 
		color: rgb(10, 10, 10); 
		padding: 1px 1px 1px 1px;
	}
.mps_menup_col_deroule
	{
		grid-column-start: 3; 
		grid-column-end: 3; 
		grid-row-start: 1; 
		grid-row-end: 1; 
		background-color: rgb(228, 173, 100);
		font-size: 14px; 
		color: rgb(10, 10, 10); 
		padding: 1px 1px 1px 1px;
	}
	.mps_menup_col_deroule ul {
		display: block;
	    list-style-type: disc;
    	margin-block-start: 2px;
    	margin-block-end: 2px;
    	margin-inline-start: 0px;
    	margin-inline-end: 0px;
    	padding-inline-start: 20px;
		color: black;
	}
	.mps_tab_ico
	{
		display: flex;
		justify-content: space-between;
		color: black;
		font:bold 12px Verdana;
	}
	.mps_tab_ico_space {
		display: flex;
		justify-content: space-between; /* Change this to space-between or space-evenly if needed */
		flex-wrap: wrap; /* Allows images to wrap to the next line if needed */
	}
	.mps_adm_ques_container 	
	{
		display: grid; 
		grid-template-columns: 320px auto; 
		grid-template-rows: 500px;
		grid-column-gap: 1px;
		grid-row-gap: 1px;
		position: relative;
		margin: 0;
	}	
	.mps_adm_ques_col1
	{
		grid-column-start: 1; 
		grid-column-end: 2; 
		grid-row-start: 1;
		grid-row-end: 2;
		padding: 1px 1px 1px 1px;
		
	}
	.mps_adm_ques_ref
	{
		overflow: auto;
		height: 480px;

	}
	.mps_adm_ques_det
	{
		overflow: auto;
		height: 460px;
	}
	.mps_ques_detail
	{
		width: 550px;
		height: 300px;
		background-color: #020a24;
		color: whitesmoke;
	}
	.mps_adm_ques_col2
	{
		grid-column-start: 2; 
		grid-column-end: 3; 
		grid-row-start: 1;
		grid-row-end: 2;
		background-color: lemonchiffon;
		padding: 1px 1px 1px 1px;
	}

.mps_footer_adm
	{
		width:	655px;
		height:	50px;
		background-color: rgb(226, 230, 181);
	}
.mps_adm_footer_ligne
{
	display: flex;
	justify-content: space-between;
}	

.mps_adminmps_container
{
	display: grid; 
	grid-template-columns: 130px auto; 
	grid-template-rows: 500px;
	grid-column-gap: 1px;
	grid-row-gap: 1px;
	background-color: rgb(238, 228, 142);
	padding: 1px 1px 1px 1px;
	position: relative;
	margin: 0;
}
.mps_adminmps_col1
{
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;	 
	justify-content: center;
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #F2F5A9;
	color: black
}
.mps_adminmps_col2
{
	background-color: #595c1b;
	color: whitesmoke;

}

.mps_adminmps_titre
{
	background-color: #020a24;
	color: whitesmoke;
	text-align: center;
	height: 20px;
}
.mps_adminmps_detail
{
	background-color: lightgray;
	height: 480px;
	color: black;
}
.mps_ges_detail
{
	background-color: lightgray;
	height: 440px;
	color: black;
}
.mps_ges_detail_club
{
	background-color: #0B0B3B;
	height: 200px;
	color: whitesmoke;
}
.mps_ges_detail_liste
{
	background-color: lightgray;
	height: 220px;
	color: black;
}

.mps_codev_box1 {
	display: inline-block;
	width: 200px;
	height: 60px;
	margin: 2px;
	padding: 10px;
	border: 3px solid black; 
	}
.mps_codev_box2 {
	width: 20px;
	height: 40px;
	margin: 0px;
	padding: 1px;
	background-color: whitesmoke;
	
}

/* Mise en forme simple pour les tableaux */
table {
  margin: 0;
  border: none; /* Pas de bordure = "none". 1px solid white*/
  border-collapse: separate; /* Valeur par défaut: "separate". */
  border-spacing: 0;
 }
table td, table th {
  font-size: 90%;	
  padding: 2px; /* Pas de retrait autour du texte = "0". */
  border: 2px; /* Pas de bordure = "none". border: 1px solid white;*/
  vertical-align: top; /* Valeur par défaut: "middle" */
  word-wrap: break-word;
}
.table_foot {
  font-size: 90%;
  margin: 0;
  border: 2px  black; /* Pas de bordure = "none". 1px solid white*/
  border-collapse: separate; /* Valeur par défaut: "separate".  collapse*/
  border-spacing: 0;
 /* border-radius: 30px;*/
  
}
.table_border_rd {
  font-size: 90%;
  margin: 0;
  border: 2px solid black; /* Pas de bordure = "none". 1px solid white*/
  border-collapse: separate; /* Valeur par défaut: "separate".  collapse*/
  border-spacing: 0;
  border-radius: 5px 5px 5px 5px;
  
}
#chr_time{
  width: 70%;
  font-size: 200%;
  padding: 10px;
  border: 3px solid yellow;
  background: darkblue;
  color: yellow; 
  text-align: center;
}
.btnrep {
    border:white;
	padding:6px 4px 6px 4px;
	border-radius:8px;
	background:lightgrey;
	font:bold 18px Verdana;
	color: black;
	white-space: normal;
	word-wrap: break-word;
}
.btnrond {
	width:70px;
	height:70px;
	background:#cc0000;
	font:bold 13px Verdana;
	border-radius:50%;
	border:none;
	color:#fff;
}
.btnrond_bleu {
	width:70px;
	height:70px;
	background:#0B0B3B;
	font:bold 13px Verdana;
	border-radius:50%;
	border:none;
	color:#fff;
}
.btnrond_news {
	width:50px;
	height:50px;
	background:#cc0000;
	
	font:bold 13px Verdana;
	border-radius:50%;
	border:none;
	color:#fff;
}
.btnrondcarre {
	border-radius:12px 0 12px 0;
	background: #478bf9;
	border:none;
	color:#fff;
	font:bold 15px Verdana;
	padding:6px 6px 6px 6px;
}	
.btnrondcarre_green {
	border-radius:12px 0 12px 0;
	background: #688A08;
	border:none;
	color:#fff;
	font:bold 15px Verdana;
	padding:6px 6px 6px 6px;
}
.btn_ellipse {
	border-radius:12px 12px 12px 12px;
	background: #50504f;
	border:none;
	color:whitesmoke;
	font:bold 12px Verdana;
	padding:2px 2px 2px 2px;
}
.btnsco_co {
	width:10px;
	height:10px;
	border-radius:50%;
	border:none;
	text-align:center;
	padding:1px 1px 1px 1px;
}

.btnmenu {
	-moz-box-shadow: 3px 4px 0px 0px #8a2a21;
	-webkit-box-shadow: 3px 4px 0px 0px #8a2a21;
	box-shadow: 3px 4px 0px 0px #8a2a21;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24437));
	background:-moz-linear-gradient(top, #c62d1f 5%, #f24437 100%);
	background:-webkit-linear-gradient(top, #c62d1f 5%, #f24437 100%);
	background:-o-linear-gradient(top, #c62d1f 5%, #f24437 100%);
	background:-ms-linear-gradient(top, #c62d1f 5%, #f24437 100%);
	background:linear-gradient(to bottom, #c62d1f 5%, #f24437 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24437',GradientType=0);
	background-color:#c62d1f;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	border-radius:18px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:7px 25px;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
}
.btnmenu:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24437), color-stop(1, #c62d1f));
	background:-moz-linear-gradient(top, #f24437 5%, #c62d1f 100%);
	background:-webkit-linear-gradient(top, #f24437 5%, #c62d1f 100%);
	background:-o-linear-gradient(top, #f24437 5%, #c62d1f 100%);
	background:-ms-linear-gradient(top, #f24437 5%, #c62d1f 100%);
	background:linear-gradient(to bottom, #f24437 5%, #c62d1f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24437', endColorstr='#c62d1f',GradientType=0);
	background-color:#f24437;
}
.btnmenu:active {
	position:relative;
	top:1px;
}
.btnprono1 {
	-moz-box-shadow: 0px 0px 0px 2px #9fb4f2;
	-webkit-box-shadow: 0px 0px 0px 2px #9fb4f2;
	box-shadow: 0px 0px 0px 2px #9fb4f2;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7892c2), color-stop(1, #476e9e));
	background:-moz-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-webkit-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-o-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-ms-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7892c2', endColorstr='#476e9e',GradientType=0);
	background-color:#7892c2;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:19px;
	font-weight:bold;
	padding:5px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
}

.btnpronoN {
	-moz-box-shadow: 0px 10px 14px -7px #3e7327;
	-webkit-box-shadow: 0px 10px 14px -7px #3e7327;
	box-shadow: 0px 10px 14px -7px #3e7327;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77b55a), color-stop(1, #72b352));
	background:-moz-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-webkit-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-o-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-ms-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a', endColorstr='#72b352',GradientType=0);
	background-color:#77b55a;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #4b8f29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:10px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #5b8a3c;
}
.btnpronoN:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #72b352), color-stop(1, #77b55a));
	background:-moz-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:-webkit-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:-o-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:-ms-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352', endColorstr='#77b55a',GradientType=0);
	background-color:#72b352;
}
.btnpronoN:active {
	position:relative;
	top:1px;
}
.btnprono2 {
	-moz-box-shadow:inset 0px 39px 0px -24px #e67a73;
	-webkit-box-shadow:inset 0px 39px 0px -24px #e67a73;
	box-shadow:inset 0px 39px 0px -24px #e67a73;
	background-color:#e4685d;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:10px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}
.btnprono2:hover {
	background-color:#eb675e;
}
.btnprono2:active {
	position:relative;
	top:1px;
}


 .td_footer{
	color:white;
	font-size: 80%;
 }	
 .td_news{
	vertical-align:top;
	color:black;
	font-size: 100%;
 }	
 .td_news_pair{
	vertical-align:top;
	color:black;
	background-color:#FBF8EF;
	font-size: 100%;
 }
 .td_news_impair{
	vertical-align:top;
	color:black;
	background-color:#F2F5A9;
	font-size: 100%;
 }
 .td_border {
    border: 1px solid black; 
 
 }
 .td_border_impair{
	border: 1px solid black; 
	border-collapse: collapse;
	vertical-align:top;
	color:black;
	background-color:lightblue;
	font-size: 90%;
    text-align: center;
 }
 .td_border_pair {
	border: 1px solid black; 
	border-collapse: collapse;
	vertical-align:top;
	color:black;
	background-color:#EFF2FB;
	font-size: 90%;
	text-align: center;
 }
 .td_border_clt {
	border: 1px solid black; 
	border-collapse: collapse;
	vertical-align:middle;
	color:black;
	background-color:#EFF2FB;
	font-size: 90%;
    text-align: center;
	padding:6px 6px 6px 6px;
 }
 .td_border_clt_g {
	border: 1px solid black; 
	border-collapse: collapse;
	vertical-align:middle;
	color:black;
	background-color:#EFF2FB;
	font-size: 90%;
    text-align: left;
	
 }
 .td_border_panier {
	border: 1px solid black; 
	border-collapse: collapse;
	vertical-align:top;
	color:black;
	background-color:#F2F5A9;
	font-size: 90%;
	text-align: center;
 }
 .td_border_infchmpt {
	border: 2px solid red; 
	border-collapse: collapse;
	border-radius:4px;
	vertical-align:top;
	color:black;
	background-color:#F2F5A9;
	font-size: 80%;
	text-align: left;
 }
 .th_border{
	border: 1px solid black; 
	border-collapse: collapse;
	vertical-align:top;
	color:black;
	background-color:#F2F5A9;
	font-size: 100%;
 }
 .td_libques{
	vertical-align:top;
	color:white;
	background-color: black;
	font-size: 120%;
 }