/*
=======================================
                Général
=======================================
*/ 
body{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.conteneur
{
    display: flex;
}

/*
=========================================
                Titre SAE   
=========================================
*/ 
#SAE
{
    font-size : 450%;
    margin : 10px;
}

#DECOUVERTE
{
    font-size : 160%;
    margin-top : 10px;
}

.titreSAE
{
    border : 1px solid red;
}

header
{
    display : flex;
    flex-direction : column;
    align-items: center;
    justify-content: flex-start;
    border : 1px solid green;
    width: 82%;
    margin-bottom : 15px;
}

/*
========================================
                Sommaire   
========================================
*/ 

#sommaire
{
    width : 82%;
    display: flex;
    flex-direction: column;

    border : 1px solid black;
}

#titreSommaire
{
    font-size: 180%;
    margin-left: 20px;
}

#liensQuestions
{
    justify-content: space-around;
    flex-direction: row;
    padding-top : 15px;
    padding-bottom: 15px;
    width : 97%;
    align-self : center;
    margin-bottom: 30px;

    border : 1px solid red;
}

.blocLienQuestion
{


    border : 1px solid orange;
}

.lienQuestion
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width : 100%;
    height: 100%;
    text-decoration: none;
    color : black;
    
    border : 1px solid green;
}

.titreLien
{
    padding-left : 10px;
    padding-right : 10px;
    font-size: 93%;

}
/*
table
{
    border-collapse: collapse;
}

td{
    border : 1px solid black;
    font-size : 25px;
    display: inline-block;
}

.questionP
{
    text-align: center;
    border : 1px solid purple;
}

.question
{
    border: 3px solid orange;
    display: block;
    width : 100%;
    margin : 0px;
}
*/