/* Auteur : Arnaud Geltzenlichter */
/* Date : 27/08/2022 */

@font-face {
  font-family: Montserrat Light;
  src: url('./font/Montserrat-Light.ttf');
}

@font-face {
  font-family: LM Roman 12;
  src: url('./font/lmroman12-regular.ttf');
}

body {
  margin: 10 px;
  font-family: 'Montserrat Light','LM Roman 12', 'Arial';
  color:#000000;
  text-align: justify;
  font-size: 13pt;
  font-style: normal;
}

 h1 {
  font-size: 12pt;
  padding : 10px;
  margin-left: 10px;
  margin-bottom: 0px;
  width: 900px;
  border-radius: 5px;
  background-color:  #2e6598 ;
  text-align: center;
  color : #ffffff;
}


.remarques_bas{
  display: block;
  clear: left;
  font-size: 10pt;
}

.footer {
  clear: left;
  display: block;
  margin-bottom: 10px;
  margin-top: 10px;
  font-size: 10pt;
}

.banniere_top {
  display : block;
  height: 90px;
  line-height: 90px;
  background-color : #E8E8E9;
  color :  #000000;
  font-size: 40px;
  font-weight: bold;
  text-align : center;
  margin-left : 0;
  margin-right : 0;
  margin-top : 10px;
  margin-bottom : 0px;
  padding: 5px;
  border-radius: 5px;

}

.separateur_haut {
  display : block;
  padding: 0px;
  border-radius: 5px;
  margin-top : 10px;
  margin-bottom: : 10px;
  height: 20px;
  background-color : #2e6598;
}

.conteneur_principal{
  display : block;
  background-color : #E8E8E9;
  margin-left : 0px;
  margin-right : 0px;
  margin-top : 10px;
  margin-bottom : 0px;
  padding: 20px;
  border-radius: 5px;
}

.conteneur_principal i {
  font-size: 12pt;
}

.conteneur_principal p {
  margin :0em;
  margin-left: 10px;
  padding: 10px;
}
.image {
display: block;
margin :auto;
width : 443;
}

.liste {
  display:block;
  width:auto;
  column-count:1;
 
}

.liste ul {
   padding : 0px;
   margin-top: 0px;
  margin-left: 20px;

}

.liste li {
margin-top: 10px;
margin-bottom:10px;
margin-left : 0px;
padding-top:10px;
}

.liste a {
  display:block;
  float: left;
  padding-top: 0px;
  margin:5px;
  line-height:25px;
  font-size: 12pt;
  text-align:center;
  text-decoration:none;
  font-weight: bold;
  border-radius: 5px;
  color:#000000;
}

.liste a:hover {
background-color:  #2e6598 ;
color : #ffffff;
}

.bouton_conseils {
  background-color:  #f5cb5c ;
  width:85px;
}

.bouton_exercices {
  background-color:  #ff8844 ;
  width:85px;
}

.bouton_corrige {
  background-color:  #91d185  ;
  width:85px;
}

.bouton_violet {
  background-color:  #c696e8 ;
  padding-left:10px;
  padding-right: 10px;
}

.bouton_exercices {
  background-color:  #ff8844 ;
  width:85px;
}

.bouton_niveau_1 {
  background-color:  #7E7ED6 ;
  width:137px;
  padding: 3px;
  margin:5px;
  line-height:25px;
  font-size: 12pt;
  text-align:center;
  text-decoration:none;
  font-weight: bold;
  border-radius: 5px;
  color:#000000;
}

.bouton_niveau_2 {
  background-color:  #FFA000 ;
  width:137px;
  padding: 3px;
  margin:5px;
  line-height:25px;
  font-size: 12pt;
  text-align:center;
  text-decoration:none;
  font-weight: bold;
  border-radius: 5px;
  color:#000000;
  
}

.bouton_niveau_3 {
  background-color:  #E50B0B ;
  width:137px;
  padding: 3px;
  margin:5px;
  line-height:25px;
  font-size: 12pt;
  text-align:center;
  text-decoration:none;
  font-weight: bold;
  border-radius: 5px;
  color:#000000;
}

.bouton_DM {
  background-color:  #c3c4c7 ;
  padding-left:10px;
  padding-right: 10px;
}

.bouton_vide
{
background-color:  #CCCACA ;
  width:85px;

}

.commentaire {
  margin-top:0px;
  margin-left: 10px;
  line-height:30px;
  font-size: 12pt;
  font-weight: bold;
  float : left;
}

.titre {
  font-size: 14pt;
  font-weight:bold;
  padding : 0px;
  margin-top : 0px;
  margin-bottom:10px;
  border-radius: 5px;
  background-color:  #a5a5a5 ;
  text-align: center;
  color : #000000;
}

.rouge{
 color:#cf0000;
 font-weight: bold;
}

.hard {
    margin-top:0px;
  margin-left: 10px;
  line-height:30px;
  font-size: 12pt;
  font-weight: bold;
  color:#cf0000;
}

#img_accueil_1{
  border : none;
  border-radius:7px;
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 10px;
  float:right;
}