/* Reset basique */
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      font-family: Arial, sans-serif;
    }
	body {
      background: #f6f8fc;
      color: #222;
      line-height: 1.6;
	 /* text-align:center  */
    }
    .header {
      background-image: url(images/e3.jpg);
      text-align: center;
      padding: 40px 20px;
      background-size: cover;
     }	 
	.conference-title {
      font-size: 1.8rem;
      font-weight: bold;
      margin-bottom: 12px;
      text-align: center;
      color : #FFFFFF
    }
	.details-info,.ieee-number{
      display: block;
      margin: 0 15px;
      font-weight: bold;
      color: #FFFF00;
      font-size: 1.3rem;
   }
   .ieee-number{
      display: block;
      margin: 0 15px;
      font-weight: bold;
      color: #FFFFFF;
      font-size: 1.0rem;
   }
  	/* NAVBAR */
 .navbar {
      background: linear-gradient(to right, #FFFFFF, #ADD8E6);  
      box-shadow: 0 2px 5px rgba(0,0,0,0.1); 
      position: sticky; top: 0; 
      z-index: 1000;   
      padding: 10px 20px;
      width: 100%;
   }
 .main__ul {
     display: flex;
     justify-content: center;
     gap: 20px;
     list-style: none;
     font-size: 1.0rem;
} 	
.main__ul a {
  text-decoration: none;
  color: #0a1d3f;
  font-weight: 600;
}
.active-link { 
   color: #FB2C36 !important; 
}
.menu-toggle { 
    display: none; 
	flex-direction: column; 
	gap: 5px; 
	cursor: pointer; 
	width: 30px; 
	}
.menu-toggle span { 
   height: 3px; 
   background: #002b50; 
   border-radius: 3px; 
   } 
/* Panneau images */
.slideshow-container {
    position: relative;
    /*width: 90%;*/
    max-width: 1100px;
    height: 300px;
	margin: 20px auto;   /* CENTRAGE HORIZONTAL */
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
	/*background: #000;*/
    }
.slide {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
	transition: 0.8s;
    /*transform: translateX(100%);
    transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out;*/
        }	
.slide.active {
    opacity: 1;
    /*transform: translateX(0);*/
        }		
.slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
        }
.arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.3);
    border: none;
    color: white;
    padding: 10px 10px;
	cursor: pointer;
	z-index: 10;
	font-size: 24px;    
   /* border-radius: 5px;
    transition: all 0.3s ease;
    backdrop-filter: blur(5px);*/
    }
.next {
    right: 0px;    
        }	
.prev {
    left: 0px;    
        }				
.dots {
    position: absolute;
    /*top: 30px;*/
	bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
   /* z-index: 10;*/
        }
.dot {
     width: 12px;
     height: 12px;
     border-radius: 50%;
     background: rgba(255, 255, 255, 0.4);
     cursor: pointer;
	 border-radius: 50%; 
    /* transition: all 0.3s ease;*/
        }
.dot.active {
    background: white;
    /*transform: scale(1.3);*/
        }
/* --- Layout --- */
.layout {
  max-width: 1200px;
  margin: 20px auto;
  padding: 0 15px;
  /*display: flex;
  gap: 10px;*/
}
.main-content {
  background: white; 
  padding: 25px; 
  border-radius: 8px;
  margin-bottom: 20px; 
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  /*flex: 3;*/
}
h2 { 
   color: #004080; 
   margin-bottom: 20px; 
   border-left: 5px solid #004080; 
   padding-left: 10px; 
   }
   h1 { 
   color: #004080; 
   margin-bottom: 20px; 
   padding-left: 10px; 
   }
h3 { 
   color: #8F3c54; 
   margin-bottom: 20px; 
   border-left: 5px solid #8F3c54; 
   padding-left: 10px; 
   }
   p {
  text-align: justify;
  text-justify: inter-word;
  line-height: 1.5;
  margin-bottom: 10px;
}
 /* Carousel */  
.carousel-grid { 
  display: grid; 
  grid-template-columns: 1fr; 
  gap: 20px; 
  text-align: center; 
  }  
 
.speaker-card img { 
   width: 120px; 
   height: 120px; 
   border-radius: 50%; 
   object-fit: cover; 
   border: 3px solid #004080; 
   }
.sponsors-grid img { 
   max-height: 80px; 
   width: auto; 
   margin: auto; 
   }
/* --- Footer --- */
.footer {
  background: #002b50;
  color: #ffffff;
  padding: 40px 20px ;
  margin-top: 40px;
}
.footer-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
  max-width: 1200px;
  margin: auto;
}
.footer-column h4 {
  font-size: 1.2em;
  margin-bottom: &àpx;
  color: #008080;
}
.footer-column ul {
  list-style: none;
  padding: 0;
}
.footer-column p {
  font-size: 0.8rem;
  line-height: 1,5;
  /*text-align:center*/
}
.footer-column a {
  color: #ffffff;; 
  text-decoration: none;
  font-size: 0.8rem;
  line-height: 1;
}
.footer-bottom {
  text-align: center;
  margin-top: 30px;
  font-size: 0.8rem;
  opacity: 0.8;
  border-top: 1px solid rgba(255,255,255,0.1); 
  padding-top: 20px;
}
.footer-logos img {
  width: 80px;
  margin-right: 20px;
  /*filter: brightness(0) invert(1);*/
}
.Tcontainer {
  display: flex; /* Permet de placer les tableaux côte à côte */
  flex-wrap: wrap; /* Pour que les tableaux s'enroulent sur plusieurs lignes si nécessaire */
  /*margin-left:auto
  margin-right:auto*/
}

.Tcol {
  flex: 1; /* Flexibilité de base pour les tableaux */
  margin: 10px 10px 10px 70px; /* Espacement entre les tableaux */
  padding: 10px;
 /* border: 1px solid black; /* Pour visualiser les tableaux */
}
.Table {
  overflow:hidden;
  overflow-X:scroll;
  width:70%;
}

/* --- RESPONSIVE --- */
@media (max-width: 768px) {
    .menu-toggle { display: flex; }
    .main__ul { display: none; flex-direction: column; width: 100%; position: absolute; top: 50px; left: 0; background: white; padding: 20px; }
    .main__ul.active { display: flex; }
    .slideshow-container { height: 200px; }
}
@media (min-width: 768px) {
    .conference-title { font-size: 1.8rem; }
    .carousel-grid { grid-template-columns: repeat(2, 1fr); }
    .footer-container { grid-template-columns: repeat(3, 1fr); }
	.Table {width:70%; }
}
@media (min-width: 1024px) {
    .carousel-grid { grid-template-columns: repeat(4, 1fr); }
}