body {
    background-image :url('hex.jpg');
	background-repeat: repeat;             /* L'image se répète */
    background-attachment: fixed;          /* L'image reste fixe lorsque tu défiles la page */
    background-size: auto;                 /* L'image garde sa taille normale, sans redimensionnement */
	font-size: 1.6vw;
	margin: 0; /* Supprime les marges par défaut du corps du document */


header {
    background-color: red;
    overflow: hidden;
	padding: 0px;
    display: absolute;
    text-decoration: none;
        
       	


}

.tableRelation {
	
table {
	max-width: 99.6%;/* Limite la largeur du texte */
    border-collapse: collapse; /* Supprime les espaces entre les cellules */	
    text-align: center; 
	align-items: center;
	margin-left: auto;
    margin-right: auto;
	margin-top: 15px;
}

th, td {
	border: 1px solid #cd3fff;
    text-align: center; /* Alignement du texte */
	padding-left: 25px;
	padding-right: 25px;
}
th {	
  background-color: #cd3fff;
}  
tr:hover {
    background-color: rgb(50, 50, 50); /* Couleur de fond au survol */
}
}  
  
.tableImage {
	
table {
	max-width: 99.6%;/* Limite la largeur du texte */
    text-align: center; 
	items-items: center;
	margin-left: auto;
    margin-right: auto;
    border-collapse: collapse; /* Supprime les espaces entre les cellules */
	margin-top: 15px;
}

th {
    background-color: #C2C2C2 ; /* Couleur de fond des en-têtes */
}
}

.container {
  text-align: center;
  align-items: center;
  max-width: 100%;
  box-sizing: border-box; /*permet de garantir que les paddings et bordures ne feront pas dépasser les éléments de la page. */
  padding: 10px; /* Ajouter un peu d'espace autour du contenu */
  line-height: 3.5;
  font-size: 1.5vw;

}

.image {
  width: 15vw; /* Ajustez la taille de l'image selon vos besoins */
  height: auto;
  margin-right: 0px; /* Espace entre l'image et le texte */
}

.imgh{
  width: 11vw; /* Ajustez la taille de l'image selon vos besoins */
  height: auto;
}

.imgl{
  width: 15vw; /* Ajustez la taille de l'image selon vos besoins */
  height: auto;
}

.text-long {	
    max-width: 100%;
    word-wrap: break-word; /* Permet de couper le texte long pour qu'il s'ajuste dans son conteneur */
	position: flex; /* Positionnement absolu par rapport au conteneur */
	color : red;
	display: flex;
	font-size: 1.5vw;
	text-align: left;
}

.text-simple {	
    word-wrap: break-word; /* Permet de couper le texte long pour qu'il s'ajuste dans son conteneur */
	position: flex; /* Positionnement absolu par rapport au conteneur */
	color : silver;
	font-size: 1.5vw;
	text-align: center;
	line-height:1.1;
}


.case {
	max-width:100%;
	max-height:10O%;
    margin: 10px;
    text-align: center;
}

.case1{
    background-color: #006bff; /* Couleur pour la case 1 et pour les autres cases etc...*/
	
}
.case2{
    background-color: #006bff; 
}
	
.case3{
    background-color: #ff0000; 
}	
	
.case4{
    background-color: #ff0000;
}


.casefilm {
    background-color: rgb(255, 255, 255);
	color: black;
}

.caseautre {
    background-color: #000000;
	color: white;
}


h1
{
	text-align: center;
	max-width: 100%; /* Limite la largeur du texte */
    max-height: 100%;}

h2
{
	text-align : left;
    max-height: 100%;
	margin: 15px;
	line-height:1.1;
	
table {
	max-width: 99.6%;/* Limite la largeur du texte */
    border-collapse: collapse; /* Supprime les espaces entre les cellules */	
    text-align: center; 
	margin-top: 15px;
}

th, td {
    text-align: center; /* Alignement du texte */
	padding-left: 25px;
	padding-right: 25px;
}

th {
    background-color: #f2f2f2; /* Couleur de fond des en-têtes */
}


tr:hover {
    background-color: rgb(50, 50, 50); /* Couleur de fond au survol */
}

}

h3
{
	margin-left: 25px;
	margin-right: 25px;
	text-align: center;
	color: silver;
	
}


h4
{
	margin-left: 25px;
	text-align: center;
	color: gold;
	padding: 20px;
	margin-left: 10px;
	
}	
	
h5 {
	margin-left: 25px;
	text-align: center;
	color: silver;
}


h6 {
	margin-left: 25px;
	margin-right: 25px;
	text-align: center;
	color: white;
	font-size:1.8vw;
}

h7{
	text-align: center;
	align-items: center;
	color: gold;
}

.boite {
	padding : 250px ;
	padding : 150px ;
	border : 2px solid#0000FF;
	background-image :url('Carnage.jpg')
}