
.div-carte {
  width: 323px;
  margin-top: 0px;
  border-radius: 15px;
  border:solid 1px;
  overflow: hidden;
  font-size:10px;
  display:inline-block;
  margin-left: 20px;
  height: 202px;
  position:relative;
}
.inner{
	position:absolute;
	top:0;	
	z-index: 10;
}
.inner.photo {
  left: 2px;
  border-radius: 10px;
}
.inner.logo, .inner.photo {
  width: 69px;
  height: 101px;
  top: 63px;
}
.inner.logo {
  right: 50px;
  display: none;
}
.inner.p1, .inner.p2 {
  left: 20px;
  margin: 0px;
  top: 130px;
  display: none;
}
.inner.p1 {
  left: 185px;
  color: #000000;
}
.inner.p2 {
  top: 130px;
  color: #ffffff;
}
.inner.entreprise, .inner.agent {
  top: 85px;
}
.inner.entreprise {
  left: 185px;
  display: none;
}
.inner.agent {
  left: 72px;
  color: black;
  font-family: arial;
  font-size: 8px;
}
élément {

}
.agent .nom {
    top: -14px;
}
.entreprise .nom {
    display: block;
    font-size: 13px;
}
.inner.qr {
    display: block;
    width: 75px;
    top: 67px;
    right: 20px;
}

.inner.agent span {
    position: relative;
    display: block;
}
.inner.agent .prenom {
	top: -5px;
}
.inner.agent .datenaiss {
    top: 3px;
}
.inner.agent .titre {
    top: 10px;
}

.inner.agent .matricule {
    top: 17px;
}

