@font-face {
  font-family: fonte01;
  src: url("../fontes/mogilte.otf") format("truetype");
  font-weight: regular;
  font-style: normal;
}
    
    
    
    body{
      background-size: 100% 100%;
      background-image: linear-gradient(270deg, white 40%, yellow 60%); 
      margin-top: 5%;
      margin-left:5%;
      margin-bottom: 5%;
      overflow-x: hidden;
    }

    .loc{
      background-image: linear-gradient(91deg, white 40%,#06f688 60%); 
    }

    .titre{
      position: fixed;
      top:30px;
      right:760px;
      font-family: fonte01;
      font-size: 1.3em;
      font-weight: 900;
      font-style: italic;
      word-spacing: 0.3em;
      letter-spacing: 0.2em;
      color: #333;
      z-index: -1;
    }

    .site{
      margin-top:15px;
      margin-left: 10px;
      margin-bottom: 0px;
      font-family: fonte01;
      font-size: 1.6em;
      font-weight: 900;
      font-style: italic;
      word-spacing: 0.3em;
      letter-spacing: 0.2em;
      color: #DDD;
      text-shadow: #888 1px 1px;
    }

    .site:first-child{
      padding-top: 20px;
    }

    .parcours{
      margin-top: -10px;
      margin-left: 10px;
      margin-bottom: 0px;
      font-family: fonte01;
      font-size: 1.1em;
      font-weight: 900;
      font-style: italic;
      word-spacing: 0.3em;
      letter-spacing: 0.2em;
      color: #DDD;
      text-shadow: #888 -1px -1px;
    }

    .cadre1{
      display: block;
      position: relative;
      top: 0px;
      right: 0px;
      padding-bottom: -3px;
      width:fit-content;
      height: fit-content;
      margin-left:0px;
      padding: 0px;
      border: 13px solid #DDD;
      border-radius: 15px;
      overflow: hidden;
      z-index: 0;
    }

    .cadre1{
      margin-bottom: 30px;
    }
    
    .cadre1:last-child{
      margin-bottom: 0px;
    }

    img.p{
      max-width: 1250px;
      margin: -15px;
      margin-bottom: -20px;
      height: auto;
      z-index: -1;
    }

    /* Classe obligatoire pour les flèches */
    .flecheDesc {
      display: none;
      width: 0; 
      height: 0; 
      float:right;
      margin: 10px;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-bottom: 5px solid black;
    }
    .flecheAsc {
      display: none;
      width: 0; 
      height: 0;
      float:right;
      margin: 10px;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 5px solid black;
    }
    
    /* Classe optionnelle pour le style */
    .tableau {width:auto;table-layout: fixed;border-collapse: collapse;font-size: 1.0em;border-radius: 15px;cursor: pointer;}
    .tableau td {width:min-content;padding:0.3rem;}
    .tableau td::first-letter{text-transform: uppercase;}
    .zebre tbody tr:nth-child(odd) {background-color: #d6d3ce;border-bottom:1px solid #ccc;color:#444;}
    .zebre tbody tr:nth-child(even) {background-color: #d6d3ce;border-bottom:1px solid #ccc;color:#444;}
    .zebre tbody tr:nth-child(1){background-color: #999690;border-bottom:0px solid #444;color:#444;}
    .zebre tbody tr:nth-child(2){background-color: #999690;border-bottom:0px solid #444;color:#444;}
    .zebre tbody tr:nth-child(3){background-color: #e9e065;border-bottom:0px solid #ccc;color:#444;}
      .avectri th {text-align:center;padding:5px 0 0 5px;vertical-align: middle;background-color:#999690;color:#444;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none;
    }
    /* .avectri th.selection {background-color:#5d625c;color:#fff;} */
    .avectri th.selection .flecheDesc {border-bottom-color: white;}
    .avectri th.selection .flecheAsc {border-top-color: white;}
    .avectri thead th:nth-child(1) {width: 75px;}
    .avectri thead th:nth-child(2) {width: 100px;}
    .avectri thead th:nth-child(3) {width: 50px;}
    .avectri thead th:nth-child(4) {width: 50px;}
    .avectri thead th:nth-child(5) {width: 50px;}
    .avectri thead th:nth-child(6) {width: 50px;}
    .avectri thead th:nth-child(7) {width: 50px;}
    .avectri thead th:nth-child(8) {width: 50px;}
    .avectri thead th:nth-child(9) {width: 50px;}
    .avectri thead th:nth-child(10) {width: 50px;}
    .avectri thead th:nth-child(11) {width: 50px;}
    .avectri thead th:nth-child(12) {width: 50px;}
    .avectri thead th:nth-child(13) {width: 50px;}
    .avectri thead th:nth-child(14) {width: 50px;}
    .avectri thead th:nth-child(15) {width: 50px;}
    .avectri thead th:nth-child(16) {width: 50px;}
    .avectri thead th:nth-child(17) {width: 50px;}
    .avectri thead th:nth-child(18) {width: 50px;}
    .avectri thead th:nth-child(19) {width: 50px;}
    .avectri thead th:nth-child(20) {width: 50px;}
    .avectri thead th:nth-child(21) {width: 75px;}
    .avectri thead th:nth-child(22) {width: 75px;}
    .zebre tbody td:nth-child(1) {text-align:center;}
    .zebre tbody td:nth-child(2) {text-align:center;}
    .zebre tbody td:nth-child(3) {text-align:center;}
    .zebre tbody td:nth-child(4) {text-align:center;}
    .zebre tbody td:nth-child(5) {text-align:center;}
    .zebre tbody td:nth-child(6) {text-align:center;}
    .zebre tbody td:nth-child(7) {text-align:center;}
    .zebre tbody td:nth-child(8) {text-align:center;}
    .zebre tbody td:nth-child(9) {text-align:center;}
    .zebre tbody td:nth-child(10) {text-align:center;}
    .zebre tbody td:nth-child(11) {text-align:center;}
    .zebre tbody td:nth-child(12) {text-align:center;}
    .zebre tbody td:nth-child(13) {text-align:center;}
    .zebre tbody td:nth-child(14) {text-align:center;}
    .zebre tbody td:nth-child(15) {text-align:center;}
    .zebre tbody td:nth-child(16) {text-align:center;}
    .zebre tbody td:nth-child(17) {text-align:center;}
    .zebre tbody td:nth-child(18) {text-align:center;}
    .zebre tbody td:nth-child(19) {text-align:center;}
    .zebre tbody td:nth-child(20) {text-align:center;}
    .zebre tbody td:nth-child(21) {text-align:center;}
    .zebre tbody td:nth-child(22) {text-align:center;}

    .eagle{
      background: #61b6eb;
    }

    .birdie{
      background: #61eb65;
    }

    .par{
      background: #d6d3ce;
    }

    .bogey{
      background: #eb9661;
    }

    .dbogey{
      background: #eb6161;
    }

    .tbogey{
      background: #eb61a4;
    }

    .qbogey{
      background: #e061eb;
    }

    .inf{
      display: inline;
      position: relative;
      }

      .inf:hover:after{
      background: #e9e065;
      border-radius: 5px;
      bottom: 26px;
      color: #444;
      content: attr(title);
      left: -50px;
      padding: 5px 15px;
      position: absolute;
      z-index: 98;
      width: 100px;
      }

      .inf:hover:before{
      border: solid;
      border-color: #e9e065 transparent;
      border-width: 6px 6px 0 6px;
      bottom: 20px;
      content: "";
      left: 50%;
      position: absolute;
      z-index: 99;
      }

    .dglogoun{
      display: block;
      position: fixed;
      top: 0px;
      right: 630px;
      width:40px;
      height: auto;
      z-index: -2;
    }

    .dglogodeux{
      display: block;
      position: fixed;
      top: 0px;
      right: 1330px;
      width:100px;
      height: auto;
      z-index: -2;
    }