body{
          background-color:#212529;
          /* background-image: url(image/gcsms.png);
          background-size: 850px;
          background-repeat: no-repeat;
          background-position-x: 50%;
          background-position-y: 17%; */
        }
        .titleTable{
          font-weight: bold;
        }
        .tdTable{
          white-space: nowrap;
        }
        #toCopy{
          font-size: 1px;
          border:none;
          background-color:#212529;
          opacity:0;
          width:5px;
        }
        .form{
          border-radius: 5px;   
          background-color:#e6f0ff;
          border: 3px solid white;  
          padding:10px;
        }
        td.tdTable{
          border-top:1px solid white;
          font-size:15px;
          white-space :normal;
        }
        td.titleTable{
          border-top:1px solid white;
          font-size:15px;
        }
        .btn-dark{
          border:2px solid white;
        }
        #connect{
          margin:auto;
          width:300px;
          text-align: center;
        }
        #abri{
          text-align: center;
          /* max-width: 500px; */
          margin:auto;
        }
        #sommet, #rando{
          text-align: center;
          /* max-width: 600px; */
        }
        #in{
          border-radius: 7px;   
          background-color:rgb(255, 235, 204);
        }
        h3{
          text-align: center;
          font-family: "Open Sans", Helvetica, Arial, sans-serif;
          font-weight: bold;
        }
        h4{
          font-weight: bold;
        }
        #title{
          color:white;
          font-size: 60px;
          font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        }
        .container{
          margin-bottom:15px;
          opacity:0.97;
        }
        .button{
          background-color:mintcream;
          border:none;
          padding:5px;
        }
        .btnAdd{
          background-color:mintcream;
          width:50px;
          margin:auto;
        }
        .btnAdd:hover{
          background-color:mintcream;
          border:1px solid #212529;
        }
        .navcolor{
          opacity:0.9;
          background-color:#e6f0ff;
          border-bottom: 3px solid white;
        }
        .formInput{
          width:320px;
          margin:auto;
        }
        .form-control{
          text-align:center;
        }
        .log{
          background-color: mintcream;
        }
        .labelTitle{
          font-weight: bold;
        }

        .flex{
          display:flex;
          flex-direction: column;
          padding-top:10px;
        }
        .tdGrille{
          width:50%;
        }
        .table{
          background-color:mintcream;
        }
        .tableAppel{
          background-color: #212529;
          color: white;
        }
        #divCall{
          padding:5px;
        }
        #formCall{
          flex-direction: row;
          display:none;
        }
        #formAction{
          flex-direction: row;
          display:none;
        }
        select:hover{
          cursor:pointer;
        }
        .important{
          background-color:rgb(255, 153, 153);
        }
        #consigne{
          background-color:rgb(255, 255, 204);
          padding:15px;
        }



        .selected{
          background-color:#212529;
          color:white;
        }
        .unselected{
          background-color:white;
          color:#212529;
          border: 1px solid #212529;
        }
        #containertab{
          width:90%;
          text-align:center;
          margin:auto;
          margin-bottom:15px;
          opacity:0.97;
        }
        .center-div {
          margin: 0 auto;
          width: 100px; 
        }
        .option{
          margin-bottom: 3px;
        }
        .week{
          width:80%;
          margin: 0 auto;
        }
        #semaine{
          text-align:center;
          width: 90%;
        }
        #menus{
          text-align:center;
          width:90%;
          margin: 0 auto;
        }
        #contacts{
          text-align:center;
        }
        .tableResident{
          margin: 0 auto;
          max-width:500px;
          text-align:center;
        }
        .tableDistribution{
          margin: 0 auto;
          text-align:center;
        }
        .dateSelected{
          margin: 0 auto;
          display:block;
        }
        .dateUnselected{
          display:none;
        }
        .divSelected{
          margin: 0 auto;
          display:block;
        }
        .divUnselected{
          display:none;
        }
        .btnResa{
          font-size:8px;
        }
        .resa{
          background-color:mintcream;
          border: 1px solid #212529;
          margin: 0 auto;
          max-width:400px;
        }
        .resa:hover{
          cursor:pointer;
        }
        .form-check-input:hover{
          cursor:pointer;
        }
        .resaSelected{
          border: 2px solid green;
        }
        #periodeConso{
          position:           absolute;
          right:              0px;
          bottom:             0px;
          top:                10%;
          left:               0px;
          padding: 10px;
          margin: 0 auto;
          max-width: 300px;
          max-height: 160px;
          border:1px solid #212529;
          color: white;
        }
        #cache{
          width:100%;
          height:100%;
          position: fixed;
          top: 0px;
          left: 0px;
          background-color: #212529;
        }
        #period{
          font-weight: bold;
          color:forestgreen;
        }
        #totalm{
          font-weight: bold;
          color:red;
        }
        #total{
          font-weight: bold;
          color:royalblue;
        }
        .distribution{
          background-color: white;
        }
        .distribution:hover{
          cursor:pointer;
          background-color: #212529;
          color:white;
        }
        .aclick:hover{
          cursor:pointer;
          font-weight: bold;
        }
        #aler{
          font-size: 10px;
          color:black;
        }
        #aler2{
          color:red;
          font-weight: bold;
        }
        .tdTotal{
          border:1px solid black;
        }