SAE-01-06/index.css

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

.conteneur
{
    display: flex;
    padding-top : 15px;
    padding-bottom: 15px;
    width : 97%;
    background-color: #2c2f33;
}

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

    border : 1px solid black;
}

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

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


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

/*
========================================
                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
{
    background-color:  #D4D4D5;
    font-weight: bold;

    border : 2px solid #2c2f33;
}

.blocLienQuestion:hover
{
    background-color: #F3F4F6;
    border : 2px solid #2c2f33;

    font-weight: bold;
}

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

.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;
    background-color: #F3F4F6;
}

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

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

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

    border: 2px solid #2c2f33;
}

#enonce1-1
{
    width: 50%;
}

#enonce1-2
{
    width: 50%;
    margin-top: 15px;
}

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

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

li
{
    margin-left : 15px;
}

#enonce2
{
    width : 60%;
}

#enonce3
{
    width : 50%;
}

#enonce4
{
    width : 60%;
}

img{
    width : 40%;
    margin-top : 30px;
    align-self: center;
}

/*
========================================
                Footer  
========================================
*/

footer
{
    width: 82%;
    margin-top : 20px;
    padding-bottom: 5px;
    color: #D4D4D5;
    font-size: 90%;
    

    border: 1px solid #D4D4D5;
}

.end
{
    text-align: center;
}