#firstdiv {
    display: block;
    clear: both;
	z-index: 1;
	min-width: 100%;
	max-width: 100%;
	width: 100%;
    height: 100%;
    min-height: 100%;
    background-image:  url("../images/fondoeuvres.jpg");
	border-style: none;
    padding: 40px 0 40px 0;
    text-align: center;
}

    #firstcont {
        background-color: #FFF;
        display: block;
        position: relative;
        z-index: 2;
        width: 70% !important;
        max-width: 70% !important;
        height: 100% !important;
        min-height: 100% !important;
        margin: 0 auto;
        padding: 0;
        overflow: hidden;
            
        color: #FFF;
	    letter-spacing: normal;
        font-family: 'Calibri_Regular', sans-serif !important;
        background-color: #FFF;
        text-align: center;
        font-size: 14px;
    }

        #contoeuvres {
            display: block;
            position: relative;
            height: 95% !important;
            min-height: 95% !important;
            width: 100%;
            min-width: 100%;
            margin: 0 auto;
            padding: 0;
            text-align: center;
        }

            .cadroeuvre {
                display: block;
                position: relative;
                width: 18% !important;
                min-height: 23% !important;
                height: 23% !important;
                z-index: 10;
                float: left;
                padding: 1% 1% 0% 1%;

                color: #333;
                letter-spacing: normal;
                text-align: center;
            }

                .cadroeuvre a {
                    display: block;
                    height: 100%;
                    min-height: 100%;
                    width: 100%;
                    min-width: 100%;
                }

                .cadroeuvre:hover {
                    background-color: #333;
                    color: #FFF !important;                    
                }

                    .cadroeuvre a .divimg {
                        height: 80%;
                        min-height: 80%;
                        z-index: 110;
                        background-repeat: no-repeat;
                        background-position: top center;
                        background-size: auto;
                        background-size: cover;
                    }

                    .cadroeuvre a .divimg img {
                        z-index: 111;
                        height: 100%;
                        min-height: 100%;
                        color: #FFF;
                    }

                    .cadroeuvre a .divtxt {
                        z-index: 200;
                        height: 20%;
                        min-height: 20%;
                        line-height: 12px;
                        margin-top: 1%;
                        }

        #oeuvresuiva {
            height: 5%;
            min-height: 5%;
            clear: both;
            display: block;
            width: 100%;
            min-width: 100%;
            margin: 0 auto;
            padding: 0;
            text-align: center;
            color: black !important;
        }

    @media screen and (max-width: 1600px) {
         #firstcont {
            width: 90% !important;  
            max-width: 90% !important;
            font-size: 14px !important;
            line-height: 11px !important;
        }

            .cadroeuvre {
                width: 18%;
                height:22%;

            }

            .cadroeuvre a .divtxt {
                font-size: 12px;
                line-height: 10px;
                margin-top: 1%;
                }
    }


@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) {
    #firstcont { 
                display: table;
                font-size: 16px;
                min-height: 100% !important;
                height: 100% !important; }
    #contoeuvres {
                display: table-row;
                min-height: 95% !important;
                height: 95% !important; }
    .cadroeuvre { 
                display: table-cell;
                min-height: 25% !important;
                height: 25% !important; }
}}