.body {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	background-color: #E4E4E4;
}
.bodyIndex {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	background-color: #E4E4E4;
	text-align: center;
}


.bg {
	font-size: 16px;
	background-color: #E4E4E4;
	height: 29cm;
	width: 20cm;
}



.tableKDP {
	font-family: Garamond;
	font-size: 18px;
	background-color: #E4E4E4;
	font-weight: normal;
	color: #00F;
}

.tableWhatToDo {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	background-color: #E4E4E4;
	font-weight: normal;
	color: #00F;
	border: thin solid #E1E1E1;
}

.tableKDPTitle {
	font-family: Garamond;
	font-size: 18px;
	background-color: #E4E4E4;
	font-weight: bold;
	color: #00F;
}

.table_Analyse {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	color: #3F077C;
	text-align: left;
	background-color: #FFFDD2;
}

.Text24Big {
	font-size: 24px;
}

.Text100Testers {
	font-size: 22px;
	font-family: "Comic Sans MS", cursive;
	font-style: oblique;
	color: #666;
}
.Text100TestersCenter {
	font-size: 22px;
	font-family: "Comic Sans MS", cursive;
	font-style: oblique;
	text-align: center;
	color: #666;
}
.Title100TestersGris {
	font-size: 48px;
	font-weight: bold;
	color: #666;
	text-align: center;
	font-family: "Comic Sans MS", cursive;
}
.Title100TestersCenter {
	font-size: 28px;
	font-family: "Comic Sans MS", cursive;
	font-style: oblique;
	text-align: center;
	color: #666;
}


.Text100TestersRight {
	font-size: 22px;
	font-family: "Comic Sans MS", cursive;
	font-style: oblique;
	text-align: right;
	color: #666;
}


.Text16Normal {
	font-size: 16px;
}

.tr_Aroe {
}
.td_Aroe_Pre {
	font-size: 14px;
}


.td_Aroe {
	font-size: 12px;
}
.td_Aroe_big {
	font-size: 12px;
	font-weight: bold;
}



.footer {
		position:fixed;bottom:0;
		width:100%;
		display:block;
		}

footer {
		position:fixed;bottom:0;
		width:100%;
		display:block;
		}



.container {
  position: relative;
  text-align: center;
  color: red;
}

.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

.top-left {
  position: absolute;
  top: 8px;
  left: 16px;
}

.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

.centered {
  position: absolute;
  top: 48%;
  left: 51%;
  transform: translate(-50%, -50%);
}


.center {
  margin: auto;
  width: 60%;
  border: 3px solid #73AD21;
  padding: 10px;
}


.vl {
  border-left: 6px solid green;
  height: 500px;
}  
.copyright {
    font-size: 12px;
    color: #999;
    text-align: center;
    padding: 8px;
}

.extra {
	font-family: Garamond;
	font-size: 36px;
	background-color: #E4E4E4;
	font-weight: bold;
	color: #00F;
}


.central {
        page-break-before: always;
}

.fond00 {
	font-size: 12px;
	background-image: url(_babelGame/pix_portes/babelTowerGame_Gray.jpg);
	background-color: #CCC;
}

.fond_21 {
	background-image: none;
	background-color: #0F0;
	font-size: 18px;
}
.fond_21Rouge {
	background-image: none;
	background-color: #FF0;
	font-size: 14px;
}


.fond_11 {
	font-size: 12px;
	background-color: #E8E8E8;
}

.capitalize{
	text-transform : uppercase;
 }
 

.rulesBig {
	font-size: 18px;
}

.rulesBigGreen {
	font-family: Garamond;
	font-size: 18px;
	background-color: #E4E4E4;
	font-weight: normal;
	color: #060;
}

.rulesBigBlue {
	font-size: 16px;
	color: #FF0;
	background-color: #00F;
}


.rulesBigYellow {
	font-size: 16px;
	color: #FF0;
	background-color: #0F0;
}


.rulesTotGreen {
	font-family: Garamond;
	font-size: 18px;
	background-color: #E4E4E4;
	font-weight: bold;
	color: #06C;
}

.sum {
	font-size: 16px;
	color: #F00;
}



.small2 {
	font-weight: bold;
	font-size: 12px;
	font-style: normal;
}

.txt_12{
	font-weight: normal;
	font-size: 12px;
	font-style: normal;
	color: #000;
}

.txt_14{
	font-weight: normal;
	font-size: 14px;
	font-style: normal;
	color: #000;
}

.txt_16 {
	font-weight: normal;
	font-size: 16px;
	font-style: normal;
	color: #000;
}

.txt_Rouge {
	color: #F00;
}


.txt_Bleu {
	color: #00F;
}

.txt_MediumFrench {
	font-weight: normal;
	font-size: 16px;
	font-style:normal;
}

.txt_MediumGerman {
	font-weight: normal;
	font-size: 15px;
	font-style:normal;
	text-transform : uppercase;
}

.txt_Small {
	font-weight: normal;
	font-size: 10px;
	color: #000;
}
.title18 {
	font-size: 18px;
}
.titleRouge {
	font-size: 24px;
	color: #F00;
	background-color: #FF0;
}


.titleGris {
	font-size: 48px;
	font-weight: bold;
	color: #666;
	text-align: center;
}

.titleGris_GEANT {
	font-size: 72px;
	font-weight: bold;
	color: #666;
	text-align: center;
}

.titleRougeVide {
	font-size: 24px;
	font-weight: bold;
	background-color: #0F0;
	text-align: center;
}
.titlePublished {
	font-size: 24px;
	font-weight: bold;
	background-color: #0F0;
	text-align: center;
}
.titleBlack_16 {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	text-align: center;
}
.titleBlue18 {
	font-size: 18px;
	font-weight: bold;
	color: #00F;
	text-align: center;
}

.titleBlack18Oblique {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	text-align: center;
	font-style: italic;
}
.titleBlack24Oblique {
	font-size: 24px;
	font-weight: bold;
	color: #333;
	text-align: center;
	font-style: italic;
}


.titleBlack24 {
	font-size: 24px;
	font-weight: bold;
	color: #333;
	text-align: center;
}
.titleBlue24 {
	font-size: 24px;
	font-weight: bold;
	color: #00F;
	text-align: center;
}


.titleNormal {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.titleOnGoing {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	background-color: #F90;
}
tr {

}

td {

}

.tdGris {
	text-align: center;
	color: #F00;
}

.tdCenter {
	text-align: center;
}

.tdp {

}




.titelMedium {
	font-size: 24px;
}


.PHP_pre {
	font-size: 18px;
}

@media print {
    table, th, td {
        border: 1px solid black !important; /* Ensure borders override other styles */
    }

    .pagebreak {
        clear: both;
        break-after: always;
        color: #D6D6D6;
        font-size: 10px;
    }
}

table {
    border-collapse: collapse;
}

th, td {
	padding: 1px; /* Optional: align text as needed */
}

@media (max-width: 768px) {
  .door img, .tile img {
    width: 100%;
    height: auto;
  }

  .status-bar, .menu-bar {
    flex-direction: column;
    align-items: center;
  }

  .title, .subtitle {
    font-size: 1.2em;
    text-align: center;
  }
}