.motivation_content {
    padding: 20px 50px 20px 50px;
    font-size: 15px;
    text-align: justify;
}

/* Sections */
.titre1 {
   position: relative;
   color: #fff;
   padding: 15px;
   z-index: 1;
   /*background-image: linear-gradient(#ff9d2f, #ff6126);
   -webkit-clip-path: polygon(2% 0, 100% 0, 97% 100%, 0 100%);
   clip-path: polygon(2% 0, 100% 0, 97% 100%, 0 100%);*/
   font-size: 25px;
   margin: 20px 0 20px 0px;
}

.titre1::after {
   content: " ";
   position: absolute;
   top:0;
   left:-10px;
   right:-10px;
   bottom:0;
   z-index: -1;
   transform: skewX(-15deg);
   transform-origin: top left;
   /* background-image: linear-gradient(45deg, #eea849, #f46b45  ); */
   background-image: linear-gradient(45deg,  #585830, #131212 );
}

.titre1 a, .titre1 a:hover {
   text-decoration: none;
   color: #fff;
}


.titre2 {
   position: relative;
   color: #fff;
   padding: 12px;
   z-index: 1;
   font-size: 20px;
   margin: 10px 0 10px 0px;
}

.titre2::after {
   content: " ";
   position: absolute;
   top:0;
   left:-10px;
   right:-10px;
   bottom:0;
   z-index: -1;
   transform: skewX(-15deg);
   transform-origin: top left;
   background-image: linear-gradient(45deg,  #b2ae71, #3b2c27 );
}

.titre2 a, .titre2 a:hover {
   text-decoration: none;
   color: #fff;
}

.titre3 {
   position: relative;
   color: #fff;
   padding: 8px;
   z-index: 1;
   font-size: 15px;
   margin: 10px 0 10px 0px;
}

.titre3::after {
   content: " ";
   position: absolute;
   top:0;
   left:-10px;
   right:-10px;
   bottom:0;
   z-index: -1;
   transform: skewX(-15deg);
   transform-origin: top left;
   background-image: linear-gradient(45deg, #2980b9, #2c3e50  );
}

.titre3 a, .titre3 a:hover {
   text-decoration: none;
   color: #fff;
}

.titre4 {
   position: relative;
   color: #fff;
   padding: 8px;
   z-index: 1;
   font-size: 15px;
   margin: 10px 0 10px 0px;
}

.titre4::after {
   content: " ";
   position: absolute;
   top:0;
   left:-10px;
   right:-10px;
   bottom:0;
   z-index: -1;
   transform: skewX(-15deg);
   transform-origin: top left;
   background-image: linear-gradient(45deg, #666, #eee );
}

.titre4 a, .titre4 a:hover {
   text-decoration: none;
   color: #fff;
}


/* Menu css */
#menu-content ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

#menu-content .main-menu {
   display: none;
   font-size: 15px;
}

#tm:checked + .main-menu {
   display: block;
}

#menu-content input[type="checkbox"],
#menu-content ul span.drop-icon {
   display: none;
}

#menu-content li,
#toggle-menu,
#menu-content .sub-menu {
   border-style: solid;
   border-color: rgba(0, 0, 0, .05);
}

#menu-content li,
#toggle-menu {
   border-width: 0 0 1px;
}

#menu-content .sub-menu {
   background-color: #666;
   border-width: 1px 1px 0;
   /*margin: 0 1em;*/
}

#menu-content .sub-menu .sub-sub-menu {   /* sub-sub menu : inherit sub-menu */
   background-color: #999;
}

#menu-content .sub-menu li:last-child {
   border-width: 0;
}

#menu-content li,
#toggle-menu,
#menu-content a {
   position: relative;
   display: block;
   color: white;
   text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);
}

#menu-content {
   background-color: #333;
}

#toggle-menu {
   background: #333;
}

#toggle-menu,
#menu-content a {
   padding: 1em 1.5em;
}

#menu-content a {
   transition: all .125s ease-in-out;
   -webkit-transition: all .125s ease-in-out;
}

#menu-content a:hover {
   background-color: white;
   color: black;
}

#menu-content .sub-menu {
   display: none;
}

#menu-content input[type="checkbox"]:checked + .sub-menu {
   display: block;
}

#menu-content .sub-menu a:hover {
   color: black;
}

#toggle-menu .drop-icon,
#menu-content li label.drop-icon {
   position: absolute;
   right: 0;
   top: 0;
}

#menu-content label.drop-icon, #toggle-menu span.drop-icon {
   padding: 1em;
   font-size: 1em;
   text-align: center;
   background-color: rgba(0, 0, 0, .125);
   text-shadow: 0 0 0 transparent;
   color: rgba(255, 255, 255, .75);
}

/* when menu is toggled */
@media only screen and (min-width: 768px) {
   #menu-content .main-menu {
      display: block;
   }

   #toggle-menu,
   #menu-content label.drop-icon {
      display: none;
   }

   #menu-content ul span.drop-icon {
      display: inline-block;
   }

   #menu-content li {
      float: left;
      border-width: 0 1px 0 0;
   }

   #menu-content .sub-menu li {
      float: none;
   }

   #menu-content .sub-menu {
      border-width: 0;
      margin: 0;
      position: absolute;
      top: 100%;
      left: 0;
      width: 25em;
      z-index: 3000;
   }

   #menu-content .sub-menu,
   #menu-content input[type="checkbox"]:checked + .sub-menu {
      display: none;
   }

   #menu-content .sub-menu li {
      border-width: 0 0 1px;
   }

   #menu-content .sub-menu .sub-menu {
      top: 0;
      left: 100%;
   }

   #menu-content .sub-menu .drop-icon {
      position: absolute;
      top: 0;
      right: 0;
      padding: 1em;
   }

   #menu-content li:hover > input[type="checkbox"] + .sub-menu {
      display: block;
   }
}


@media only screen and (min-width: 1024px) {
   #menu-cont .menu {
      display: flex;
      flex-flow: row wrap;
   }
   #menu-content .menu > .menu-item {
      border-width: 0 1px 0 0;
   }
   #menu-content .menu > .menu-item > a .dropdown-icon {
      padding-left: 0;
   }
   #menu-content .menu .menu-item:hover > .sub-menu, #menu-content .menu .menu-item:active > .sub-menu, #menu-content .menu .menu-item:focus > .sub-menu {
      width: 225px;
   }
   #menu-content .menu .sub-menu {
      position: absolute;
      z-index: 3000;
      top: 100%;
      left: 0;
      border-width: 0;
   }
   #menu-content .menu .sub-menu .sub-menu {
      top: 0;
      left: 100%;
   }
   #menu-content .menu .dropdown-icon {
      border-width: 0;
      padding: 1em;
   }

   .nav--cen #menu-cont .menu {
      justify-content: center;
   }
}

#menu-content .menu > .menu-item,
#menu-content .menu > .menu-item .dropdown-icon {
   border-color: rgba(255, 255, 255, 0.1);
}
#menu-content .menu > .menu-item, #menu-content .menu > .menu-item > a {
   color: #ddd;
}
#menu-content .menu > .menu-item > a:hover, #menu-content .menu > .menu-item > a:active, #menu-content .menu > .menu-item > a:focus {
   background-color: #07c;
   color: #fff;
}


#menu-content label {
   margin-bottom: 0;
}

.legal {
    padding: 0px 50px 20px 50px;
    font-size: 15px;
    text-align: justify;
}

.links {
    padding: 0px 50px 20px 50px;
    font-size: 15px;
    text-align: justify;
}

.table thead tr th {
    background-color: #ccc;
}
.table tbody tr td {
    background-color: white;
}

.helppage {
    padding: 0px 50px 20px 50px;
    font-size: 15px;
    text-align: justify;
}