#carteinter{position:relative;}
#carteinter #carte_interactive{background:url(../../img/cartofull.jpg) center center no-repeat; height:635px;width:581px}
#carteinter .tuto{position:absolute; right:0; top:0; color:#fff;display:block; font-size: 10px;line-height:18px; font-family: arial; text-decoration: none; padding:0 3px 0; background-color: #f68b39;text-transform: uppercase;display:block;box-shadow: 1px 2px #eaeaea;}
#carteinter #carte_interactive .pos{background:none;cursor:pointer;position:absolute;}
#carteinter #carte_interactive .pos.block,
#carteinter #carte_interactive .pos:hover{background:url(../../img/sprite-carte-interactive.png) no-repeat;}
#carteinter #carte_interactive .pos strong{display:none;}
#carteinter #carte_interactive area{cursor:pointer}

#carteinter #listecarteInteractive ul{list-style-type:none;padding:0; margin:0;}
#carteinter #listecarteInteractive li{border:none;display:none;background:none;}
#carteinter #listecarteInteractive li.item{display:none;padding: 0 15px 40px;}
#carteinter #listecarteInteractive li.item.block{display:block;}

#carteinter #listecarteInteractive li.item h3{margin-bottom:10px;}
#carteinter #listecarteInteractive li.item .illustration{padding:3px; background:#d4d4d4; margin:0 0 15px;}

#carteinter #listecarteInteractive li.item .texte{width:390px;}
#carteinter #listecarteInteractive li .item .content{text-align:justify; font-size:13px; line-height:180%;margin-bottom:15px;}
#carteinter #listecarteInteractive li .item .links a, #system .button a{margin:15px 0 5px;border:none; background:url(../../img/reflet.png) no-repeat left bottom #eb7527; color:#fff; font-size:14px; font-weight:bold;-webkit-box-shadow: 1px 2px #eaeaea;-moz-box-shadow: 1px 2px #eaeaea;padding:5px 10px;float:right; border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;box-shadow: 1px 2px #eaeaea;}
#status{z-index:9999;background-color:#fff; padding:5px 10px; color:#000; position:absolute;border:1px inset #efefef; box-shadow:1px 1px 12px rgba(0,0,0,.6);}
#status h3{padding-bottom:0;line-height:auto; font-size:12px; text-transform:uppercase; font-weight:bold;margin:0; }
.illustration_cart{text-align:left;padding:0 15px 0 0;width:33%;box-sizing:border-box;}
.illustration_cart img{padding:5px; background-color:#efefef;}
#carteinter #listecarteInteractive li .item .texte.w66{width:66%;float:right;}


/* End basic CSS override */
.profile {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 3rem;
  width: 90%;
  max-width: 300px;
  background-color: #fff;
  border-radius: 16px;
  position: relative;
  border: 3px solid transparent;
  background-clip: padding-box;
  text-align: center;
    margin-top:80px;
  color: #000;
  background-image: linear-gradient(135deg, #fff 15%, #fff 20%, #eee 100%);
}
.profile:after {
  content: "";
  display: block;
  top: -3px;
  left: -3px;
  bottom: -3px;
  right: -3px;
  z-index: -1;
  position: absolute;
  border-radius: 16px;
  background-image: linear-gradient(135deg, #eee, #fff 20%, #fff 30%, #eee 100%);
}

.profile-image {
  border-radius: 50%;
  overflow: hidden;
  width: 175px;
  height: 175px;
  position: relative;
    background-color:#fff;
    border:1px solid #eee;
}
.profile-image img {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
}

#carteinter #listecarteInteractive li.item.carte-de-position .profile{padding-top:0}
#carteinter #listecarteInteractive li.item.carte-de-position .profile-image {width:235px; height:235px;border:none;border-radius:50% 50% 50% 0 }
#carteinter #listecarteInteractive li.item.carte-de-position .profile-image img{width:90%}

.profile-username {
  font-size: 1.5rem;
  font-weight: 600;
  margin-top: 1.5rem;
}

.profile-user-handle {
  color: #7d8396;
}

.profile-actions {
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.profile-actions > * {
  margin: 0 0.25rem;
}

.btn {
  border: 0;
  background-color: var(--e-global-color-85c864d);
  padding: 0;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  line-height: 1;
  transition: 0.15s ease;
}
.btn:hover{
    background-color:var(--e-global-color-631d833)
}
.btn--primary {
  border-radius: 99em;
  background-color: #3772ff;
  background-image: linear-gradient(135deg, #5587ff, #3772ff);
  color: #fff;
  padding: 0 1.375em;
}
.btn--primary:hover, .btn--primary:focus {
  background-size: 150%;
}
.btn--icon {
  height: 46px;
  width: 46px;
  border-radius: 50%;
  border: 3px solid var(--e-global-color-85c864d);
  color: #fff;
}
.btn--icon i {
  font-size: 1.25em;color:#fff;
}
.btn--icon:hover, .btn--icon:focus {
  border-color: var(--e-global-color-631d833);
}