/* Replacement of the first french label */
span#label1_fr{
	visibility: hidden;
	position: relative;
}

span#label1_fr:after{
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(220px);
    content: "Identifiant";
}

/* Replacement of the second french label */
span#label2_fr{
	visibility: hidden;
	position: relative;
}

span#label2_fr:after{
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(220px);
    content: "Date de naissance";
}

/* Move the second placeholder */
input#birthdate{
	position: relative;
	transform: translateX(220px);
	font-style:italic;
}

/* Move the first placeholder */
input#id{
	position: relative;
	transform: translateX(220px);
	font-style:italic;
}

/* Move the first placeholder */
input#fr{
	position: relative;
	transform: translateX(220px);
}

/* Move the first placeholder */
button#fr.button{
	position: relative;
	transform: translateX(220px);
}

.access a#first-time {
	visibility: hidden;

}


.login ::placeholder,
.exam ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #27272c;
  opacity: 1; /* Firefox */
}

/* Replacement of the small french description */

div#fr.smalldesc{
	visibility: hidden;
	position: relative;
}

div#fr.smalldesc:after{
	visibility: visible;
	position: absolute;
	padding-left: 100px;
	left: 0;
	content: "Vous avez les codes pour accéder à un examen ?"
}