.userprofile{margin:3rem 0}
.userprofile h3{text-transform:uppercase;margin-bottom:30px}
.userprofile form{text-align:center;padding:15px 30px 30px;border:1px solid #ddd;color:#000}
.userprofile fieldset{display:none}
.userprofile fieldset[data-current="1"]{display:block}
.userprofile .fieldset_title{text-transform:uppercase;font-weight:bold;font-size:1rem;margin:15px 0 30px 0}
.userprofile fieldset label{cursor:pointer}
.userprofile .rappel{font-size:1rem}
.userprofile .rappel span{font-weight:bold}
.userprofile .rappel .gender{text-transform:uppercase;color:#0178f1}
.userprofile .rappel .gender[data-gender="gender_2"]{color:#f2209c}
.userprofile .results .check{width:82px;height:82px;background: url('img/check.png') 16px 21px no-repeat;border:6px solid #4792c4;border-radius:50%;margin:0 auto 15px auto}
.userprofile .results button{background: linear-gradient(#2f8ad6, #3898d8);color:#fff;font-weight:bold;font-size:1rem;padding:10px 30px;border-radius:30px;margin:15px 0 10px;cursor:pointer;outline:none;transition:box-shadow 0.3s}
.userprofile .results button:hover{box-shadow:0px 1px 3px 1px #bbb}
.userprofile .results .back{color:#1179b9;cursor:pointer;transition:color 0.3s}
.userprofile .results .back:hover{color:#888}
.userprofile input[type="radio"]{display:none}
.userprofile fieldset > div{display:flex;justify-content:space-around}
.userprofile label{font-weight:normal;display:flex;position:relative}
.userprofile .label{font-size:1rem}
.userprofile .gender label:before{content:'';width:72px;height:72px;background: url('img/sprite_profile.png') 0 0 no-repeat;margin-right:5px}
.userprofile .gender label .label{position:relative;top:38px}
.userprofile .gender label:last-of-type:before{background-position:0 -144px;width:55px;height:94px;margin:18px 5px 0 0}
.userprofile .gender label.checked:before{background-position:0 -72px}
.userprofile .gender label:last-of-type.checked:before{background-position:0 -238px}
.userprofile .autonomie label{display:block;max-width:30%}
.userprofile .autonomie label p:first-of-type{display:flex;align-items:center;justify-content:center}
.userprofile .autonomie label p:first-of-type:before{content:'';width:25px;height:24px;background: url('img/sprite_profile.png') -72px -172px no-repeat;margin-right:10px}
.userprofile .autonomie label p:last-of-type{font-style:italic;margin-top:15px}
.userprofile .autonomie label p:first-of-type.checked:before{background-position:-72px -196px}
.userprofile .degre_incontinence label{align-items:center}
.userprofile .degre_incontinence label:before{content:'';width:25px;height:24px;background: url('img/sprite_profile.png') -72px -172px no-repeat}
.userprofile .degre_incontinence label .label{display:block;margin-left:30px}
.userprofile .degre_incontinence label .label:before{content:'';display:block;width:106px;height:57px;background: url('img/sprite_profile.png') -72px 0 no-repeat;margin-bottom:15px}
.userprofile .degre_incontinence label:nth-of-type(2) .label:before{background-position:-72px -57px}
.userprofile .degre_incontinence label:last-of-type .label:before{background-position:-72px -115px}
.userprofile .degre_incontinence label.checked:before{background-position:-72px -196px}

@media(max-width: 575px) {
    .userprofile fieldset > div{flex-direction:column;align-items:center}
    .userprofile .autonomie label{max-width:100%;margin-bottom:15px}
    .userprofile .autonomie label p:last-of-type{margin-top:5px}
}