@font-face {
  font-family: 'SourceCodePro';
  font-style: normal;
  font-weight: normal;
  src: url(fonts/SourceCodePro-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'SourceCodePro';
  font-style: normal;
  font-weight: bold;
  src: url(fonts/SourceCodePro-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'SourceCodePro';
  font-style: italic;
  font-weight: normal;
  src: url(fonts/SourceCodePro-Italic.ttf) format('truetype');
}

body {font-size: 16px;}

code, kbd, pre, samp, var, pre.r:before {font-family: 'SourceCodePro', monospace;}
pre {font-size: .9em important;}
var { font-style: italic; }

/* padding for bootstrap navbar */
body {
  padding-top: 50px;
  padding-bottom: 40px;
}

/* navbar multi-colonne */

.dropdown-menu {
	min-width: 200px;
}
.dropdown-menu.columns-2 {
	min-width: 400px;
}
.dropdown-menu.columns-3 {
	min-width: 600px;
}
.dropdown-menu li a {
	padding: 5px 15px;
	font-weight: 300;
}
ul.multi-column-dropdown {
	list-style: none;
	padding-left: 0 !important;
}
li.dropdown-header {
  padding: 5px 15px;
  font-size: 14px;
  white-space: normal;
}
.multi-column-dropdown li a, .dropdown-menu li a {
	display: block;
	clear: both;
	line-height: 1.428571429;
	color: #333;
	white-space: normal;
	font-size: 14px;
}
.multi-column-dropdown li a:hover {
	text-decoration: none;
	color: #262626;
	background-color: #f5f5f5;
}

@media (max-width: 767px) {
	.dropdown-menu.multi-column {
		min-width: 240px !important;
		overflow-x: hidden;
	}
	.multi-column-dropdown li a, .dropdown-menu li a {
	  padding: 5px 15px 5px 25px;
	}
	.multi-column-dropdown li.dropdown-header {
	  border-top: #AAA 1px solid;
	  margin: 5px 25px;
	  padding: 5px 0 !important;
	}
	.row div:first-child .multi-column-dropdown li.dropdown-header {
    border-top:none;
	}
}

.dropdown-menu .active>a, .dropdown-menu .active>a:hover, .dropdown-menu .active>a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #2c3e50;
}

@media (min-width: 767px) {
  .dev a {background-color: #F7BF65;}
}

/* sidebar */
/* cf. http://www.codingeverything.com/2014/02/BootstrapDocsSideBar.html */

#nav_sidebar {
  margin-top: 40px;
  padding-left: 0;
  margin-bottom: 20px;
  position: fixed;
}

#nav_sidebar .nav>li>a {
  color: #999;
  padding: 4px 20px;
  font-size: 14px;
  font-weight: 400;
  border-left: 2px solid transparent;
}

#nav_sidebar .nav .nav>li>a {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 30px;
  font-size: 13px;
}

#nav_sidebar .nav>.active>a {
  color: #2C3E50;
}

#nav_sidebar .nav>.active>a,
#nav_sidebar .nav>li>a:hover,
#nav_sidebar .nav>li>a:focus {
  color: #2C3E50;
  font-weight: bold;
  text-decoration: none;
  background-color: transparent;
  border-left: 2px solid #563d7c;
}

#nav_sidebar .nav ul.nav {
  display: none;
}

#nav_sidebar .nav>.active>ul.nav {
  display: block;
}

/* Table des matières page d'accueil  */

.list-group-item-header {
  color: #aea79f;
  font-size: 0.9em;
  letter-spacing: 1px;
}

/* offset scroll position for anchor links (for fixed navbar)  */
h2, h3, h4
{
  padding-top: 75px;
  margin-top: -45px;
}

/* don't use link color in navbar */
.dropdown-menu>li>a {
  color: black;
}

/* some padding for disqus */
#disqus_thread {
  margin-top: 45px;
}

/* Titres */
h1 {
  font-size: 67.5px;
  margin: 42px 0 21px 0;
}

h2 {font-weight: bold;}

h3 {font-size: 24px; font-weight: bold;}

h4 {font-size: 18px; font-weight: bold;}

/* Alignement */

p {text-align: justify;}

#tdm p {text-align: left;}

article li {text-align: justify;}

/* Guillemets */

:lang(fr) q, q {
quotes: "\00AB\A0" "\A0\00BB" "\201C" "\201D" "\2018" "\2019";
}
:lang(en) q {
quotes: "\201C" "\201D" "\2018" "\2019";
}

/* Encadrés */

div.note {
  margin: 20px 0;
  padding: 10px;
  border: solid 1px #a1d0ef;
  background-color: #eef6fc;
}

div.important {
  margin: 20px 0;
  padding: 10px;
  border: solid 1px #f19fa2;
  background-color: #fdefed;
}

div.guide-R {
  margin: 20px 0;
  padding: 10px;
  border: solid 1px #C1142E;
  background-color: #fee7eb;
}

div.webin-R {
  margin: 20px 0;
  padding: 10px;
  border: solid 1px #36a786;
  background-color: #f0faf7;
}

div.note:before, div.important:before, div.webin-R:before, div.guide-R:before {
  content: attr(class);
  display: block;
  font-weight: bold;
  font-variant: small-caps;
  font-size: 1.1em;
  letter-spacing: 2px;
  margin-bottom: 10px;
}


div.note img, div.important img, div.webin-R img {
  max-width:95%;
  display: block;
  margin-left:auto;
  margin-right:auto;
}


/* Regrouper les pre contigus */

pre {
  border-top-left-radius: 4px;
 	border-top-right-radius: 4px;
	border-bottom-left-radius: 0;
 	border-bottom-right-radius: 0;
  margin-bottom: 0;
}

pre + pre,
pre + .zero-clipboard + pre {
	border-top: none;
	border-top-left-radius: 0;
 	border-top-right-radius: 0;
 	margin-top: 0;
}

pre.last {
	border-bottom-left-radius: 4px;
 	border-bottom-right-radius: 4px;
 	margin-bottom: 10.5px;
}

pre.last:not(.r) {
    background-color: white;
  }

/* Symbole R> dans les pre contenant du code R */
pre.r {padding-left: 2em;}
pre.r:before {
	content: "R>";
	color: #666;
	margin-left: -1.5em;
  width: 1.5em;
  display: inline-block;
}


/* Figures */

figure {
  border: solid 1px #CCC;
  border-radius: 4px;
  padding: 20px;
  margin: 0 0 10.5px 0;
}

figure img {
  display: block;
  max-width:95%;
  margin-left:auto;
  margin-right:auto;
}

figcaption {
  font-style: italic;
  text-align: center;
  margin-top: 10.5px;
}

/* Clipboard --------------------------*/

.hasCopyButton {
  position: relative;
}

.btn-copy-ex {
  position: absolute;
  right: 0;
  top: 0;
  visibility: hidden;
  padding: 8px 12px;
}

.hasCopyButton:hover button.btn-copy-ex {
  visibility: visible;
}

/* Citation */

blockquote {
  margin-left: 50px;
  margin-right: 25px;
}

blockquote p {
  font-size: 16px;
  font-style: italic;
}

/* Mots en langue étrangère */
span[lang] {font-style: italic;}

/* Concepts */

dfn {border-bottom: 1px dotted; font-style: normal;}
dfn[lang] {font-style: italic;}
#index_concepts dfn {border: none;}

/* Liens dans les tables */

table a, .table a {
  text-decoration: none !important;
}

/* Pagination (index) */

.pagination-sm>li>a, .pagination-sm>li>span {
  padding: 5px 6px;
  font-size: 12px;
}

/* Packages */

code.pkg {
  font-weight: bold;
  padding: 0;
  font-family: inherit;
  background: none;
  font-size: inherit;
}

/* .code_no_background */

.code_no_background code {
  background: none;
  padding: 0;
  font-size: inherit;
}


.table_compact td, .table_compact th {
  line-height: 1.2em !important;
}



/* Pied de page */

.main-container > footer {
  margin-top: 15px;
  padding-top: 10px;
  border-top: solid 2px rgba(0,39,59,.08);;
}

.main-container > footer li {float: left; margin-right: 20px;}
.main-container > footer li.pull-right {float: left; margin-right: 0;}
.main-container > footer p {font-size: 90%;}

/* Table */

.table {
  width: auto;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 2px solid #ccc;
}

table tr {
    background-color: #fff;
    border-top: 1px solid #ccc;
}

table tr.header {
    border-top-width: 2px;
}

table tr:nth-child(2n) {
    background-color: #f8f8f8;
}

table td, table th {
  padding: 6px 13px !important;
}

/* Footnotes */

button.bigfoot-footnote__button {font-size: 2rem;}
.bigfoot-footnote__content {font-size: 12px;}