#RecrutementFr .recrutement::before{
    content: "Piéces jointes";
    display: block;
    width: 100%;
    background: url(../../../img/piece-join.jpg) no-repeat center right;
    background-size: 88% 4px;
    position: absolute;
    top: 300px;
    font-size: 18px;
    color: #00478a;
}
#RecrutementFr .recrutement{
    width : 960px;
    background: url(../../../img/recrutement.png) no-repeat 600px 40px;
    position : relative;
}
#RecrutementFr .recrutement::after{
    content : " ";
    display : block;
    height : 0;
    clear : both;
}
#RecrutementFr .input-radio {
    font-size : 14px;
    color : #333;
    display : block;
    width: 190px;
}
#RecrutementFr .input-radio tbody tr td label{
    float : right;
    display : block;
    width : 160px;
}
#RecrutementFr .input-radio tbody tr td input{
    float : right;
}
#RecrutementFr .label-inline{
    display : inline-block;
    font-size : 14px;
    color : #333;
    width : 80px;
    margin-left : 20px;
    position : relative;
    top : -26px;
    left: 120px;
}
#RecrutementFr .inp-inline{
    display : inline-block;
    width : 168px;
    margin-left : 10px;
    line-height : 28px;
    padding : 0 5px;
    position : relative;
    top : -26px;
    border : none;
    border : 1px solid #c4c4c4;
    left: 120px;
}
#RecrutementFr .label{
    display : inline-block;
    float : left;
    clear : both;
    font-size : 14px;
    color : #333;
    margin: 12px 0;
    position: relative;
}
#RecrutementFr .lab-file{
    top: 5px;
}
#RecrutementFr .lab-pre{
    position : relative;
    top : 30px;
}
#RecrutementFr .inp-txt{
    display : block;
    width: 288px;
    line-height : 28px;
    float : right;
    margin: 5px 0;
    padding: 0 5px;
    margin-right: 490px;
}
#RecrutementFr .inp-file {
    display : block;
    width : 250px;
    float: right;
    margin : 5px 0;
    position : relative;
    top : 10px;
    margin-right: 540px;
}
#RecrutementFr .inp-btn {
    display: block;
    float: right;
    clear: left;
}
#RecrutementFr .lab-lm{
    margin-top : 45px;
}
#RecrutementFr .inp-lm{
    margin-top : 40px;
}
#RecrutementFr .inp-btn{
	display : block;
	float : right;
	width : 100px;
	line-height : 30px;
	margin-left : 10px;
	margin-top : 40px;
	text-align : center;
	background : #14963d;
	color : #fff;
	text-decoration : none;
	overflow: hidden;
	transition : all .4s ease-in;
	position: relative;
	clear : left;
}
#RecrutementFr .inp-btn::after{
	content: " ";
	position: absolute;
	width: 100px;
	height: 30px;
	left: 100px;
	transition : all .4s ease-in;
}
#RecrutementFr .send::after{
	background: url(../../../img/icon-send.png) no-repeat;
}
#RecrutementFr .cancel::after{
	background: url(../../../img/icon-cancel.png) no-repeat;
}
#RecrutementFr .inp-btn:hover{
    background : #004937;
    text-indent: -200px;
    transition : all .4s ease-in;
}
#RecrutementFr .inp-btn:hover::after{
	left: 0;
	transition : all .4s ease-in;	
}
#RecrutementFr .rqd::after{
    content : "(*)";
    color : #f00;
    font-size : 14px;
    display : inline-block;
    margin-left : 5px;
}
#RecrutementFr .msg-bk{
	display: block;
	width: 60%;
	padding-bottom: 5px;
	font-size: 18px;
	margin: 0 auto 10px;
	text-align: center;
	font-weight: bold;
	border-bottom: 2px solid;
	animation-name: errorIn;
	animation-duration: .5s;
}
#RecrutementFr .msg-e{
	color: #cd0000;
	border-color: #cd0000;
}
#RecrutementFr .msg-sc{
	color: #2bcd00;
	border-color: #2bcd00;
}
@keyframes errorIn{
    from{
        transform : translateY(-15px);
        opacity : 0;
    }
    to{
        transform : translateY(-5px);
        opacity : 1;
    }
}
#RecrutementFr .required{
   display : none;
}
input, textarea {
    border-radius: 4px;
}