body {background-color: rgba(255,255,255);
    padding-top:200px;
    counter-reset : numexo;/*numero d'exercices*/
    counter-reset : numdef;/*numero de definition*/
    counter-reset : numprop;/*numero de propriété*/
    counter-reset : numth;/*numero de theoreme*/
    counter-reset : nump; /*numero de partie*/
    counter-reset : numsp;/*numero de sous partie*/
    counter-reset : numex;/*numero d'exemples'*/
    padding-bottom : 400px
}
h2 {
  counter-increment: nump;
  counter-reset :numsp;
}
h2:before {
  content : counter(nump) ". ";
}
h3 {
  counter-increment: numsp;
}
h3:before {
  content : counter(nump)"." counter(numsp)". ";
}

.tableau{/*mise en forme des tableaux*/
  width:auto; /* S'adapte au contenu */
  border:2px solid black;
  border-collapse: collapse;
}

td, th {/*Mise en forme des cellules du tableau*/
border: 1px solid black;

}
.sean{ /*pour le cahier de texte*/
  counter-increment:numdef;
  border-left: 3px solid rgb(168, 180, 114);
  background-color: rgb(240, 252, 231);
  padding-left : 5px;
  margin-bottom: 1em;
  font-size: 16px;}
.sean:before{
  content : "Séance du ";
  text-decoration :underline;
}
.todo{ /*pour donner les devoirs à faire*/
  counter-increment:numdef;
  border-left: 3px solid rgb(182, 64, 113);
  background-color: rgb(248, 222, 236);
  padding-left : 5px;
  margin-bottom: 1em;
  font-size: 16px;
}
.todo:before{
  content : "à faire pour le ";
  color : rgb(182, 64, 113);
  font-weight: bold;
}
.def {/*définitions*/
  counter-increment:numdef;
  border-left: 3px solid blue;
  background-color: rgb(231, 233, 252);
  padding-left : 5px;
  margin-bottom: 1em;
  font-size: 16px;
}
.def:before { 
  content : "Définition " counter(numdef) ;
  color : blue;
  font-weight: bold;
  
}
.prop {/*propriété*/
  counter-increment:numprop;
  border-left: 3px solid green;
  background-color: rgb(245, 255, 245);
  padding-left : 5px;
  margin-bottom: 1em;
  font-size: 16px;
}
.prop:before { 
  content : "Propriété " counter(numprop) ;
  color : green;
  font-weight: bold;
}

.th {/*théorème*/
  counter-increment:numth;
  border-left: 3px solid red;
  background-color: rgb(255, 239, 239);
  padding-left : 5px;
  margin-bottom: 1em;
  font-size: 16px;
}

.th:before { 
  content : "Théorème " counter(numth) ;
  color : red;
  font-weight: bold;
}
.demo {/*démonstration*/
  
  border-left: 3px solid rgb(124, 72, 120);
  border-bottom: 3px solid rgb(124, 72, 120);
  background-color: rgb(218, 208, 216);
  padding-left : 5px;
  margin-bottom: 1em;
  font-size: 16px;
}
.demo:before { 
  content : "Démonstration  "  ;
  font-weight: bold;
  color :rgb(124, 72, 120);
}
.exo {/*exercices*/
  counter-increment:numexo;
  border-left: 4px solid black;
  border-bottom: 4px solid black;
  background-color: rgb(252, 252, 252);
  margin-bottom: 1em;
  font-size: 16px;
  padding-left : 5px;
}
.exo:before {
    content : "Exercice " counter(numexo) ".";
	text-decoration: underline;
}
.exow {/*exercices de warm up*/
  counter-increment:numexo;
  border-left: 4px solid black;
  border-bottom: 4px solid black;
  background-color: rgb(252, 252, 252);
  margin-bottom: 1em;
  font-size: 25px;
  padding-left : 5px;
}
.exow:before {
    content : "Exercice " counter(numexo) ".";
	text-decoration: underline;
}
.sav {/*balise Bilan indiquer ce qu'il y a à savoir*/
  border-right: 4px solid black;
  border-bottom: 4px solid black;
 font-style: italic;
  background-color: rgb(248, 248, 212);
}
.sav:before {
  content:"Savoir ";
  text-decoration: underline;
}
.sf {/*balise Bilan indiquer ce qu'il y a à savoir faire*/
  border-right: 4px solid black;
  border-bottom: 4px solid black;
  font-style: italic;
  background-color: rgb(248, 248, 212);
}
.sf:before {
  content:"Savoir Faire  ";
  text-decoration: underline;
}
.algo {/*algorithmes*/
  background-color :rgb(243, 204, 217);
  border-left:2px solid red;
  margin-bottom: 1em;

}
.com{/*à utiliser pour mettre un commentaire ou une remarque*/
  border:2px outset;
  background-color :rgb(206, 205, 205);

}
.indic{/*à utiliser pour mettre une indication*/
  border:2px outset;
  background-color :rgb(206, 205, 205);
  font-size:24px

}
.val{/*à utiliser pour mettre en valeur un élément du texte*/
  border:2px outset;
  font-weight:bold;
}

.ex {/*exemples*/
  counter-increment:numex;
  border-left: 3px solid rgb(148, 237, 240);
  background-color: rgb(243, 253, 251);
  padding-left : 5px;
  margin-bottom: 1em;
  font-size: 16px;
}
.ex:before {
    content : "Exemple " counter(numex) ". ";
}
.navbar {
  max-height: 200px;
}
.navbar .container .navbar-brand{
 font-size: 17px;
}