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%; */
          overflow-y: scroll;
        }
        .titleTable{
          font-weight: bold;
        }
        .tdTable{
          white-space: nowrap;
        }
        #toCopy{
          font-size: 1px;
          border:none;
          background-color:#212529;
          opacity:0;
          width:5px;
        }
        #contacts{
          text-align:center;
	  margin:15px;
        }
        .form{
          border-radius: 5px;   
          background-color:mintcream;
          border: 1px solid white;  
          padding:10px;
        }
        #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(211, 241, 226);
        }
        h3{
          text-align: center;
          font-family: "Open Sans", Helvetica, Arial, sans-serif;
          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;
        }
        .btnMail{
          background-color:mintcream;
          border:none;
          padding:5px;
        }
        #btnCopy{
          padding-left: 1px;
          padding-right: 5px;
          padding-top: 4px;
          padding-bottom: 4px;
        }
        .navcolor{
          opacity:0.9;
          background-color:mintcream;
        }
        .formInput{
          width:50%;
          margin:auto;
        }
        .form-control{
          text-align:center;
        }
        #toaster{
          visibility: hidden;
          margin:auto;
          opacity:0.5;
        }

.ficheContact > form > .form-group
{
  display: flex;
  flex-direction: row;
}

.ficheContact > form > .form-group > :nth-child(1)
{
  flex: 1;
  text-align: left;
}

.ficheContact > form > .form-group > :nth-child(2)
{
  flex: 2;
  text-align: left;
}

.ficheContact > form > .form-group > .select2
{
  flex: 2.1;
  text-align: left;
}