#rens{
    position: fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color: rgba(0,0,0,0.8);
    z-index:10000;
}
#rens #frm{
    margin-top:25px;
    width:800px;
    height:500px;
    overflow-y: scroll;
    margin-left:auto;
    margin-right:auto;
    border:5px solid black;
    background-color:rgb(255,255,255);
}
#rens #frm p{
    text-align: center;
    margin-top:15px;
    font-family: 'Oxygen', sans-serif;
    font-size:12px;
    color:black;
    font-style: italic;
}
#rens #frm .sect{
    margin-top:25px;
    width:92%;
    margin-left: auto;
    margin-right:auto;
}
#rens #frm .sect h4{
    width: 100%;
    margin-bottom: 15px;
    padding-bottom:3px;
    font-family: 'Oxygen', sans-serif;
    font-size:16px;
    color:black;
    border-bottom:3px solid black;
}
#rens #frm .sect ul li{
    margin-top:10px;
}
#rens #frm .sect ul li .label-first{
    display: inline-block;
    font-family: 'Oxygen', sans-serif;
    font-size:14px;
    color:black;
    width:30%;
    text-align: left;
    text-transform: uppercase;
}
#rens #frm .sect ul li .label-first-big{
    display: inline-block;
    font-family: 'Oxygen', sans-serif;
    font-size:14px;
    color:black;
    width:50%;
    text-align: left;
    text-transform: uppercase;
}
#rens #frm .sect ul li .label-first-vide{
    display: inline-block;
    width:30%;
}
#rens #frm .sect ul li .label-second{
    display: inline-block;
    font-family: 'Oxygen', sans-serif;
    font-size:14px;
    color:black;
    width:30%;
    text-align: left;
    text-transform: uppercase;
}
#rens #frm .sect ul li .label-third{
    display: inline-block;
    font-family: 'Oxygen', sans-serif;
    font-size:14px;
    color:black;
    width:auto;
    text-align: left;
    text-transform: uppercase;
}
#rens #frm .sect ul li select{
    display: inline-block;
    font-family: 'Oxygen', sans-serif;
    font-size:14px;
    color:black;
    text-align: left;
    padding:3px 0px;
    text-indent: 5px;
    width:39%;
}
#rens #frm .sect ul li.date div{
    display: inline-block;
    width:39%;
}
#rens #frm .sect ul li.date div select{
    width:30%;
}
#rens #frm .sect ul li input[type="text"]{
    display: inline-block;
    font-family: 'Oxygen', sans-serif;
    font-size:14px;
    color:black;
    text-align: left;
    padding:3px 0px;
    text-indent: 5px;
    width:69%;
}
#rens #frm .sect ul li.tiny input[type="text"]{
    width:35%;
}
#rens #frm .sect ul li input[type="checkbox"]{
    display: inline-block;
    padding:3px 0px;
    width:auto;
    margin-left:7px;
    margin-right:20px;
}
#rens #frm .sect ul li input[type="checkbox"]#awp_userbundle_usercontacttype_question_3{
    margin-right:0px;
}
#rens #frm .sect ul li textarea{
    display: block;
    font-family: 'Oxygen', sans-serif;
    font-size:14px;
    color:black;
    text-align: left;
    padding:3px 0px;
    text-indent: 5px;
    width:100%;
    height:200px;
}

#rens #frm p#frm-bt{
    width:92%;
    margin-left:auto;
    margin-right:auto;
    padding:25px 0px;
}
#rens #frm p#frm-bt input[type="submit"]{
    background-image: url(http://www.creches.lu/public/img/layout/bg/bg-bt.png)!important;
    background-repeat:no-repeat;
    background-position:left top;
    background-color: rgb(237,3,124);
    border:1px solid rgb(237,3,124);
    color:white;
    padding:10px 0px 9px 0px;
    text-align: center;
    font-family: 'Oxygen', sans-serif;
    font-size:15px;
    cursor: pointer;
    width:100%;
}
#rens #frm p#frm-bt input[type="submit"]:hover{
    font-style: italic;
}

#rens .closefrm{
    margin:0px;
    padding:0px;
    float:right;
    text-align: right!important;
    font-family: 'Oxygen', sans-serif;
    font-size:14px;
    font-weight: bold;
    color:black;
    width:15px;
    margin-right:15px;
    cursor:pointer;
}



@media (max-width:830px) {
    #rens #frm{
        width:93%;
    }
    #rens #frm .sect ul li label{
        font-size:12px!important;
    }
}

@media (max-width:500px) {
    #rens #frm p{
        width:88%;
        margin-left:auto;
        margin-right: auto;
    }
    #rens #frm p img{
        width:55%;
    }
    #rens #frm .sect ul li label{
        display: block!important;
        width:100%!important;
    }
    #rens #frm .sect ul li label.label-first, #rens #frm .sect ul li label.label-first-big{
        font-weight: bold;
    }
    #rens #frm .sect ul li select{
        display: block!important;
        width:100%!important;
    }
    #rens #frm .sect ul li input[type="text"]{
        display: block!important;
        width:100%!important;
    }
    #rens #frm .sect ul li.date div{
        display: block!important;
        width:100%!important;
    }
    #rens #frm .sect ul li.date select{
        display: inline-block!important;
        width:30%!important;
    }
    #rens #frm .sect ul li.choices label.label-third{
        display: inline-block!important;
        width:auto!important;
    }
    #rens #frm .sect ul li textarea{
        height:100px;
    }
    .fimg{
        display: none!important;
    }
}

@media (max-width:450px) {
    #rens #frm .sect ul li label{
        font-size:11px!important;
    }
}