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

    .container{
        text-align:center;
        display:flex;
        flex-direction:column;
        font-style:italic;
        color:bacrgb(26, 82, 118);
        background-color: rgb(255,255,224);
    }
    

    .header{
    display:flex;
    height:12vh;
    align-items:center;
    justify-content: center;
    }
    
    .tit1{
    width:65vw;
    font-size: 1.2vw;
    }
    
    .tit2{
    width:15vw;
    font-size: 1.2vw;
    
    }
    
    .tit3{
    width:20vw;
    opacity:0.5;
    height:12vh;
    }

.menu{
    display: flex;
    background-color:aqua;
    align-items: center;
    }


    #menu1{
    width:17vw;
    background-color:aqua;
    font-size:1.2vw;
    }

.main{
display:flex;
flex-direction:row;
margin-top: 8vh;
}

.image{
width:30vw;
margin-left: 12vw;
}

.texte{
width:40vw;
margin-left: 6vw;
font-weight:bold;
font-size:1.2vw;
display: flex;
flex-direction: column;
text-align: justify;
justify-content: center;
}


img{
width:100%;
height:100%;
object-fit:contain;
}


.footer{
    background-color:rgb(200,173,127);
    font-weight:bold;
    font-size: 1.2vw;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 12vh;
    }