/* must be before media queries cause its modified in them for larger screens*/

.container{
	max-width: none;
}

/* media queries */

/*

@media only screen and (min-width : 480px) {
}

@media only screen and (min-width: 576px) {
}

@media only screen and (min-width : 768px) {
}

*/

@media only screen and (min-width : 992px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 960px;
	}
}

@media only screen and (min-width : 1200px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1050px;
	}
}

@media only screen and (min-width : 1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1140px;
	}
}

@media only screen and (min-width: 1799px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	  max-width: 1500px;
	}
}

/* my css */
#doc, #how-tos, #community, #faq{
	scroll-margin-top: 80px;
}

.adsbygoogle{
	position: sticky;
	top: 64px;
}

.dropdown-menu[data-bs-popper]{
	top:40px;
	margin: 0;
}

td {
	word-wrap: break-word; 
	word-break: break-all;
}

.oeil{
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
    text-align:center;
    position: absolute;
    right: 13px;
    top: 17px;
    cursor: pointer;
    width: fit-content;
    display: block;
    margin: auto;
}

.carousel-control-prev {
  left: -15%;
  background-color: var(--bs-success-bg-subtle) !important;
  border-radius: 20px 0 0 20px;
}

.carousel-control-next {
  right: -15%;
  background-color: var(--bs-success-bg-subtle) !important;
  border-radius: 0 20px 20px 0;
}

.active{
	font-weight: bold;
}

.navbar-brand p{
	display: inline;
}

.my-menu {
	margin: 0px 10px 0 10px;
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-top: none;
	border-radius: 0 0 10px 10px ;
}

.dropdown:hover .dropdown-menu {
	display: block;
}

.dropdown-center:hover .dropdown-menu {
	display: block;
}

/* bateau index */

.coin{
	bottom: 6px;
  	left: 43%;
}

.bateau-coin{
	height: 100px;
	width: 100px;
	position: fixed;
	top: 21%;
  	left: 50%;
	z-index:2;
}
/* bubble index */

.bulle{
	height: 100px;
	width: 203px;
	background-color: rgba(var(--bs-body-bg-rgb)) !important;
	position: fixed;
	border-radius: 10%;
	top: 50%;
  	left: 50%;
	padding: 25px 10px;
	text-align: center;
	z-index:2;
}

.ouverture-bulle{
  z-index:1;
  width: 0;
  height: 0;
  border-left: 2vh solid transparent;
  border-right: 2vh solid transparent;
  border-top: 10vh solid rgba(var(--bs-body-bg-rgb)) !important;
  position: absolute;
  top: 0%;
  left: 0%;
  transform: rotate(90deg);
  z-index: -1;
}

/*	switch light dark	*/
:root {
	--hue: 223;
	--bg: hsl(var(--hue), 10%, 100%);
	--fg: hsl(var(--hue), 10%, 0%);
	--primary: hsl(var(--hue), 90%, 55%);
	--primaryT: hsla(var(--hue), 90%, 55%, 0);
	--transDur: 0.3s;
}
.theme {
	display: flex;
	align-items: center;
	-webkit-tap-highlight-color: transparent;
  }
  .theme__fill,
  .theme__icon {
	pointer-events: none;
	transition: transform var(--transDur) ease-in-out;
  }
  .theme__fill {
	background-color: var(--bg);
	display: block;
	mix-blend-mode: difference;
	position: fixed;
	inset: 0;
	height: 100%;
	transform: translateX(-100%);
  }
  .theme__icon,
  .theme__toggle {
	z-index: 1;
  }
  .theme__icon,
  .theme__icon-part {
	position: absolute;
  }
  .theme__icon {
	display: block;
	top: 0.75em;
	left: 0.75em;
	width: 1.5em;
	height: 1.5em;
  }
  .theme__icon-part {
	border-radius: 50%;
	box-shadow: 0.4em -0.4em 0 0.5em hsl(0, 0%, 100%) inset;
	top: calc(50% - 0.5em);
	left: calc(50% - 0.5em);
	width: 1em;
	height: 1em;
	transition: box-shadow var(--transDur) ease-in-out,
	  opacity var(--transDur) ease-in-out, transform var(--transDur) ease-in-out;
	transform: scale(0.5);
  }
  .theme__icon-part ~ .theme__icon-part {
	background-color: hsl(0, 0%, 100%);
	border-radius: 0.05em;
	box-shadow: none;
	top: 50%;
	left: calc(50% - 0.05em);
	transform: rotate(0) translateY(0.5em);
	transform-origin: 50% 0;
	width: 0.1em;
	height: 0.2em;
  }
  .theme__icon-part:nth-child(3) {
	transform: rotate(45deg) translateY(0.5em);
  }
  .theme__icon-part:nth-child(4) {
	transform: rotate(90deg) translateY(0.5em);
  }
  .theme__icon-part:nth-child(5) {
	transform: rotate(135deg) translateY(0.5em);
  }
  .theme__icon-part:nth-child(6) {
	transform: rotate(180deg) translateY(0.5em);
  }
  .theme__icon-part:nth-child(7) {
	transform: rotate(225deg) translateY(0.5em);
  }
  .theme__icon-part:nth-child(8) {
	transform: rotate(270deg) translateY(0.5em);
  }
  .theme__icon-part:nth-child(9) {
	transform: rotate(315deg) translateY(0.5em);
  }
  .theme__label,
  .theme__toggle,
  .theme__toggle-wrap {
	position: relative;
  }
  .theme__toggle,
  .theme__toggle::before {
	display: block;
  }
  .theme__toggle {
	background-color: white;
	border-radius: 25% / 50%;
	box-shadow: 0 0 0 0.125em var(--primaryT);
	padding: 0.25em;
	width: 6em;
	height: 3em;
	appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
	transition: background-color var(--transDur) ease-in-out,
	  box-shadow 0.15s ease-in-out, transform var(--transDur) ease-in-out;
  }
  .theme__toggle::before {
	background-color: #198754;
	border-radius: 50%;
	content: '';
	width: 2.5em;
	height: 2.5em;
	transition: background-color var(--transDur) ease-in-out,
	  transform var(--transDur) ease-in-out;
  }
  .theme__toggle:focus {
	box-shadow: 0 0 0 0.125em var(--primary);
	outline: transparent;
  }
  /* Checked */
  .theme__toggle:checked {
	background-color: #212529;
  }
  .theme__toggle:checked::before,
  .theme__toggle:checked ~ .theme__icon {
	transform: translateX(3em);
  }
  .theme__toggle:checked::before {
	background-color: #198754;
  }
  .theme__toggle:checked ~ .theme__fill {
	transform: translateX(0);
  }
  .theme__toggle:checked ~ .theme__icon .theme__icon-part:nth-child(1) {
	transform: scale(1);
	box-shadow: 0.2em -0.2em 0 0.2em hsl(0, 0%, 100%) inset;
  }
  .theme__toggle:checked ~ .theme__icon .theme__icon-part ~ .theme__icon-part {
	opacity: 0;
  }
  .theme__toggle:checked ~ .theme__icon .theme__icon-part:nth-child(2) {
	transform: rotate(45deg) translateY(0.8em);
  }
  .theme__toggle:checked ~ .theme__icon .theme__icon-part:nth-child(3) {
	transform: rotate(90deg) translateY(0.8em);
  }
  .theme__toggle:checked ~ .theme__icon .theme__icon-part:nth-child(4) {
	transform: rotate(135deg) translateY(0.8em);
  }
  .theme__toggle:checked ~ .theme__icon .theme__icon-part:nth-child(5) {
	transform: rotate(180deg) translateY(0.8em);
  }
  .theme__toggle:checked ~ .theme__icon .theme__icon-part:nth-child(6) {
	transform: rotate(225deg) translateY(0.8em);
  }
  .theme__toggle:checked ~ .theme__icon .theme__icon-part:nth-child(7) {
	transform: rotate(270deg) translateY(0.8em);
  }
  .theme__toggle:checked ~ .theme__icon .theme__icon-part:nth-child(8) {
	transform: rotate(315deg) translateY(0.8em);
  }
  .theme__toggle:checked ~ .theme__icon .theme__icon-part:nth-child(9) {
	transform: rotate(360deg) translateY(0.8em);
  }
  .theme__toggle-wrap {
	margin: 0 0.75em;
  }