/**
 * ========= Styles common to ALL SITES =========
 */
 body {
  padding-top: 4.5rem;
}

nav.navbar {
  border-bottom: 1px solid #cccccc;
}

h1.title {
  margin: 1.5rem 0;
  font-weight: 700;
}
h2 {
  font-size: 1.7rem;
  font-weight: 700;
}
h3 {
  font-size: 1.3rem;
  font-weight: 700;
}

article h2 {
  margin: 1.6rem 0;
}
article h3 {
  margin: 1.3rem 0;
}
/* Fix anchor scroll */
article h2::before, article h3::before {
  margin-top: -80px; /* adjust to height of navbar */
  height: 80px;      /* adjust to height of navbar */
  display: block;
  content: "";
}

table {
  font-size: 1rem;
}

/* violet : #491230 */
/* lie de vin : #6d113b */
/* framboise : #a7254d */
/* ardoise : #737381 */
code {
  color: #a7254d;
}

/**
 * ========= Bootstrap Overrides =========
 */
.alert {
  font-size: 0.9em;
  line-height: 1.5em;
}
.alert a {
  color: #FFFFFF;
  text-decoration: underline;
}
.alert code {
  color: #E5E7E9;
}

/**
 * ========= Formattings =========
 */
.subtitle {
  font-style: italic;
  color: #85929E; /* #5D6D7E; */
}
main .content {
  line-height: 1.8rem;
  font-size: 1.05em;
}
.hi {
  background-color: yellow;
}
.required {
  color: red;
}
.orange {
  color: #E67E22;
}
.draft {
  background-color: #F9EBEA;  /* plus foncé : #F2D7D5 */
}
.revise {
  font-style: italic;
  text-decoration: red wavy underline;
}
.byline {
  color: #A6ACAF;
  font-size: 0.9rem;
}
.discreet {
  color: #A6ACAF;
}
.small-text {
  font-size: 0.9rem;
}

/**
 * ========= Misc UI Elements =========
 */
#toc {
  background-color: #F2F3F4;
  padding: 1rem;
  margin-bottom: 2rem;
}
#toc .title {
  color: #626567;
}
.fs-tooltip, .fs-tooltip:hover {
  color: inherit;
}
.fs-tooltip-muted, .fs-tooltip-muted:hover {
  color: #909497;
}

/**
 * ========= Images =========
 */
.img-center {
  width: 35rem;
}
.img-center img {
  border: 1px solid gray;
}
.img-left {
  width: 30rem;
  padding-right: 1rem;
}
.img-left img {
  border: 1px solid gray;
}
.img-right {
  width: 30rem;
  padding-left: 1rem;
}
.img-right img {
  border: 1px solid gray;
}

/**
 * ========= Social Networks =========
 */
.youtube { color: #ff0000; }
.bgyoutube { background-color: #ff0000; }
.twitter { color: #1da1f2; }
.bgtwitter { background-color: #1da1f2; }
.linkedin { color: #007bb5; }
.bglinkedin { background-color: #007bb5; }
.facebook { color: #3b5998; }
.bgfacebook { background-color: #3b5998; }