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

    #firstcont {
        display: block;
        position: relative;
        z-index: 2;
        width: 70%;
        height: 100%;
        min-height:100%;
        margin: 0 auto;
            
	    letter-spacing: normal;
        font-family: 'Calibri_Regular', sans-serif !important;
    }

@media screen and (min-width: 1600px) {

        #firstdiv #firsttit {
            display: table;
            width:100%;
            min-width:100%;
            padding: 10px 0 40px 0;

            font-size: 36px !important;
            letter-spacing: normal;
            font-family: 'Britannic_T_Med_Regular', sans-serif !important;
            color: #FFF;
        }

        #firstcont .bandexpo {
            display: table;
            background-color: #FFF;
            width: 98%;
            min-width: 98%;
            height: 100%;
            margin: 0 auto 4% 0;
            padding: 1%;
        }

            #firstcont .bandexpo .expoinfos {
                display: inline-block;
                height:100%;
                min-height:100%;
                width: 55%;
                min-width: 55%;
                float: left;
                margin: 1% 0 0 0;
                
                background-repeat: no-repeat;
                background-position: center right;
                background-size: cover;
            }

                #firstcont .bandexpo .expoinfos .expolieu {
                    font-size: 27px;
                    color: #900;
                }

                #firstcont .bandexpo .expoinfos .expodates {
                    font-size: 20px;
                    line-height: 32px;
                    font-weight: 600;
                    color: #333;
                    font-style: italic;
                    margin: 1% 0 0 0;
                }

                #firstcont .bandexpo .expoinfos .expoadres {
                    font-family: 'Times_Regular', sans-serif !important;
                    font-size: 20px;
                    line-height: 27px;
                    color: #333;
                }

            #firstcont .bandexpo .expoimg {
                display: inline-block;
                width: 29%;
                min-width: 29%;
                float: left;
                margin: 0 1% 0 0;
                overflow: hidden;
            }

                #firstcont .bandexpo .expoimg img {
                    height: 200px;
                    float: left;
                }

            #firstcont .bandexpo .expomap {
                display: inline-block;
                width: 15%;
                min-width: 15%;
                float: left;
                overflow: hidden;
            }

                #firstcont .bandexpo .expomap img {
                    height: 200px;
                    float: right;
                }
}

@media screen and (max-width: 1600px) {
    
    #firstcont {
        width: 90%;
    }

        #firstdiv #firsttit {
            display: table;
            width:100%;
            min-width:100%;
            padding: 10px 0 40px 0;

            font-size: 32px !important;
            letter-spacing: normal;
            font-family: 'Britannic_T_Med_Regular', sans-serif !important;
            color: #FFF;
        }

        #firstcont .bandexpo {
            display: table;
            background-color: #FFF;
            width: 98%;
            min-width: 98%;
            height: 100%;
            margin: 0 auto 4% 0;
            padding: 1%;
        }

            #firstcont .bandexpo .expoinfos {
                display: inline-block;
                height:100%;
                min-height:100%;
                width: 50%;
                min-width: 50%;
                float: left;
                margin: 1% 0 0 0;
                
                background-repeat: no-repeat;
                background-position: center right;
                background-size: cover;
            }

                #firstcont .bandexpo .expoinfos .expolieu {
                    font-size: 21px;
                    color: #900;
                }

                #firstcont .bandexpo .expoinfos .expodates {
                    font-size: 18px;
                    line-height: 21px;
                    font-weight: 600;
                    color: #333;
                    font-style: italic;
                    margin: 1% 0 0 0;
                }

                #firstcont .bandexpo .expoinfos .expoadres {
                    font-size: 16px;
                    line-height: 16px;
                    color: #333;
                }

            #firstcont .bandexpo .expoimg {
                display: inline-block;
                width: 31%;
                min-width: 31%;
                float: left;
                padding: 0 1% 0 0;
                overflow: hidden;
            }

                #firstcont .bandexpo .expoimg img {
                    height: 140px;
                    float: left;
                }

            #firstcont .bandexpo .expomap {
                display: inline-block;
                width: 18%;
                min-width: 18%;
                float: left;
                overflow: hidden;
            }

                #firstcont .bandexpo .expomap img {
                    height: 140px;
                    float: right;
                }
}