#top {border-radius:12px; overflow:hidden; top:10px; left:10px; box-shadow: 0px 0px 12.75px 2.25px rgba(0, 0, 26, 0.2); background-color: rgb(38, 38, 48); transition:all 500ms ease;}
.titre-top {background:none; font-size:14px; height:20px; padding-top:3px;}
.item-top .note {border-radius: 6px; background:none; background-color: rgb(38, 38, 48); position: absolute; left: 1px; top: 1px; width: 25px; height: 20px;}
.item-top .region {background:none; background-color: rgb(207, 105, 93);}
.item:before {content:''; position:absolute; bottom:0; left:0; width:100%; height:293px; background: url(../img/fd.png) repeat-x;}
.titre-infos {height:auto;}
.item .infos {bottom:65px; left:10px;}
.item .infos .num {display:none;}
.item .infos .region {background:none; text-align:left; width:auto; height:auto; padding:0; font-size:50px;}
.profil {background:none; font-size:30px; padding:0;}
.profil .nom {padding:5px 0 10px;}
.age, .taille {font-size:14px; border:1px solid #fff; border-radius:10px; padding:2px 6px; opacity:50%; font-weight:400;}
.age {margin-right:8px;}
.titre-note {display:none;}
.result {position:relative; top:0; left:0; border-radius: 50%; padding-top:13px;
  background-image: -moz-linear-gradient( 143deg, rgb(196,74,125) 0%, rgb(252,127,105) 100%);
  background-image: -webkit-linear-gradient( 143deg, rgb(196,74,125) 0%, rgb(252,127,105) 100%);
  background-image: -ms-linear-gradient( 143deg, rgb(196,74,125) 0%, rgb(252,127,105) 100%);
 width: 90px; height: 90px;
}
.item .form { right: 10px;bottom: 80px;width: 90px;height: 90px; background:none;}
.item .form select {position:absolute; top:0; left:0; color:#000; padding-left:30px; padding-top:20px;}
.item .form select:focus {background:transparent;}

.menu-bas { display:block; background-image: -moz-linear-gradient( 0deg, rgb(207,105,93) 33%, rgb(147,64,108) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(207,105,93) 33%, rgb(147,64,108) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(207,105,93) 33%, rgb(147,64,108) 100%);
  position: absolute;
  left: calc(50% - 157px);
  bottom: 0;
  width: 315px;
  height: 50px;
  border-top-left-radius:30px; border-top-right-radius:30px;
}
.btmenu {display:none;}
.btPerso {position:relative; background:none;}
#mytop {border-radius:12px; overflow:hidden; top:10px; right:10px; box-shadow: 0px 0px 12.75px 2.25px rgba(0, 0, 26, 0.2); background-color: rgb(38, 38, 48); transition:all 500ms ease;}
#mytop .ct {position:relative; right:auto; top:auto;}

#people {top:310px; left:10px; background-color: rgba(38, 38, 48, 0.3); border-radius:10px; padding:5px; width:120px; font-size:12px; box-shadow: 0px 0px 12.75px 2.25px rgba(0, 0, 26, 0.2); height:25%;}

#menu {height:100%; max-width:250px; background:#f95e6c;}
.mytopactive #mytop {right:-90px;}
.topactive #top {left:-90px;}

@media screen and (max-width: 490px) {
    .item .infos .region {max-width:280px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; font-size:30px;}
	.profil .nom {font-size:20px;}
}

@media screen and (max-width: 430px) {
    .item .infos .region {max-width:250px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
}