.connectt {
   margin: 0 auto;
  width: 400px;
  background-color: white;
  text-align: center;
  max-width: calc(100% - 6rem); }
  @media screen and (max-width: 480px) {
    #connect {
      max-width: calc(100% - 3rem); } }
}
#global{
  width:100%;
}
#Global #gauche {
    float:left;
    width:45%;
	text-align:right
}
#Global #droite {
    margin-left:55% ;
		
	text-align:left
}
#customers {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  vertical-align: middle;
}

#customers td, #customers th {
   border: 1px solid #ddd;
  padding: 8px;
  height:100px;
  vertical-align: middle;
}

#customers tr:nth-child(even){background-color: #f2f2f2;
vertical-align: middle;}

#customers tr:hover {background-color: #8EBEE6;valign:middle;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #2216E2;
  color: white;
  valign:middle;
}