#conteneur
{
    display: flex;

}

*{
	/*background: #DBDDFA; ou rgb(219,221,250)*/
	font-size: 12pt;
}

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

h1{
	text-align: center;
    color: rgb(0,0,0);
    font-size: 30pt;
}


.annonce{
    color :rgb(255,0,0);
    background-color: rgb(255,255,255);
}

p{
    padding-top: 0;
    margin: 10px;
}

.lienclick{
	text-align: center;

}
table{
	margin-left:auto;
   	margin-right:auto;
	border: 5px solid black;
	border-collapse: collapse;
	border-radius: 10px;
}
tr{
	border: 0.5px solid rgb(190, 190, 190);
}
td{
	border: 2px solid rgb(190, 190, 190);

}

.stage{
    text-align: center; 
    font-size: 3em;
}
.stage a{
    font-size: 2em;
    color : blue;
}
        
.quoiwing{
    display: inline-block;
    margin-left: 25%;
    margin-right: 25%;
    font-size: 18pt;    

}

.boutonretour{
    text-align: center;
    font-size: 16pt;
}
.tabref{
	margin: auto ;

}
.liento{
	border: 2px solid rgb(190, 190, 190);
	text-align: center;
}
.titre_tableau{
	text-align: center;
	font-size: 14pt;
}

#boite
{
    width: 100%;
    height: 100%;
    display: flex;
    text-align: justify;
    justify-content: space-around;
}

.boitage:nth-child(1)
{
    min-width: 340px;
    min-height: 340px;

    border: 2px black solid;    
}
.boitage:nth-child(2)
{
    min-width: 340px;
    min-height: 340px;
 
}
.boitage:nth-child(3)
{
    min-width: 40px;
    min-height: 40px;

}
.tabactu{
    width: 500px;
}
.titre{
    font-size: 24pt;
    font-weight: bold;
    text-align: center;
}

.paragraphe{
    text-align: center;
    font-size: 20pt;
  
}

.tab_anni {
    border-collapse: collapse;
    width : 400px;
    height: 150px;
    font : 100%;
    border: solid 3px red;
    font-family: 'cursive', serif;
    font-size: 4em;

}
.tab_anni tr{
    border: solid 1px blue;
    
    
}


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

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