.home section.article .hBk_co .logo img {
  width: 70vw !important;
  max-height: 60vw;
}
.home section.article .hBk_co .logo img{
  max-width: 90vw !important;
}
.subWindow_ti {
    top: 3em;
    left: 3em;
    width: 25vw; /* 25% of the viewport width */
    height: 60vh; /* 25% of the viewport height */
    resize: both; /* allow resizing */
    overflow: auto; /* allow scrolling */
}

.subWindow_win {
    top: 3em;
    left: 3em;
    width: 25vw; /* 25% of the viewport width */
    height: 60vh; /* 25% of the viewport height */
    resize: both; /* allow resizing */
    overflow: auto; /* allow scrolling */
}

.subWindow_over {
    top: 3em;
    left: 3em;
    width: 25vw; /* 25% of the viewport width */
    height: 60vh; /* 25% of the viewport height */
    resize: both; /* allow resizing */
    overflow: auto; /* allow scrolling */
}

.subWindow_x {
    position: absolute;
    top: 0.5em;
    left: 12vw;
    z-index: 1001; /* Assure que le bouton est au-dessus du contenu */
    background-color: #ff4d4d; /* Couleur de fond du bouton */
    color: white; /* Couleur du texte */
    border: none; /* Pas de bordure */
    border-radius: 50%; /* Bordures arrondies */
    width: 2em; /* Largeur du bouton */
    height: 2em; /* Hauteur du bouton */
    display: flex; /* Utilisation de flexbox pour centrer le contenu */
    align-items: center; /* Centre verticalement */
    justify-content: center; /* Centre horizontalement */
    cursor: pointer; /* Change le curseur en pointeur */
    font-size: 1em; /* Taille de la police */
    text-decoration: none; /* Pas de décoration de texte */
}

.subWindow_x:hover {
    background-color: #ff1a1a; /* Couleur de fond au survol */
}:root {
	--textStyle: arial;
	--titleStyle: arial;
	--fontSize: 1em;
	--maxWidth: 65rem;
	--menuWidth: 20rem;
}

html[data-theme='light'] {
	--homeBG: #006989;

	--linkColor: #d44f08;

	--btnBG: #c5c9c5;

	--borderColor: #369dc9;

	--toolboxBG: #318aa5;
	--toolboxFG: #050505;
	--toolboxActiveBG: #c5c9c5;
	--toolboxActiveFG: #050505;

	--contentBG: #f0f0f0;
	--contentFG: #3F3F3F;
	--contentLightFG: #7b7b7b;
					
	--accentDarkBG: #c5c9c5;
	--accentDarkFG: #FFFFFF;
	--accentLightBG: #c5c9c5;
	--accentLightFG: #000;

	--pBkText: #5B198F;
	--pBkTextLight: #a3b4d7;
	--pBkDemo: #3A4D7C;
	--pBkDemoLight: #DFE9FF;
	--pBkExpression: #318808;
	--pBkExpressionLight: #E6FFC6;
	--pBkWarning: #110de7;
	--pBkWarningLight: #FFD7D7;
	--pBkComplement: #a22ce2;
	--pBkComplementLight: #FFF9C6;

	--headerBG: #f0f0f0;
	--headerFG: #3F3F3F;

	--footerBG:#c5c9c5;
	--footerFG:#000000;

	--schBG:#F5F1F3;
	--schLightBG:#FFD7D7;
	--schCurrentBG:#ffef6d;
	--schFG:#3F3F3F;

	--quizAnswerBG:#c0dfec;
	--quizAnswerFG:#0f16e6;
	--quizWorstFG:#aa1016;
	--quizWorstBG:#ffe7e7;
	--quizBadFG:#8044ca;

	--segmentUndone:#FBD5D9;
	--segmentDone:#3F3F3F;
	--segmentActive:#AD364B;

	--inputBG:#F6E9E6;
	--inputBorder:#bababa;
	--inputFocus:#16e967;

	--progressFG: #AD364B;
}

html[data-theme='dark'] {
	--homeBG:#3F3F3F;

	--linkColor:#FF94A7;

	--btnBG:#FBD5D9;

	--borderColor: #3F3F3F;

	--toolboxBG:#3b3b3b;
	--toolboxFG:#FFE5F3;
	--toolboxActiveBG:#250712;
	--toolboxActiveFG:#FFE5F3;

	--contentBG:#292929;
	--contentFG: #E5D4DC;
	--contentLightFG: #c0c0c0;

	--accentDarkBG:#FF94A7;
	--accentDarkFG:#000000;
	--accentLightBG:#3F3F3F;
	--accentLightFG:#ffffff;

	--pBkText:#e7c8ff;
	--pBkTextLight:#3a2d5d;
	--pBkDemo:#DFE9FF;
	--pBkDemoLight:#3A4D7C;
	--pBkExpression:#E6FFC6;
	--pBkExpressionLight:#318808;
	--pBkWarning:#063bac;
	--pBkWarningLight:#970000;
	--pBkComplement:#FFF9C6;
	--pBkComplementLight:#978800;

	--headerBG:#292929;
	--headerFG:#E5D4DC;

	--footerBG:#292929;
	--footerFG:#E5D4DC;

	--schBG:#292929;
	--schLightBG:#250712;
	--schCurrentBG:#847811;
	--schFG:#E5D4DC;

	--quizAnswerBG:#293e21;
	--quizAnswerFG:#3ca610;
	--quizWorstFG:#ff5d63;
	--quizWorstBG:#36191a;
	--quizBadFG:#d38c2a;

	--segmentUndone:#3F3F3F;
	--segmentDone:#000000;
	--segmentActive:#FF94A7;

	--inputBG:#3B3B3B;
	--inputBorder:#262626;
	--inputFocus:#FF94A7;

	--progressFG: #FF94A7;
}