/* Ajouts à bootstrap5 */


.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}

/*
 * Sidebar
 */

.sidebar {
  position: fixed;
  top: 0;
  /* rtl:raw:
  right: 0;
  */
  bottom: 0;
  /* rtl:remove */
  left: 0;
  z-index: 100; /* Behind the navbar */
  padding: 48px 0 0; /* Height of navbar */
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

@media (max-width: 767.98px) {
  .sidebar {
    top: 5rem;
  }
}

.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

.sidebar .nav-link {
  font-weight: 500;
  color: #333;
}

.sidebar .nav-link .feather {
  margin-right: 4px;
  color: #727272;
}

.sidebar .nav-link.active {
  color: #2470dc;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
  color: inherit;
}

.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}

/*
 * Navbar
 */

.navbar-brand {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: 1rem;
  background-color: rgba(0, 0, 0, .25);
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
}

.navbar .navbar-toggler {
  top: .25rem;
  right: 1rem;
}

.navbar .form-control {
  padding: .75rem 1rem;
  border-width: 0;
  border-radius: 0;
}

.form-control-dark {
  color: #fff;
  background-color:	#343a40;
  border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
  border-color: transparent;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}

/* titraille */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: -apple-system, BlinkMacSystemFont, Hiragino Sans GB, Roboto, Segoe UI, Microsoft Yahei, 微软雅黑, Oxygen-Sans, Ubuntu, Cantarell, Helvetica, Arial, STHeiti, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-weight: 800;
  letter-spacing: -0.8px;
  text-rendering: optimizeLegibility;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  line-height: 1.2;
}


/* modifier couleur code dans div id chronologie */
#chronologie {
  color: black;
}

/* text area : sans serif */
/*textarea { font-family: -apple-system, BlinkMacSystemFont, Hiragino Sans GB, Roboto, Segoe UI, Microsoft Yahei, 微软雅黑, Oxygen-Sans, Ubuntu, Cantarell, Helvetica, Arial, STHeiti, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; }*/
textarea { font-family: monospace; }
textarea { font-size: 14px!important; }

/**
 * 
 * Petko Thumblist
 */

img.thumbs {
 border:1px solid #dddddd; margin:2px; padding:4px; vertical-align: middle; }
img.thumbs:hover, table.thumbtable td.thumbtd div.img:hover {
 border:1px solid gray; }
table.thumbtable img.thumbs { border: 0; padding:0; }
table.thumbtable td.thumbtd { margin:4px; padding:2px; }
table.thumbtable td.thumbtd:hover { border-color:gray; }
table.thumbtable { border:1px solid #cccccc; }
table.thumbtable td.thumbtd div.img {
 border: 1px solid #dddddd; text-align: center; }
.caption {
 font-size:.8em; overflow:hidden; padding:0px; line-height:1.1em; }
img.current, table.thumbtable td.thumbtd div.current {
 border-color: red; }

/*pour placer les images dans un div class=thumblist 
permettant le défilement horizontal sur une seule ligne
http://stackoverflow.com/questions/12599357/responsive-horizontal-layout*/

.thumblistnowrap {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space:nowrap;
}

.thumblist-center {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space:nowrap;
    text-align: center;
}

img.thumbs {
    display: inline-block;
}

/* autotoc */
.tableTOC { border: none; background: none; }
.tableTOC  a { text-decoration: none; color:gray;} /* don't underline TOC links -OR- */
.headerTOC a { text-decoration: none; } /* don't underline show/hide link */
.AutoTOCdiv {font-size: small; 	padding-bottom: 1em;}

/* blockquote, cite */
/*blockquote cite {
	display:block; 
	text-align:right; 
	margin:0 2em; 
}*/
blockquote cite:before { content:"\2014 \A0"; }
blockquote {
/*	position: relative;
	border-left: 4px solid #ccc; */
	font-style: italic;
/*	margin: 0 0 0 1em; */
	padding-left: 1em;
}
cite {
	font-style: normal;
}

/* $EnableRCDiffBytes
If set to 1, (All)RecentChanges pages will display the difference in bytes of the page content from the previous version like (+123) or (-42)
$EnableRCDiffBytes = 1; # Show bytes difference from previous version
The colors are the same as those in the page history; if your skin doesn't provide them, add to pub/css/local.css something like: */
.diffmarkup { font-family: monospace; font-size: 0.9em; } 
.diffmarkup del { background: #ff9; text-decoration: none; }
.diffmarkup ins { background: #9f9; text-decoration: none; }

/* ajouter indent et outdent qui ont disparu */
.indent { margin-left:15px; }
.outdent { margin-left:15px; text-indent:-15px; }