body {

}

.container {
  width: 1250px;
  background-color: white;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
}

.header {
  background-color: #56BEB7;
}


.button {
  display: block;
  font-size: 20px;
  cursor: pointer;
  text-align: left;
  text-decoration: none;
  outline: 5px;
  background-color: white;
  border: 2px;
}

.button:hover {background-color: #6B9CE3}

.button:active {
  background-color: #828AFE;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

 
.curseur_main {
cursor:pointer;
}

.curseur_sablier {
cursor: wait;
}


.cadre_accueil
{
    display: block;
    width: 800px;
    border: 3px outset;
    border-radius: 10px;
    padding: 5px; 
    margin: auto; /* On peut donc demander ŕ ce que le bloc soit centré avec auto */
    font-family: "verdana";
    font-size: 14px;
    font-style: normal;
    background-color: white;
    } 
    
.cadre_fenetre
{
 font-family: "verdana";
 font-size: 30px;
 display: block; 
 display:none; 
 position: absolute; 
 left: 200px; 
 top: 20px; 
 width: 810px; 
 z-index: 4; 
 background-color:#8CA0BE;
 color:white; 
 border: 5px outset; 
 border-radius: 10px; 
 padding: 10px; 
 margin: auto; 
}

.cadre_qcm
{
 font-family: "verdana";
 font-size: 16px;
 display: block; 
 z-index: 3; 
 width: 800px;  
 background-color:#B1CAF0;
 color:black; 
 border: 5px outset; 
 border-radius: 2px; 
 padding: 30px; 
 margin: auto; 
} 

.cadre_commentaire
{
    display: block;
    width: 300px;
    display:none; 
    border: 3px outset;
    border-radius: 10px;
    padding: 5px; 
    margin: auto;
    font-family: "verdana";
    font-size: 14px;
    color:white; 
    font-style: normal;
    background-color: #5B5F78;
    } 
 
.cadre_vertical90
{
    display: block;
    position: relative;
    width: 90%;
    border: 3px outset;/* border-left: 2px solid black; ou border-right: 3px solid black;*/
    border-radius: 10px;
    padding: 20px; /* Marge intérieure de 20px */
    margin: auto; /* On peut donc demander ŕ ce que le bloc soit centré avec auto */
    font-family: "verdana";
    font-size: 20px;
    font-style: normal;
    background-color: #4473C5;
    }
 
 .footer {
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 10px;
  padding-left: 0px;
  background-color: #56BEB7;
  position: relative;
  clear: both;
  text-align: center;
}
