body{
    background-image: url("../assets/media/brick.png");
    height: 100vh;
    margin: 0;
    #titre{
        height: 20%;
        display: flex;
        justify-content: center;
        align-items: center;
    };
    
    footer{
        height: 5%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}


main{
    height: 70%;
    /* allignement */
        display: flex;
        justify-content: center;
        align-items: center;
    #window {
        
        overflow: hidden;
        border: 1px solid black;
        background-color: silver;

    
        header{

                background-color: #155362;
                display: flex;
                position: relative;

                #title{
    	            color: #fff;
    	            font-weight: 700;
    	            font-size: 13px;
                    font-family: Arial,'Helvetica Neue',Helvetica,sans-serif;
                    height: 26px

                };

                #close_bonton{
                    background-image: url("../assets/media/btn-close.png");
    	            background-size: 22px;
    	            width: 22px;
    	            height: 22px;
    	            cursor: pointer;
                    position: absolute;
                    right: 2px;
                };
        }

        main {
            width:100%; height:100%;
            #image-container {
                display: flex;
                justify-content: center;
                align-items: center;
                image-rendering: pixelated;
                

                #societe {
                    user-select: none;
                    object-fit: fill;
                }

                #Text{
                    display:inline-block
                }
            }
        }


    }
}