/* Formulaire demande de droits */
#titleDemandeDroits{
    color:black;
    margin-top: 8%;
}

#champCommentaire{
    padding:8px;
    font-size: 14px;
    color: #1F0098;
    margin-left:100%;
}

#Commentaire{
    color:#0095D1;
    font-weight: 500;
}

.form{
    border-radius: 10px;
}

.form-btn{
    background-color: transparent;
    box-shadow: initial;
    text-align:center;
    margin-top: 2%;
}

.form-1 {
    background-color: transparent;
    box-shadow: initial;
    margin-bottom: -30px;
    width: 50%;
    align-content: center;
    display: flex;
    align-items: center;
    margin: auto;
    padding: 10px;
    border-left: 3px solid #0095D1;
    background-color: rgb(101,203,255,0.26);
    position: relative;
    top: 14px;
}
#form-title{
    background-color: transparent;
    box-shadow: initial;
    margin-bottom: -40px;
}
.form-questions{
    background-color: transparent;
    box-shadow: initial;
    text-align: center;
}
.question{
    font-weight: bold;
    color: #0095D1;
    font: normal normal bold 20px/26px Arial Narrow;
}
input[type="button"].suivant{
    top: 1187px;
    left: 889px;
    width: 142px;
    height: 48px;
    /* UI Properties */
    color:white;
    text-align: center;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    background: var(---1f0098) 0% 0% no-repeat padding-box;
    background: #1F0098 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 1;
}
.partage {
    width: 50%;
}

input[type="checkbox"].cocher+label:before{
    display: none;
}

input[type="checkbox"].cocher+label:after{
    display: none;
}

input[type="checkbox"].cocher + label {
    padding: 0.3rem 0.5rem;
    border-radius: 10px;
    box-shadow: 4px 2px 5px #dedede;
    background-color: white;
    border: 1px solid #ccc;
    color: #0095D1;
    font-size: 16px;
    width:95%;
    height:80px;
}

input[type="checkbox"].cocher:checked + label{
    border: 1px solid #0095D1;
    background-color: rgb(101,203,255,0.26);
    border-radius: 10px;
    width:95%;
    height:80px;
}

input[type="button"].next{
    top: 1187px;
    left: 889px;
    height: 40px;
    /* UI Properties */
    margin-left: auto;
    margin-right: auto;
    color:white;
    text-align: center;
    font-weight: bold;
    background: transparent linear-gradient(90deg, #238DBE 0%, #99D9C4 100%) 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 1;
}

#bloc3{
    display: none;
}

.imgTypes{
    position: relative;
    width: 30px;
    height: 30px;
    right: -2px;
    top: 28%;
}

.demande{
    position: relative;
    width: 90%;
    left: 45px;
    top: -33px;
}

.comm{
    position: relative;
    text-align: left;
    font: normal 13px/18px Arial Narrow;
    width: 79%;
    left: 45px;
    top: -32px;
    color: grey;
}

.partage{
    width: 50%;
}
.full{
    width: 100%;
}

.ligne{
    margin-bottom: 30px;
}

.label-input{
    font-size: 15px;
    margin-top: -30px;
}

.label-input-droit{
    margin-left:10px;
    font-size: 15px;
    margin-top: 10px;
}

#remplir{
    color: red;
    font-weight: bold;
    text-align: center;
}

#type:after{
    width: 50%;
    margin-top: 15px;
}

.tab{
    width: 100%;
}

.obligatoire {
    color: red;
    font-weight: bold;
}
.label-others{
    color: #1F0098;
}

.mrgpd{
    text-align: left;
    font: normal normal bold 13px/18px Arial Narrow;
    letter-spacing: 0px;
    color: #B8B8B8;
    opacity: 1;
}

p.helpbox{
    border-left: 3px solid #0052CC;
    margin-top: 0px;
    background-color: #E6EFFC;
    width: 80%;
    padding: 10px 10px;
    margin-left: 10%;
    margin-right: 10%;
    box-shadow: 5px 5px 5px lightgrey;
    border-radius: 0px 15px 15px 0px;
    margin-bottom: 20px;
}

.form-ddroit label,
.form-ddroit strong.mandatory {
    display: block;
    margin-top: 30px;
    font-weight: 700;
    color: #0095D1;
}

@media (max-width: 1600px) {
    .comm {
        position: relative;
        text-align: left;
        font: normal 13px/18px Arial Narrow;
        width: 86%;
        left: 45px;
        top: -32px;
        color: grey;
    }
    .demande {
        position: relative;
        width: 88%;
        left: 45px;
        top: -33px;
    }
    input[type="checkbox"].cocher + label {
        padding: 0.3rem 0.5rem;
        border-radius: 10px;
        box-shadow: 4px 2px 5px #dedede;
        background-color: white;
        border: 1px solid #ccc;
        color: #0095D1;
        font-size: 16px;
        width: 95%;
        height: 96px;
    }
}