@viewport {
    width: device-width;
    /* largeur du viewport */
    zoom: 1;
    /* zoom initial à 1.0 (et clin d'oeil aux fans d'IE6/7) */
}

* {
    box-sizing: border-box;
    margin: 0px;
}

body {
    /* couleur de fond de la page */
    background-color: #555555;
}

div#home {
    position: absolute;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

div#denis-morel_photographe {
    position: absolute;
    width: 80%;
    height: 80%;
    top: 10%;
    left: 10%;
}

div#denis-morel {
    position: absolute;
    max-width: 50%;
    max-height: 50%;
}
*/

div#denis-morel > img,
div#photographe > img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}

div#denis-morel {
    position: absolute;
    left: 0px;
    top: 0px;
}

div#photographe {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

div#contact {
    position: absolute;
    right: 20px;
    bottom: 20px;
    overflow: visible;
    width: 200px;
    height: 70px;
}

div#contact img {
    position: relative;
}

div#lang {
    position: absolute;
    right: 0px;
    top: 10px;
    overflow: visible;
    width: 100px;
    height: 21px;
}

div#lang .flag_en,
div#lang .flag_fr {
    position: relative;
    width: 21px;
    height: 21px;
    float: left;
    margin-left: 5px;
}

@media (min-aspect-ratio: 1/1) {
    div#home {}

    div#denis-morel {
        height: 40%;
    }

    div#photographe {
        height: 40%;
        margin-bottom: 100px;
    }

    div#denis-morel > img {
        content: url("/site/images/Denis_Morel.png");
    }

    div#photographe > img {
        content: url("/site/images/Photographe.png");
    }

}

@media (max-aspect-ratio:1/1) {
    div#home {}

    div#denis-morel {
        height: 100%;
        width: 60%;
        bottom: 0px;
    }

    div#photographe {
        height: 80%;
        width: 25%;
        top: 0px;

    }
    div#denis-morel > img {
        content: url("/site/images/Denis_Morel90.png");
    }

    div#photographe > img {
        content: url("/site/images/Photographe90.png");
    }

}


}