/*
 * jquery.tocible.css v1.2.0, jQuery Tocible
 *
 * A lightweight table of contents navigation plugin
 * https://github.com/markserbol/tocible
 *
 */

.tocible { 
	color:#fff;
	font-size:14px; 
	height:auto;
	left:auto;
	right:auto;
	margin:0; 
	background: #fff;
	z-index: 120;
}
.menu_ouvert {
	height: 85vh;
	border: 1px solid rgba(0,0,0,.05);
	box-shadow: 5px 5px 15px rgba(0,0,0,.30);
	border-radius: 15px;
	overflow-x: auto;
}

.tocible_header {
	text-transform:uppercase;
	cursor:pointer;
	padding: 1px 40px 1px 15px;
	position: sticky;
	background:#fff;
	height: 46px;
	min-width: 25px;
	top: 0;
	right: 0;
	z-index: 110;
	/* transition: background-color .7s ease-out; */
}
.menu_ouvert .tocible_header {
	background: #fff;
}
.tocible_headerd span {
	position:absolute;
	top:15px;
	right:15px;
	width: 0; 
	height: 0; 
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #999;
	font-size: 0;
	line-height: 0;
	transition-property: -moz-transform, -webkit-transform, -o-transform, -ms-transform;
	transition-timing-function:linear;
	transition-duration:0.4s;
}

.tocible_headerd span.toc_open {
	-moz-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	transform:rotate(-90deg);
}

.tocible ul {
	list-style:none; 
	padding:0; 
	margin:0;
	overflow:hidden;
	/* transition: background-color .7s ease-out; */
}
.tocible.menu_ouvert ul {
	background: #fff;
}

.tocible li {
	cursor:pointer;
	white-space:nowrap;
	display:block;
}

.tocible li a {
	color:inherit;
	text-decoration:none;
	display:block;
	padding:5px 15px;
	text-align:left;
	word-wrap:break-word;
	white-space:pre-wrap;
	white-space: -moz-pre-wrap
}

.tocible li:hover {
	background:#eee;
}

.tocible li.toc_scrolled {
	background:#ccc;
}
.tocible li.toc_scrolled a,
.tocible li:hover a {
	/* color:#fff; */
}

.tocible .tocible_heading {
	background:#fff;
}
.tocible .tocible_heading a {
	font-family: Ratio;
	font-family: FF-Marianne-Bold,Marianne,serif;
	color: #f18715;
	border-bottom: solid 1px #f18715;
	font-size: 18px;
	line-height: 20px;
}

.tocible .tocible_subheading {
	background:#fff;
}
.tocible .tocible_subheading a {
	font-family: FF-Marianne-Bold,Marianne,serif;
	color:#008386;
	font-size: 12px;
	line-height: 1.3;
}
.tocible .tocible_subheading {
	background:#fff;
}
.tocible .tocible_subsubheading a {
	font-family: FF-Marianne-Regular,Marianne,serif;
	color:#000;
	font-size: 11px;
	letter-spacing: 0.010em;
	line-height: 1.3;
	margin-left: 10px;
}

#doc_menu_trigger {
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0px;
  border-radius: 5px;
  display: block;
  text-decoration: none;
  right: 15px;
  background: #000;
  transition: 0.5s;
}
#doc_menu_trigger:hover, #doc_menu_trigger:focus {
  background: #000000;
  text-decoration: unset;
}
#doc_menu_trigger.is-active {
  background: #000000;
}
#doc_menu_trigger .rmp-trigger-box {
  width: 25px;
  color: #ffffff;
}
#doc_menu_trigger .rmp-trigger-icon-active, 
#doc_menu_trigger .rmp-trigger-text-open {
  display: none;
}
#doc_menu_trigger.is-active .rmp-trigger-icon-active, 
#doc_menu_trigger.is-active .rmp-trigger-text-open {
  display: inline;
}
#doc_menu_trigger.is-active .rmp-trigger-icon-inactive, 
#doc_menu_trigger.is-active .rmp-trigger-text {
  display: none;
}
#doc_menu_trigger .rmp-trigger-label {
  color: #ffffff;
  pointer-events: none;
  line-height: 13px;
  font-family: inherit;
  font-size: 14px;
  display: inline;
  text-transform: inherit;
}
#doc_menu_trigger .rmp-trigger-label.rmp-trigger-label-top {
  display: block;
  margin-bottom: 12px;
}
#doc_menu_trigger .rmp-trigger-label.rmp-trigger-label-bottom {
  display: block;
  margin-top: 12px;
}
#doc_menu_trigger .responsive-menu-pro-inner {
  display: block;
}
#doc_menu_trigger .responsive-menu-pro-inner, 
#doc_menu_trigger .responsive-menu-pro-inner::before, 
#doc_menu_trigger .responsive-menu-pro-inner::after {
  width: 25px;
  height: 3px;
  background-color: #ffffff;
  border-radius: 4px;
  position: absolute;
}
#doc_menu_trigger.is-active .responsive-menu-pro-inner, 
#doc_menu_trigger.is-active .responsive-menu-pro-inner::before, 
#doc_menu_trigger.is-active .responsive-menu-pro-inner::after {
  /*! background-color: #ffffff; */
}
#doc_menu_trigger:hover .responsive-menu-pro-inner, 
#doc_menu_trigger:hover .responsive-menu-pro-inner::before, 
#doc_menu_trigger:hover .responsive-menu-pro-inner::after {
  background-color: #ffffff;
}

.rmp-menu-trigger-boring .responsive-menu-pro-inner::after, 
.rmp-menu-trigger-boring .responsive-menu-pro-inner::before {
  transition-property: none;
}
button.rmp_menu_trigger .responsive-menu-pro-inner::before, 
button.rmp_menu_trigger .responsive-menu-pro-inner::after {
  content: "";
  display: block;
}
.rmp-menu-trigger-boring.is-active .responsive-menu-pro-inner::before {
  top: 0;
  opacity: 0;
}

button.rmp_menu_trigger {
  z-index: 999999;
  overflow: hidden;
  outline: none;
  border: 0;
  margin: 0;
  display: inline-block;
  transition: transform 0.5s, background-color 0.5s;
  padding: 0;
}

.rmp-menu-trigger-boring .responsive-menu-pro-inner {
  transition-property: none;
}
.rmp-menu-trigger-boring.is-active .responsive-menu-pro-inner {
  transform: rotate(45deg);
}
.rmp-menu-trigger-boring.is-active .responsive-menu-pro-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}
button.rmp_menu_trigger .responsive-menu-pro-inner::before {
  top: 8px;
}
button.rmp_menu_trigger .responsive-menu-pro-inner::after {
  bottom: 8px;
}
button.rmp_menu_trigger .rmp-trigger-box {
  width: 40px;
  display: inline-block;
  position: relative;
  pointer-events: none;
  vertical-align: super;
}

button.rmp_menu_trigger .rmp-trigger-box {
  width: 40px;
  display: inline-block;
  position: relative;
  pointer-events: none;
  vertical-align: super;
}