body {padding-top:0px;}
a {color:black;}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}
.btn-large {width:100%;}
.entete {background-color:#ffffff;}
.colgauche {background-color:#ffffff;margin-top:5px;}
.centre {background-color:#ffffff;margin-top:5px;}
.coldroite {background-color:#ffffff;margin-top:5px;}
.pieddepage {background-color:#ffffff;margin-top:5px;}
.titrepage {background-color:cyan;text-align:center;font-family: cursive,sans-serif;}
#gallery img {max-height: 200px;object-fit: cover;}
pre{counter-reset: line; background-color:black; color:white;}
code {counter-increment: line;}
code:before {content: counter(line);background-color:blue;color:yellow; font-weight:bold;padding:0 3px;}

@media only screen and (max-width: 320px) {
h1 {font-size: 1em;}
}

.btn-responsive {
  font-size: 0.8rem;
  padding: 0.3rem 0.6rem;
}

/* ≥576px — sm */
@media (min-width: 576px) {
  .btn-responsive {
    font-size: 0.9rem;
    padding: 0.35rem 0.75rem;
  }
}

/* ≥768px — md */
@media (min-width: 768px) {
  .btn-responsive {
    font-size: 1rem;
    padding: 0.5rem 1rem;
  }
}

/* ≥992px — lg */
@media (min-width: 992px) {
  .btn-responsive {
    font-size: 1.1rem;
    padding: 0.6rem 1.2rem;
  }
}

/* ≥1200px — xl */
@media (min-width: 1200px) {
  .btn-responsive {
    font-size: 1.2rem;
    padding: 0.65rem 1.4rem;
  }
}

/* ≥1400px — xxl */
@media (min-width: 1400px) {
  .btn-responsive {
    font-size: 1.3rem;
    padding: 0.75rem 1.5rem;
  }
}