., #, td, th, textarea, body, table
{
  font-family	: Tahoma,sans-serif;
  font-size	: 11px;
}

#content {
	position: absolute;
	top: 70px;
	left: 50%;
	transform: translateX(-50%);
	width: 90%;
  max-width:1200px;
	scrollbar-width: none; /* Pour Firefox */
	overflow: auto; /* scrollbars si nécessaire */
  padding-bottom: 80px; /* ✅ espace pour le footer */
    
}

.table_up {
    width: 75%;
    max-width: 700px;
    margin: 0 auto; /* centré par défaut */
    padding-bottom:30px;
}
.table_up2 {
    width: 75%;
    max-width: 700px;
    margin: 0 auto; /* centré par défaut */
}

@media screen and (max-width: 1000px) {
    .table_up {
        width:80%;
        margin-left: 15%;
    }
    .table_up2 {
        width:80%;
        margin-left: 15%;
    }
}




p table
{
  border               : 0px;
}

p td
{
  text-align           : center;
  font-size            : 11px;
  font-family          : Tahoma,sans-serif;
}

table table
{
  border               : 0px;
}

table table td
{
  font-size            : 11px;
  font-family          : Tahoma,sans-serif;
}

body
{
  color                : #E6EBFB;
  margin-top           : 1px;
  margin-left          : 1px;
  background-color     : #040e1e;
  background-image     : url(../upload/images/background.jpg);
  background-attachment: fixed;
  background-repeat    : no-repeat;
  background-position  : top right;
  scrollbar-arrow-color: #E6EBFB;
  scrollbar-base-color: #344566;
  scrollbar-track-color: #344566;
  scrollbar-face-color: #344566;
  scrollbar-highlight-color: #344566;
  scrollbar-3dlight-color: #465673;
  scrollbar-darkshadow-color: #344566;
  scrollbar-shadow-color: #465673;
  font-size            : 11px;
  font-family          : Tahoma,sans-serif;
}

body.style{
	background-image: none;
}

body.style table {
	margin:0px;
}

body form table th table input
{
  width: 60px;
}

th, td.a, td.b, td.c, td.f, input, select,
td.g, td.h, td.i, td.j, td.k, td.l, td.m,
td.n, td.o, td.q, td.r, td.v, .style td,
textarea, p td, table.s th img
{
  border               : 1px #415680 solid;
  font-size            : 11px;
  font-family          : Tahoma,sans-serif;
}

th, td.a, td.b, td.c, td.f, input, select, td.g,
td.h, td.i, td.j, td.k, td.m, td.o, td.q, td.r,
td.v, td.s, .style td, p td
{
  background-color     : #344566;
}

th {
  text-align: center;
  padding-left:10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  min-height: 30px;
  line-height: 14px;
  vertical-align: middle;
  box-sizing: border-box;
  font-weight: normal;
  font-size: 11.7px; /* ⇦ ou 16px si tu veux plus gros */
}

th.a
{
  background-color:#253046;
}

td.a
{
  height               : 39px;
  text-align           : center;
}

td.b
{
  padding              : 3px;
}

td.c
{
  text-align:center;
  font-weight          : bold;
  color                : #E6EBFB;
  padding-left         : 3px;
  background-color     :#253046;
  padding              : 6px;
}

td.f, input, select, textarea {
  color: #E6EBFB;
  background-color: #344566;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
  border: 1px solid #1e2a3a;
  padding: 4px;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

input:hover,
select:hover,
textarea:hover {
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.55);
  transform: translateY(-1px);
}


textarea
{
  width                : 100%;
}

td.k input
{
  text-align           : left;
}

td.g
{
  font-weight          : bold;
  text-align           : right;
  color                : #E6EBFB;
}

td.h
{
  text-align           : center;
  color                : #E6EBFB;
}

td.i
{
  text-align           : center;
  color                : #E6EBFB;
}

td.j
{
  text-align           : center;
  color                : #E6EBFB;
}

td.k, td.k input
{
  text-align           : center;
  color                : #E6EBFB;
}

td.l
{
  background-color     : #344566;
  color                : #E6EBFB;
  vertical-align       : top;
  padding              : 3px;
  background-image     : url(img/bg2.gif);
}

td.m
{
  font-weight          : bold;
  text-align           : right;
  width                : 86px;
  color                : #E6EBFB;
}

td.n
{
  font-weight          : bold;
  text-align           : right;
  width                : 89px;
  text-align           : center;
  color                : #E6EBFB;
}

td.o
{
  text-align           : center;
  color                : #E6EBFB;
}

td.q
{
  font-weight          : bold;
  font-size            : 11px;
  font-family          : Tahoma,sans-serif;
  text-align           : center;
  vertical-align       : middle;
  color                : #E6EBFB;
}

td.r
{
  text-align           : right;
  color                : #E6EBFB;
}

td.v
{
  font-weight          : bold;
  text-align           : right;
  color                : #f7f7f7;
}

td.s
{
  color                : #E6EBFB;
}

table.s th
{
  border               : 0px;
}

table.s th img
{
  width                : 89px;
  height               : 89px;
}

div.z
{
  font-weight          : bold;
  color                : #E6EBFB;
}

a
{
  color                : #E6EBFB;
  text-decoration      : none;
  font-weight          : bold;
}

a.s
{
  color                : #E6EBFB;
}

a.t
{
  color                : #E6EBFB;
}

a:hover
{
  color                : #CDD7F8;
  text-decoration      : underline;
}

.style td
{
  color                : #E6EBFB;
  border-top           : 0px; 
  font-size            : 11px;
  font-family          : Tahoma,sans-serif;
}

.style div a
{
  height               : 100%;
  width                : 100%;
  color                : #f2f2f2;
  font-size            : 11px;
  font-family          : Tahoma,sans-serif;
}

.style div a:link
{
  height               : 100%;
  width                : 100%;
  color                : #f2f2f2;
  font-size            : 11px;
  font-family          : Tahoma,sans-serif;
}

.style div a:visited
{
  height               : 100%;
  width                : 100%;
  color                : #f2f2f2;
  font-size            : 11px;
  font-family          : Tahoma,sans-serif;
}

.style div a:hover
{
  background-color     : #415680;
  height               : 100%;
  width                : 100%;
  text-decoration      : none;
  font-size            : 11px;
  font-family          : Tahoma,sans-serif;
  color                : #E6EBFB;
}

.style
{
  margin-top           : 15px;
}

h1
{
  font-size            : 11px;
  font-family          : Tahoma,sans-serif;
  border-bottom        : 0px #344566 solid;
  width                : 98%;
  text-align           : center;
}

input[type="submit"] {
  min-width     : 100px;
  background    : #253244;
  color:#fff;
  border        : 1px solid skyblue;
  padding:5px 14px;
  cursor:pointer;
}

input[type="submit"]:hover {
  background: #2e3a50;
}


input[type="submit"].submit2 {
  min-width     : 50px;
  border        : 1px solid #7d8e99;
  padding       : 4px 8px;
  background    : #3b4c6d;
  color         : white;
  font-size     : 11px;
  font-family   : Tahoma, sans-serif;
  cursor        : pointer;
}

input[type="submit"].submit2:hover {
  background: #2e3a50;
}