@media only screen and (max-device-width: 600px)
{
    /* si c'est un téléphone*/

    html, body
    {
        width: 96%;
        min-width: 96%;
        max-width: 96%;
        -webkit-text-size-adjust: 200%;
    }

    img
    {
        max-width:100%;
    }

    p   /* propriété des paragraphes */
    {
        font-size: 16px;
    }

    ol, ul    /* ol = ordered list (numéroté), ul = unordered list (bullet point) */
    {
        display:table;
        /*margin:0 auto;*/ /* oui, 0 auto, ça sert à centrer les listes */
        width: 85%;
        padding-left: 2.3em;
    }

    li  /* li = les éléments de la liste. S'applique à ol et à ul  */
    {
        font-family:PrestigeEliteStd;
        text-align: justify;
        font-size: 16px;
        max-width: 85%;
    }

}

@media only screen and (min-device-width: 601px)
{
    /* si c'est une tablette ou un ordinateur */

    html, body
    {
        width: 600px;
        max-width: 600px;
    }

    img
    {
        max-width:600px;

    }

    p   /* propriété des paragraphes */
    {
        font-size: 16px;
    }


    ol, ul    /* ol = ordered list (numéroté), ul = unordered list (bullet point) */
    {
        display:table;
        /* margin:0 auto;*/ /* oui, 0 auto, ça sert à centrer les listes */
        width: 100%;
    }

    li  /* li = les éléments de la liste. S'applique à ol et à ul  */
    {
        font-family:PrestigeEliteStd;
        text-align: justify;
        font-size: 16px;
        max-width: 510px;
    }
}

@font-face {
    font-family: "PrestigeEliteStd";
    src: url("PrestigeEliteStd-Bd.woff") format("woff"); 
    font-weight:bold
}

p   /* propriété des paragraphes */
{
    text-align: justify;
    font-family:PrestigeEliteStd;
}

html
{
    display: table;
    margin: auto;
}

body
{
    display: table-cell;
    vertical-align: middle;
}

/* propriété des hyperliens */
a { text-decoration: none; color:blue }
a:visited { text-decoration: none; color:blue; }
a:hover { text-decoration: underline; color:blue; }
a:focus { text-decoration: none; color:blue; }
a:hover, a:active { text-decoration: none; color:blue }

img,figure
{
    width:100%;
    margin: auto;
    display: table-cell;
}

figcaption
{
    font-family: "PrestigeEliteStd";
    src: url("PrestigeEliteStd-Bd.woff") format("woff"); 
    font-weight:bold;
    text-align: center;
}

center
{
    font-family: "PrestigeEliteStd";
    src: url("PrestigeEliteStd-Bd.woff") format("woff"); 
    font-weight:bold;
}
h1 {font-family:PrestigeEliteStd;text-align: center;}
h2 {font-family:PrestigeEliteStd;text-align: center;}
h3 {font-family:PrestigeEliteStd;text-align: center;}
h3 {font-family:PrestigeEliteStd;text-align: center;}