h2:before {
  content: "Exercice " counter(exo) " : ";
  counter-increment: exo;
}

h2 {
  text-shadow: #ffb0b0 1px 1px 2px;
  text-decoration:underline;
  text-transform:capitalize;
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: 0px;
  line-height: 27px;
  font-size: 27px;
}

h3 {
  line-height:20.5pt;
  text-shadow: #ffb0b0 1px 1px 2px;
  text-decoration:underline;
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: 0px;
  line-height: 27px;
  font-size: 27px;
}

h4 {
  height:27px;
  text-shadow: #ffb0b0 1px 1px 2px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: 0px;
  font-size: 12px;
  margin:0;
  vertical-align:bottom;
  display: table-cell;
  line-height:12px;
}


h1 {
  text-shadow: #ffb0b0 1px 1px 2px;
  text-align: center;
  counter-reset: exo;
  text-transform:capitalize;
  line-height:27px;
  margin-top:28px;
  margin-bottom:27px;
}

ul {
  margin-top:0px;
  margin-bottom:0px;
}

body {
  counter-reset: exo;
  background-image: url('images/papier.png');
  font-size: 18px;
  font-family:sans-serif;
  margin-bottom: 27px;
    line-height: 27px;
}

pre {
  display:inline-block;
  margin-top: 0px;
  padding-top: 0px;
  border-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  margin-left: 20px;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 0px;
  background-color: #d0ffd0;
  border: 2px solid #404040;
  line-height:27px;
}

table.res {border-spacing:0;}
table.res tr:nth-child(even) {height:27px;background: rgba(0,0,0, 0.1);}
table.res tr:nth-child(odd) {height:27px;background: rgba(0,0,0, 0.25);}

table.res td, table.res th {border-right: 1px solid black;}

table.ttable tr th {
  color:white;
  margin: 10px;
  border-spacing : 0px
}

img{
  border: 1px solid black;
  box-shadow: 1px 4px 4px rgba(0,0,0,0.5)
}

table.ttable{
  padding: 0px;
  border: 1px solid black;
  border-collapse: collapse;
}
table.ttable tr td, table.ttable tr th {
  height: 27px;
  border: 1px solid black;
}

div.code {
  margin-top: 0px;
  padding-top: 0px;
  border-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: 0px;
  background-color: #d0d0ff;
  border: 2px solid #404040;
  line-height:27px;
}

p {
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 0px;
  border-top: 0px;
  padding-bottom: 0px;
  border-bottom: 0px;
  text-align:justify;
  text-indent:21px;
  line-height:20.5pt;
  text-shadow: #b0b0ff 1px 1px 2px;
}

ol {
  margin-top: 0px;
  padding-top: 0px;
  border-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: 0px;
}

img {
margin:0;
padding:0;
}

li {
  text-align:justify;
  vertical-align:baseline;
  text-indent:01px;
  line-height:27px;
  text-shadow: #b0b0ff 1px 1px 2px;
  margin-bottom: -6px;
  margin-top: 6px;
}

.bb {
  margin-top: 0px;
  padding-top: 0px;
  border-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: 0px;
  text-align:justify;
  text-indent:21px;
  line-height:20.5pt;
  text-shadow: #000 0px 0px 0px;
  background:black;
}

footer {
  background-image: url('images/logoUPSUD.png');
  background-repeat: no-repeat;
  background-size:40px 20px;

  display:block;
  background-color: #ffffff;
  text-shadow: #ffff00 1px 1px 2px;
  border: 1px solid black;
  width: 100%;
  text-align: right;
  position: fixed;
  bottom: 2px;
  right: 2px;
  left: 2px;
  height: 20px;
  clear:both;
  z-index:1;
  width: 100%;
}

input {
  margin-left:20px;
  vertical-align:middle;
}