#block-profil{position:relative}
.icon-close{position:absolute;top:5px;right:5px}
#btn-modif-account{position:absolute;right:1rem;top:1rem}
#profil-img{position:absolute;left:1rem;top:1.5rem}
#btn-modif-account .bar{height:6px;cursor:pointer;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;z-index:200;margin-top:-3px}
#btn-modif-account .icon-edit,.icon-close{cursor:pointer}
#menu-edit-show{position:absolute;right:0;top:0;z-index:100;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;background-color:#fff}
.menu-visible{display:-webkit-box!important;display:-webkit-flex!important;display:-moz-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3);box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3)}
.profil-name{font-size:2em; font-weight: normal;}
.icon-rs img{width:32px}
#twitter.icon-rs img{-webkit-border-radius:50%;border-radius:50%;border:2px solid #55acee;width:29px}
.btn-nav{font-size:1.3em;width:200px;cursor:pointer}
.profil-btn-active{background:#DA091B;border:1px solid #DA091B;color:#fff;-webkit-border-radius:3px;border-radius:3px}
.profil-btn-inactive{background:#fff;border:1px solid #DA091B;color:#DA091B;-webkit-border-radius:3px;border-radius:3px;-webkit-transition:box-shadow .2s;-o-transition:box-shadow .2s;-webkit-transition:-webkit-box-shadow .2s;transition:-webkit-box-shadow .2s;transition:box-shadow .2s;transition:box-shadow .2s,-webkit-box-shadow .2s;transition:box-shadow .2s,-webkit-box-shadow .2s}
.profil-btn-inactive:hover{-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2)}
.profil-bottom-navbar-pet,.profil-bottom-navbar-sur{border-bottom:1px solid #B5B5B5;font-size:1.2em}
.profil-bottom-navbar-pet span,.profil-bottom-navbar-sur span{cursor:pointer;border-bottom:3px solid rgba(255,255,255,0);-webkit-transition:border .2s;-o-transition:border .2s;transition:border .2s}
.pb-nav-active{font-weight:700;padding-bottom:4px;border-bottom:3px solid #0E415A!important}
.pb-first{padding-right:.5rem;margin-right:1.5rem}
.auteur{display:contents}
.list-card{-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);background:#fff;-webkit-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.list-card-content{-webkit-flex-flow:wrap;-ms-flex-flow:wrap;flex-flow:wrap;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.petitionDesact { opacity: 0.3; }
.overlay-pet-ctrl{position:absolute;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,0.4);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;font-size:14px}
.sign-link,#pet-btn-cese-no-ok,#pet-btn-cese-ok{cursor:pointer}
.pet-ctrl{cursor:pointer;background:#fff;padding:10px;-webkit-border-radius:20px;border-radius:20px}
.img-loader{width:30px}
.cese-card {position: relative;}
.overlay-cese-ctrl{position:absolute;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,0.4);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;font-size:14px}
.cese-ctrl{cursor:pointer;background:#fff;padding:10px;-webkit-border-radius:20px;border-radius:20px}
.cese-ctrl .remove{color:#DA091B}
.cese-ctrl .validate{color:green}
.cese-reponse-block{display:none;padding:20px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.cese-reponse-ctrl{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;margin-left:20px}
.cese-reponse-ctrl div{font-size:14px;cursor:pointer;text-align:center;-webkit-border-radius:3px;border-radius:3px;padding:10px;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.cese-reponse-ctrl .abort{border:1px solid #DA091B;color:#DA091B}
.cese-reponse-ctrl .validate{border:1px solid green;color:green}
#block-reseaux{position: absolute;left: 1rem;top: 1rem;justify-content:center;display: flex;}
@media only screen and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
.profil-bottom-navbar-pet,.profil-bottom-navbar-sur{font-size:1em}
.list-card{margin-top:-1rem}
.aut-nb{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-moz-box-orient:vertical!important;-moz-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}
}
.banner-profil{width:100%;background-size:cover;background-position:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-image:url(/public/assets/banner-bottom.jpg);height:350px;margin-bottom:90px}
.banner-profil-overlay{height:100%;width:100%;background:rgba(13,65,90,0.4)}
.profil-block{background:#fff;width:1000px;border-radius:3px;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);position:relative;text-align:center;box-sizing:border-box;margin-top:-300px;display:flex;flex-direction:column;justify-content:space-between;min-height:240px;padding-top: 70px}
.hasImage{padding:70px 0 0}
.noImage{padding:20px 0 0}
.emptyProfile{padding:40px 0}
.profil-pic-wrapper{position:absolute;width:100%;left:0;top:-60px;display:flex;justify-content:center}
.profil-pic-back{width:120px;height:120px;box-sizing:border-box;padding:3px;background:#fff;border-radius:50%}
.profil-pic-back img{width:100%;border-radius:50%}
.profil-nav{justify-content:space-between;margin-top:15px;overflow: auto;}
.profil-nav-btn-block{flex:1;padding:5px;font-size:1.2rem;box-sizing:border-box;cursor:pointer;border-right:1px solid #dcdcdc;padding:20px}
.profil-nav-btn-active{border-bottom:3px solid #0E415A}
.profil-nav-btn:last-of-type{border-right:none}
.profil-bot{width:1000px;margin:auto;box-sizing:border-box}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 667px) {
.profil-bot{width:100%}
.profil-block{width:100%;box-shadow:none;border-radius:0}
.profil-bottom-lists{box-shadow:none;border-radius:0}
.profil-nav-btn{min-width: 150px;display: flex;align-items: center;justify-content: center;margin: 0 10px;padding:20px 0;height: 100%;border-radius: 3px;box-sizing: border-box;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);}
.profil-nav{box-sizing: border-box;padding-bottom: 10px;}
.profil-nav-btn-block{padding:0;border-right: none;}
.profil-nav-btn-active{border-bottom:none;}
.profil-nav-btn-active > div {background: #0E415A;color: white;}
#block-reseaux{position: absolute;left: 1rem;top: 1rem;display: block;}
.block-name-title{margin: 0 10%;}
}
.profil-bottom-lists{margin:40px 0;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);background:#fff;padding:15px;border-radius:3px}
.message-public{position:absolute;width:100%;left:0;text-align:center}
.block-name-title{display:flex;align-items:center;align-self:center;justify-content:center;padding-bottom:10px}
.block-name-title i{margin-left:10px;color:green}
.block-name-title i[tooltip]:hover:after{font-size:1rem}

#btn-follow .btn-follow-wording-right, #btn-unfollow .btn-follow-wording-right{width:280px;top:50%;left:100%;margin-left:20px;transform:translate(0,-50%);padding:5px 10px;color:#FFF;background-color:#1978A5;border-radius:3px;position:absolute;z-index:99999999;box-sizing:border-box;display:none;font-family: "Asap",sans-serif;font-size: 1em;text-align: center}
#btn-follow:hover .btn-follow-wording-right, #btn-unfollow:hover .btn-follow-wording-right{display:block}
#btn-follow .btn-follow-wording-right i, #btn-unfollow .btn-follow-wording-right i{position:absolute;top:50%;right:100%;margin-top:-12px;width:12px;height:24px;overflow:hidden}
#btn-follow .btn-follow-wording-right i::after, #btn-unfollow .btn-follow-wording-right i::after{content:'';position:absolute;width:12px;height:12px;left:0;top:50%;transform:translate(50%,-50%) rotate(-45deg);background-color:#1978A5;}
body .follow-pri{background-color: #DA091B;color:#fff;}
body .follow-pri:hover{background-color: #FFF;color:#DA091B;}
body .follow-sec{background-color: #FFF;color:#DA091B;}
body .follow-sec:hover{background-color: #DA091B;color:#fff;}
#btn-follow, #btn-unfollow{padding:5px 10px;font-weight:normal;display: inline-block;position: relative;text-align:center;margin: auto;}