SAE-01-06/index.css

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

.conteneur
{
    display: flex;
    padding-top : 15px;
    padding-bottom: 15px;
    width : 97%;

    border : 1px solid red;
}

.partie
{
    width : 82%;
    margin-top: 20px;
    padding-bottom: 30px;

    border : 1px solid black;
}

/*
=========================================
                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
{

    display: flex;
    flex-direction: column;


}

.titrePartie, .titreQuestion
{
    font-size: 180%;
    margin-left: 20px;
}

#liensQuestions
{
    justify-content: space-around;
    flex-direction: row;

    align-self : center;

}

.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;
}
/*
========================================
                Question 1  
========================================
*/

/*
#question1
{
    display: flex;
    flex-direction: column;
}

.titreQuestion
{
    text-align: center;
    margin-left : 0px;
}

#intitule1
{
    align-self : center;
    padding-bottom: 5px;
    width: 55%;
    padding-top: 5px;
    display: flex;
    justify-content: center;
}

.enonce
{
    text-align: center;
    width : 98%;
}

#reponse1
{
    display: block;
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    align-self: center;

}
*/

.question
{
    width: 82%;
    margin-top : 20px;
    padding-bottom: 30px;
    display: flex;
    flex-direction: column;

    border : 1px solid pink;
}

.introQuestion
{
    display: flex;
    flex-direction: column;

    border : 1px solid blue;
}

.titreQuestion
{
    align-self: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.enonce
{
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    align-self: center;

    border: 1px solid aqua;
}

#enonce1
{
        width: 50%;
}

.reponseQuestion
{
    margin-top : 20px;
    width : 93%;
    align-self: center;
    padding-left: 10px;
    padding-right: 10px;
    line-height : 21px;
    font-size: 105%;
    text-align: justify;

    border: 1px solid brown;
}

.point
{
    display: inline-block;
    font-weight: bold;
    text-decoration: underline;
}

li
{
    margin-left : 15px;
}

#enonce2
{
    width : 60%;
}

#enonce3
{
    width : 50%;
}

#enonce4
{
    width : 60%;
}