div.wrapper {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

div.cresus {
    position: fixed;
    top: 2%;
    left: 2%;
}

div.credos {
    position: fixed;
    top: 1%;
    right: 2%;
}

#passp {
    white-space: nowrap;
}

#id_password {
	display: inline-block;
}

#togglePassword {
	display: inline-block;
	cursor: pointer;
	margin-left: -17%;
}

#titre01 {
	left: 1%;
    text-align: left;
}

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

#tabvide {
	border-collapse: separate;
	border-spacing: 1rem;
}

#tabinfos {
	border-collapse: separate;
	border-spacing: 2rem 2px;
}

#tabadd {
	border-collapse: separate;
	border-spacing: 2rem 2px;
}

#tabts {
	border-collapse: separate;
	border-spacing: 2rem 2px;
}

#tabsf {
	border-collapse: separate;
	border-spacing: 2rem 2px;
}

#tabpersch {
	border-collapse: separate;
	border-spacing: 2rem 2px;
}

#tablog {
	border-collapse: separate;
	border-spacing: 2rem 2px;
}

#tabprof {
	border-collapse: separate;
	border-spacing: 2rem 2px;
}

#taborig {
	border-collapse: separate;
	border-spacing: 2rem 2px;
}

#tabhistcon {
	border-collapse: separate;
	border-spacing: 2rem 2px;	
}