/* ----------------------------------------
   Mobiles très petits (431px et moins)
   ---------------------------------------- */
@media screen and (max-width: 431px) {

    html {
        zoom: 0.45;  /* 145% de la largeur initiale pour une impression plus large */
    }

    html body {
        width: 980px;
        max-width: none;
        margin: 0 auto;
        box-sizing: border-box;
    }

    html body #content .box4 table.stage-description td p {
        font-size: 1.2rem !important;   /* taille réduite pour petits écrans */
        line-height: 1.3 !important;  /* optionnel : réduit l'espacement entre les lignes */
        margin: 0;         /* supprime marges par défaut */
        padding: 0;        /* supprime padding si nécessaire */
    }

	html body #content td.stage-description-index p	{
        font-size: 1.3rem !important;   /* taille réduite pour petits écrans */
        line-height: 1.8 !important;  /* optionnel : réduit l'espacement entre les lignes */
        margin: 0;         /* supprime marges par défaut */
        padding: 0;        /* supprime padding si nécessaire */
    }

    html body #content .box4 p,
    html body #content .box7 p {
        font-size: 1.6rem !important;
        line-height: 1.35 !important;
    }

    html body #content .box4 p img.marker {
        width: auto !important;
        height: 24px !important;
        vertical-align: top !important;
    }

    html body #content .box4 h2 {
        color: #013277;
        font-size: 1.6em;
        line-height: 1.25;
        margin: 0 0 40px 28px;
        padding: 0 3px 2px 3px;
        text-shadow: 0px 1px 1px #C0F9EA;
        background: left / 100% 100% url(images/h-invisible-progressif.png) repeat-x;
    }

    html body #content .box4 h1 {
        color: #013277;
        font-size: 1.6em;
        line-height: 1.25;
        margin: 0 0 25px 28px;
        padding: 0 3px 2px 3px;
        text-shadow: 0 0.5px 1px #83D0FB;
        background: left / 100% 100% url(images/h-invisible-progressif.png) repeat-x;
    }
}
/* ----------------------------------------
   Tablettes + mobiles larges (432px à 768px)
   ---------------------------------------- */
@media screen and (max-width: 821px) and (min-width: 432px) {

    html {
    zoom: 0.45;  /* 145% de la largeur initiale pour une impression plus large */
	}

    html body {
        width: 980px;
        max-width: none;
        margin: 0 auto;
        box-sizing: border-box;
    }

    html body #content .box4 p,
    html body #content .box7 p {
        font-size: 1.5rem !important;
        line-height: 1.35 !important;
    }

    html body #content .box4 table.stage-description td p {
        font-size: 1.2rem !important;   /* taille réduite pour petits écrans */
        line-height: 1.3 !important;  /* optionnel : réduit l'espacement entre les lignes */
        margin: 0;         /* supprime marges par défaut */
        padding: 0;        /* supprime padding si nécessaire */
    }

	html body #content td.stage-description-index p	{
        font-size: 1.3rem !important;   /* taille réduite pour petits écrans */
        line-height: 1.8 !important;  /* optionnel : réduit l'espacement entre les lignes */
        margin: 0;         /* supprime marges par défaut */
        padding: 0;        /* supprime padding si nécessaire */
    }


    html body #content .box4 p img.marker {
        width: auto !important;
        height: 24px !important;
        vertical-align: top !important;
    }

    html body #content .box4 h2 {
        color: #013277;
        font-size: 1.6em;
        line-height: 1.25;
        margin: 0 0 40px 28px;
        padding: 0 3px 2px 3px;
        text-shadow: 0px 1px 1px #C0F9EA;
        background: left / 100% 100% url(images/h-invisible-progressif.png) repeat-x;
    }

    html body #content .box4 h1 {
        color: #013277;
        font-size: 1.6em;
        line-height: 1.25;
        margin: 0 0 25px 28px;
        padding: 0 3px 2px 3px;
        text-shadow: 0 0.5px 1px #83D0FB;
        background: left / 100% 100% url(images/h-invisible-progressif.png) repeat-x;
    }
}