@charset "UTF-8";

* {
  margin: 0;
  padding: 0;
  border: none;
  box-sizing: border-box; }

html, body {
  width: 100%;
  height: 100%; }

body {
  background-color: #DAD7CD;
  scroll-behavior: smooth; }

@font-face {
  font-family: roboto-black;
  src: url(./RobotoSlab-Black.ttf); }

@font-face {
  font-family: roboto-medium;
  src: url(./Roboto-Medium.ttf); }

@font-face {
  font-family: roboto-regular;
  src: url(./Roboto-Regular.ttf); }

@font-face {
  font-family: roboto-thin;
  src: url(./Roboto-Thin.ttf); }

header#begin {
  z-index: 10;
  position: fixed;
  top: 0;
  width: 100%;
  height: 3em;
  background-color: #3A5A40;
  box-shadow: 0em 0em 0.5em 0.1em rgba(0, 0, 0, 0.8); }
@media all and (min-width: 768px) {
  header#begin {
    height: 4em; } }
header#begin.invisible {
  background-color: blue; }

a#company {
  font-family: roboto-black;
	font-weight: bold;
  font-size: 2em;
	letter-spacing: 0.25em;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	color: #FFFFFF; }
@media all and (min-width: 768px) {
  a#company {
    font-size: 2em; } }

nav#menu {
  z-index: 11;
  position: fixed;
  top: 0;
  left: calc(-1 * (100% + 1em));
  padding-top: 3em;
  width: 100%;
  height: 100%;
  background-color: #344E41;
  box-shadow: 0em 0em 0.5em 0.1em rgba(0, 0, 0, 0.8);
  transition: left 0.25s linear 0.25s;
  -webkit-transition: left 0.25s linear 0.25s;
  -moz-transition: left 0.25s linear 0.25s;
  -o-transition: left 0.25s linear 0.25s; }
@media all and (min-width: 768px) {
  nav#menu {
    left: calc(-1 * (35% + 1em));
    padding-top: 4em;
    width: 35%; } }

input#input_menu[type="checkbox"]:checked ~ nav#menu {
  left: 0;
  transition: left 0.25s linear 0.25s;
  -webkit-transition: left 0.25s linear 0.25s;
  -moz-transition: left 0.25s linear 0.25s;
  -o-transition: left 0.25s linear 0.25s; }

label#label_menu {
  z-index: 12;
  position: absolute;
  top: 0;
  left: 0;
  width: 3em;
  height: 3em;
  background-image: url(./nav_cmd_on.svg), url(./nav_cmd_off.svg);
  background-repeat: no-repeat, no-repeat;
  background-position: 50% 50%, -4em 50%;
  background-size: 50%, 50%;
  cursor: pointer;
  transition: background-position 0.25s linear 0.25s;
  -webkit-transition: background-position 0.25s linear 0.25s;
  -moz-transition: background-position 0.25s linear 0.25s;
  -o-transition: background-position 0.25s linear 0.25s; }
@media all and (min-width: 768px) {
  label#label_menu {
    width: 4em;
    height: 4em; } }

input#input_menu[type="checkbox"] {
  display: none; }
input#input_menu[type="checkbox"]:checked ~ label#label_menu {
  background-position: 4em 50%, 50% 50%;
  transition: background-position 0.25s linear 0.25s;
  -webkit-transition: background-position 0.25s linear 0.25s;
  -moz-transition: background-position 0.25s linear 0.25s;
  -o-transition: background-position 0.25s linear 0.25s; }

nav#menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

nav#menu ul li {
  padding: 0.2em 0em;
  list-style-type: none; }

nav#menu ul li a {
  padding: 0.2em 0em;
  display: block;
  font-family: roboto-medium;
  font-size: 1em;
  font-style: italic;
	letter-spacing: 0.25em;
  text-align: center;
	text-decoration: none;
	text-transform: uppercase;
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0);
  transition: background-color 0.25s linear 0.25s, font-style 0.25s linear 0.25s, letter-spacing 0.25s linear 0.25s;
  -webkit-transition: background-color 0.25s linear 0.25s, font-style 0.25s linear 0.25s, letter-spacing 0.25s linear 0.25s;
  -moz-transition: background-color 0.25s linear 0.25s, font-style 0.25s linear 0.25s, letter-spacing 0.25s linear 0.25s;
  -o-transition: background-color 0.25s linear 0.25s, font-style 0.25s linear 0.25s, letter-spacing 0.25s linear 0.25s; }
nav#menu ul li a:hover {
  font-style: normal;
	letter-spacing: 0.5em;
  background-color: rgba(255, 255, 255, 0.25);
  transition: background-color 0.25s linear 0.25s, font-style 0.25s linear 0.25s, letter-spacing 0.25s linear 0.25s;
  -webkit-transition: background-color 0.25s linear 0.25s, font-style 0.25s linear 0.25s, letter-spacing 0.25s linear 0.25s;
  -moz-transition: background-color 0.25s linear 0.25s, font-style 0.25s linear 0.25s, letter-spacing 0.25s linear 0.25s;
  -o-transition: background-color 0.25s linear 0.25s, font-style 0.25s linear 0.25s, letter-spacing 0.25s linear 0.25s; }

section#contain {
  padding-top: 3em;
  width: 100%;
  min-height: calc(100% - 4em); }
@media all and (min-width: 768px) {
  section#contain {
    padding-top: 4em; } }

section#contain div.color_1 {
  background-color: #A3B18A; }
section#contain div.color_2 {
  background-color: #588157; }

@media all and (max-width: 768px) {
  .display_pic_min {
    display: none; } }
@media all and (min-width: 768px) {
  .display_pic_car {
    display: none; } }

section#contain h1 {
  border-bottom: 1px solid #344E41;
  font-family: roboto-thin;
  font-size: 2.5em;
  color: #344E41; }

section#contain h2 {
  border-bottom: 1px solid #344E41;
  font-family: roboto-thin;
  font-size: 1.4em;
  text-align: right;
  color: #344E41; }

section#contain div.color_1 h1, section#contain div.color_2 h1, section#contain div.color_1 h2, section#contain div.color_2 h2 {
  border-bottom: 1px solid #FFFFFF;
  color: #FFFFFF; }

section#contain h3 {
  font-family: roboto-regular;
  font-style: italic;
  font-size: 1.4em;
  text-align: center;
  color: #344E41; }

.deco-gn-t {
  border-top: 5px solid #000000; }
.deco-gn-l {
  border-left: 5px solid #000000; }
.deco-gn-r {
  border-right: 5px solid #000000; }
.deco-gn-b {
  border-bottom: 5px solid #000000; }
.deco-gb-t {
  border-top: 5px solid #0367A6; }
.deco-gb-l {
  border-left: 5px solid #0367A6; }
.deco-gb-r {
  border-right: 5px solid #0367A6; }
.deco-gb-b {
  border-bottom: 5px solid #0367A6; }
.deco-gr-t {
  border-top: 5px solid #D90D1E; }
.deco-gr-l {
  border-left: 5px solid #D90D1E; }
.deco-gr-r {
  border-right: 5px solid #D90D1E; }
.deco-gr-b {
  border-bottom: 5px solid #D90D1E; }
.deco-gj-t {
  border-top: 5px solid #F2AE2E; }
.deco-gj-l {
  border-left: 5px solid #F2AE2E; }
.deco-gj-r {
  border-right: 5px solid #F2AE2E; }
.deco-gj-b {
  border-bottom: 5px solid #F2AE2E; }
.deco-gm-t {
  border-top: 5px solid #FFFFFF; }
.deco-gm-l {
  border-left: 5px solid #FFFFFF; }
.deco-gm-r {
  border-right: 5px solid #FFFFFF; }
.deco-gm-b {
  border-bottom: 5px solid #FFFFFF; }

section#contain p {
  font-family: roboto-regular;
  text-align: justify;
  font-size: 1em;
  color: #344E41; }

section#contain div.color_1 p, section#contain div.color_2 p {
  font-family: roboto-thin;
  color: #FFFFFF; }

.content_promotion {
  margin: 0 auto;
  width: auto; }

.content_promotion p.ptb-1, .content_promotion p.ptb-2, .content_promotion p.ptb-3, .content_promotion p.ptj-1, .content_promotion p.ptj-2, .content_promotion p.ptj-3, .content_promotion p.ptj-4, .content_promotion p.ptj-5, .content_promotion p.ptj-6, .content_promotion p.ptn-0, .content_promotion p.ptr-1, .content_promotion p.ptr-2, .content_promotion p.ptr-3 {
  padding-left: 7.5em;
  min-width: 25em;
  list-style-type : none;
  background-repeat: no-repeat;
  background-position: 0% 50%;
  background-size: 7em, 100%; }

.content_promotion p.ptb-1 {
  background-image: url('./ceinture_bleu_1.svg'); }
.content_promotion p.ptb-2 {
  background-image: url('./ceinture_bleu_2.svg'); }
.content_promotion p.ptb-3 {
  background-image: url('./ceinture_bleu_3.svg'); }
.content_promotion p.ptj-1 {
  background-image: url('./ceinture_jaune_1.svg'); }
.content_promotion p.ptj-2 {
  background-image: url('./ceinture_jaune_2.svg'); }
.content_promotion p.ptj-3 {
  background-image: url('./ceinture_jaune_3.svg'); }
.content_promotion p.ptj-4 {
  background-image: url('./ceinture_jaune_4.svg'); }
.content_promotion p.ptj-5 {
  background-image: url('./ceinture_jaune_5.svg'); }
.content_promotion p.ptj-6 {
  background-image: url('./ceinture_jaune_6.svg'); }
.content_promotion p.ptn-0 {
  background-image: url('./ceinture_noire.svg'); }
.content_promotion p.ptr-1 {
  background-image: url('./ceinture_rouge_1.svg'); }
.content_promotion p.ptr-2 {
  background-image: url('./ceinture_rouge_2.svg'); }
.content_promotion p.ptr-3 {
  background-image: url('./ceinture_rouge_3.svg'); }

.content_promotion a.p-instagram, .content_promotion a.p-tiktok, .content_promotion a.p-youtube {
  display: block;
  margin-bottom: 2em;
  padding-left: 2em;
  min-width: 10em;
  list-style-type : none;
  color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: 0% 50%;
  background-size: 1.5em; }

.content_promotion a.p-instagram {
  background-image: url('./puce_instagram.svg'); }
.content_promotion a.p-tiktok {
  background-image: url('./puce_tiktok.svg'); }
.content_promotion a.p-youtube {
  background-image: url('./puce_youtube.svg'); }

img.item {
  display: block;
  margin: 0 auto;
  width: auto;
  height: 8em; }

button.color_theme {
  border-color: #3A5A40;
  background-color: #3A5A40; }
button.color_theme:hover {
  border-color: #588157;
  background-color: #588157; }

.wrapper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-auto-rows: 1.4em; }
.wrapper div {
  display: flex;
  justify-content: center;
  align-items: center; }
.wrapper div div {
  display: block; }
.item-col1 {
  grid-column: 1; }
.item-col2 {
  grid-column: 2; }
.item-col3 {
  grid-column: 3; }
.item-col4 {
  grid-column: 4; }
.item-col5 {
  grid-column: 5; }
.time-header {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-row: 1 / 3;
  background-color: #A3B18A; }
.time-respi1 {
  grid-row: 4 / 10;
  background-image: linear-gradient(45deg, #D8C3A5, #B0926C); }
.time-martial1 {
  grid-row: 14 /27;
  background-image: linear-gradient(45deg, #A6635C, #7A4C46); }
.time-martial2 {
  grid-row: 5 / 12;
  background-image: linear-gradient(45deg, #8AA6AC, #5B7B80); }
p.title {
  margin: 0;
  padding: 0;
  font-size: 1.8em!important;
  font-weight: 900!important;
  text-align: center!important;
  color: #000000!important; }
p.subtitle {
  margin: 0;
  padding: 0;
  font-size: 1em!important;
  font-style: italic!important;
  text-align: center!important;
  color: #000000!important; }

#contain_index {
  width: 100%;
  height: 100%;
  background-image: url('./wallpaper.png');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  box-shadow: inset 0em 0em 20em rgba(0, 0, 0, 1); }

#logo {
  position: fixed;
  top: calc(50% - 15em / 2);
  left: calc(50% - 15em / 2);
  width: 15em;
  height: 15em;
  background-image: url('./logo.png');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }

.link-overlay {
  width: 100%;
  height: 100%;
  display: block; }

footer#end {
  width: 100%;
  min-height: 4em;
  background-color: #3A5A40; }

footer#end p {
  font-family: roboto-regular;
  font-size: 0.8em;
  letter-spacing: 0.25em;
  text-align: center;
  color: #FFFFFF; }