:root {
  --use-main-color: rgb(var(--main-color));
  --use-main-color-2: rgb(var(--main-color-2));
  --use-light-main-color: rgb(var(--light-main-color, 197, 206, 64));
  --use-secondary-alpha: rgba(var(--secondary-alpha));

  --use-main-gray: rgb(73, 80, 87);

  --global_margin: 5vw;
}

html {
  overflow: hidden;
}

body {
  overflow: hidden;
  min-height: 100vh;
  font-family: "Lato", sans-serif;
  width: 100%;
  height: 100vh;
}

main {
  color: #7d7d7d;
  overflow-x: hidden;
  overflow-y: overlay;
  height: 100%;
  display: flex;
  flex-direction: column;
}

main>section {
  margin: 0 var(--global_margin);
  padding: 1vh 0;
}

img {
  max-width: 100%;
  max-height: 100%;
}

/*#region scrollbar*/

/*Whole*/
::-webkit-scrollbar {
  margin: 0 20px;
  width: 0.4vw;
  height: 0.4vw;
}

/* Track */
::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
  cursor: pointer;
  border-radius: 5vw;
  border: 0px solid white;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.5);
}

/*#endregion*/

/*#region header*/
header {
  background-color: white;
  font-family: "Futura-Bold", sans-serif;
  font-size: 2.5vh;
  position: relative;
  box-shadow: 0 5px 5px #c9c9c9;
}

header .nav-links {
  overflow: auto hidden;
}

header .nav-links>a {
  display: inline-block;
  padding: 10px;
  text-decoration: none;
  color: #858585;
  white-space: nowrap;
  transition: color 0.6s;
}

header .nav-links>a:hover {
  cursor: pointer;
}

/*#region navbar*/
.navbar {
  height: 12vh;
  transition: 0.4s;
}

.navbar .button-navbar {
  padding: 5px 15px;
  color: white;
  font-weight: bolder;
  font-size: 1em;
  border-radius: 50px;
  text-align: center;
  white-space: nowrap;
}

.partner-space {
  color: white;
  background-color: var(--use-main-color);
}

/*#endregion*/

/*#endregion*/

/*#region footer*/
footer {
  background: var(--use-main-gray);
  color: white !important;
  font-size: 1.4em;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-shrink: 0;
  padding: 10px 20px;
  height: 8vh;
}

footer a:not(.text-link) {
  height: 100%;
}

footer .text-link {
  font-weight: bolder;
  height: initial;
  color: white !important;
}

footer img {
  height: 100%;
}

footer div.vertical-bar {
  border-left-color: white;
  height: 1.8em;
}

/*#endregion*/

/*#region hr*/
hr {
  background: var(--use-main-color-2);
  height: 5px;
  width: 23em;
  border-radius: 50px;
}

hr.toLeft {
  margin-left: initial;
}

hr.toRight {
  margin-right: initial;
}

hr.lil {
  height: 6px;
  width: 2.5em;
  margin-top: 0;
}

/*#endregion*/

/*#region titre*/
.listTitle,
.sublistTitle {
  color: #343434;
  font-size: 1.5em;
}

.sublistTitle {
  font-size: 1.2em;
}

.txCenter {
  text-align: center !important;
}

.txRight {
  text-align: right !important;
}

.txLeft {
  text-align: left !important;
}

.txJus {
  text-align: justify !important;
}

/*#endregion*/

/*#region flex*/

.flexAlignEnd,
.mobileFlexAlignEnd {
  display: flex;
  align-items: flex-end !important;
}

.flexAlignCenter {
  display: flex;
  align-items: center !important;
}

.flexAlignStart,
.mobileFlexAlignStart {
  display: flex;
  align-items: flex-start !important;
}

.flexAlignBaseline {
  display: flex;
  align-items: baseline !important;
}

.flexAround {
  display: flex;
  justify-content: space-around !important;
  align-items: center;
}

.flexAroundS {
  display: flex;
  justify-content: space-around !important;
  align-items: flex-start !important;
}

.flexBetween {
  display: flex;
  justify-content: space-between !important;
  align-items: center;
}

.flexCenter {
  display: flex;
  justify-content: center !important;
  align-items: center;
}

.flexEvenly {
  display: flex;
  justify-content: space-evenly !important;
  align-items: center;
}

.flexChild>* {
  flex: 1 1;
}

.flexChild4>* {
  flex: 4 1 20% !important;
}

.flexColumn {
  display: flex;
  flex-direction: column !important;
}

.flexEnd {
  display: flex;
  justify-content: flex-end !important;
  align-items: center;
}

.flexJustifyEnd {
  display: flex;
  justify-content: flex-end !important;
}

.flexStart {
  display: flex;
  justify-content: flex-start !important;
  align-items: center;
}

.flexStartS {
  display: flex;
  justify-content: flex-start !important;
  align-items: flex-start;
}

.flexRowReverse {
  display: flex;
  flex-direction: row-reverse !important;
}

.flexWrap {
  display: flex;
  flex-wrap: wrap !important;
}

.flexNoWrap {
  display: flex;
  flex-wrap: nowrap !important;
}

.flexStretch {
  display: flex;
  align-items: stretch !important;
}

.flexFooterLink {
  display: flex;
  justify-content: start;
  align-items: center;
}

/*#region space child*/
.spaceChild,
.spaceChild5,
.spaceChildNotFlex,
.spaceChild5NotFlex,
.spaceChildNotFlexMobile,
.spaceChildStretchMobile {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.spaceChild>*:last-child,
.spaceChild5>*:last-child,
.spaceChildNotFlex>*:last-child,
.spaceChild5NotFlex>*:last-child,
.spaceChildNotFlexMobile>*:last-child,
.spaceChildStretchMobile>*:last-child {
  margin-right: 0;
}

.spaceChild:not(.row-in-it)>*:first-child,
.spaceChild5:not(.row-in-it)>*:first-child,
.spaceChildNotFlex:not(.row-in-it)>*:first-child,
.spaceChild5NotFlex:not(.row-in-it)>*:first-child,
.spaceChildNotFlexMobile:not(.row-in-it)>*:first-child,
.spaceChildStretchMobile:not(.row-in-it)>*:first-child {
  margin-left: 0;
}

.spaceChildStretchMobile {
  align-items: stretch;
}

.spaceChild>*,
.spaceChildNotFlex>*,
.spaceChildStretchMobile>*,
.spaceChildNotFlexMobile>* {
  margin: 0 15px;
}

.spaceChild5>*,
.spaceChild5NotFlex>* {
  margin: 0 5px;
}

.spaceChild>*,
.spaceChild5>*,
.spaceChildStretchMobile>* {
  flex: 1 1;
}

/*#endregion space child*/

/*#endregion flex*/

/*#region height/width*/
.height25 {
  height: 25% !important;
}

.height50 {
  height: 50% !important;
}

.height75 {
  height: 75% !important;
}

.height95 {
  height: 95% !important;
}

.height100 {
  height: 100% !important;
}

.width2 {
  width: 2% !important;
}

.width3 {
  width: 3% !important;
}

.width5 {
  width: 5% !important;
}

.width10 {
  width: 10% !important;
}

.width15 {
  width: 15% !important;
}

.width20 {
  width: 20% !important;
}

.width25 {
  width: 25% !important;
}

.width33 {
  width: 33% !important;
}

.width50,
.widthMobile50 {
  width: 50% !important;
}

.width75 {
  width: 75% !important;
}

.width90 {
  width: 90% !important;
}

.width100,
.widthMobile100 {
  width: 100% !important;
}

/*#endregion*/

.no-margin {
  width: 100vw;
}

.no-margin,
.no-margin-right {
  margin-right: calc(var(--global_margin) * -1);
}

.no-margin,
.no-margin-left {
  margin-left: calc(var(--global_margin) * -1);
}

.hidden,
.hidden-not-mobile {
  display: none !important;
}

div.vertical-bar {
  border-left: 3px solid var(--use-main-gray);
  border-radius: 20px;
  margin: 10px;
  height: 100%;
}

div.presentation {
  background-color: var(--use-main-color);
  color: white;
  font-size: 1.5em;
  padding: 10vh 20vw;
}

table.table-condition tbody>tr>td {
  border-bottom: 1px solid var(--use-main-gray);
}

table.table-condition tbody>tr:last-child>td {
  border-bottom: unset;
}

@media all and (max-height: 700px),
(max-width: 700px) {
  .hide-mobile {
    display: none !important;
  }

  .hidden-not-mobile {
    display: block !important;
  }
}