.ButtonBlueWhite160420{
background-color:#00007e; /*Dark Blue*/
color:#ffffff; /*Blanc pur*/	
}
.ButtonRedWhite160420{
background-color:#fe0000; /*Rouge*/
color:#ffffff; /*Blanc pur*/	
}
.ButtonWhiteRed160420{
background-color:#ffffff; /*Blanc pur*/
color:#fe0000; /*Rouge*/
}
.TexteRouge160420{
color:#fe0000;	
}
.TexteBleu160420{
color:#00007e;	
}
.TexteBlanc160420{
color:#ffffff;	
}
.RedBackground160420{
background-color:#fe0000;	
}
.BlueBackground160420{
background-color:#00007e;
}
.WhiteBackground160420{
background-color:#ffffff;
}
.TexteBlancFondBleuTransparent180420{
background-color:rgba(0,0,126,0.5);
border-radius:5px;
color:#ffffff;
padding:5px;	
}
.TexteBleuFondBlancTransparent190420{
background-color:rgba(255,255,255,0.5);
border-radius:5px;
padding:5px;
}

/*Ci-dessous, je rajoute le style pour l'effet slide lorsqu'on clique sur le menu pour glisser vers une section spécifique le 27 juillet 2026 */
html{scroll-behavior: smooth;}

.HabillageBouton270726{
font-size: 14px;
border-radius: 10px;
border-width:2px;
background-color:rgb(76, 76, 168);
border-color: rgb(150, 150, 204);
color:White;
cursor: pointer;
transition: color 0.3s ease;	
}

.HabillageBouton270726:hover{
color:#eceff1;
background-color:rgb(11, 54, 117);	
border-color: rgb(155, 155, 184);
}

/*Ci-dessous je mets le CSS pour l'habillage des tableaux d'infographie Terraprober le 3 août 2026*/
table {
}

.TableauComplet {
width:80%;
max-width: 800px;
border-collapse:collapse;
margin: 5px auto;
border-collapse: separate;
border-spacing:0;
border: 1px solid #d1deeb;
border-radius: 8px;
overflow: hidden;							
}                            
							
.TableauComplet th.titre{
background-color: #0080FF;
color:rgb(255, 255, 255);
padding: 10px;
font-size: 1.1em;
text-align:center;
}
							
.TableauComplet td.conteneur-image{
text-align: center;
padding: 0;
}
							
.TableauComplet td.conteneur-image img{
width: 100%;
height: auto;
display:block;
}
							
.TableauComplet td.commentaire {
padding: 5px;
font-size: 1em;
color: #444;
background-color: #ffffff;                           
}

.TableauComplet th,
.TableauComplet td {
border-bottom: 1px solid #ffffff;
border: 1px solid #d1deeb;
}

.TableauComplet td.commentaire{
padding-bottom:0px;
}
						   
.CouleurRougeCredits{
color:#ff0000;
}

.CouleurBleueCredits{
color: #0080FF;
}

.CouleurVerteNI{
color:#089808;
}
/*Fin du CSS pour l'habillage des tableaux d'infographie Terraprober le 3 août 2026*/




/* Ci-dessous, je mets le CSS pour le tableau de données à plusieurs colonnes le 17 août 2026 */
/* Conteneur fluide pour garantir l'affichage sur smartphone */
.TableContainer170826 {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin:20px 0;
}

/* Styles généraux du tableau */
.ResponsiveTable170826 {
    width: 100%;
    border-collapse: collapse;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 0.95rem;
    text-align: left;
    background-color: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    overflow: hidden;
}

/* En-tête */
.ResponsiveTable170826 th {
    background-color: #1e293b;
    color: #ffffff;
    font-weight: 600;
    padding: 12px 16px;
    white-space: nowrap;
}

/* Cellules */
.ResponsiveTable170826 td {
    padding: 12px 16px;
    border-bottom: 1px solid #e2e8f0;
    color: #334155;
}

/* Alignement des colonnes */
/* Colonne 1 (Corps planétaire) : Alignée à gauche */
.ResponsiveTable170826 th:nth-child(1),
.ResponsiveTable170826 td:nth-child(1) {
    text-align: left;
}

/* Colonnes 2 et 3 (Demi-grand axe et excentricité): Centrées */
.ResponsiveTable170826 th:nth-child(2),
.ResponsiveTable170826 td:nth-child(2),
.ResponsiveTable170826 th:nth-child(3),
.ResponsiveTable170826 td:nth-child(3){
    text-align: center;
}

/* Alternance de couleur pour la lisibilité */
.ResponsiveTable170826 tbody tr:nth-child(even){
    background-color: #f8fafc;
}

/* Effet au survol */
.ResponsiveTable170826 tbody tr:hover {
    background-color: #f1f5f9;
}

/* Ajustement spécifique pour les petits écrans */
@media (max-width:600px){
    .ResponsiveTable170826 th,
    .ResponsiveTable170826 td{
        padding: 10px 12px;
        font-size: 0.85rem;
    }
}
/* Fin du CSS pour le tableau de données à plusieurs colonnes le 17 août 2026 */