#conteneurtem
{
    display: flex;
    flex-direction: row;
}

*{
	/*background: #DBDDFA;*/
	font-size: 12pt;
}

body{
    background-image: url("../images/templechinois5.jpg");
    background-repeat: repeat-2;
    background-size: 100%;
}

.titretem{
    text-align: center;
    font-size: 12pt;
}

.classtem{
    display: block;    
    width :350px ;
    height :200px;
    margin-right: auto;
    margin-left: auto;
}

#boitetem
{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    text-align: justify;
    justify-content: space-around;
}
.boitagetem{
    text-align: center;
    min-width: 340px;
    min-height: 340px;
    background-color: #DBDDFA;
    border: 2px black solid;    
}


@media all and (max-width: 1024px)
{
    #boitetem
    {
        flex-direction: column;

    }
    .boitagetem
    {
        width:100%;
        height: 100%;
    }
    .sommaire
    {
        display: contents;
    }
    .sommairehorizontal
    {
        display: none;
    }
}