#mon_compte{
    width:76%;
    float:left;
}

#moncompte_conexion #mon_compte{
	    width:100%;
	    float:left;
	}


#moncompte_conexion,
#confim_moncompte,
#form_mdp,
.form_creation_utilisateur{
    border:none;
    margin:2em 0;
}

fieldset{ border:none; }

#moncompte_conexion legend,
.form_creation_utilisateur legend{
	font-size:18px;
	font-family: 'wf_SegoeUISemibold';
	color:#7b7b7b;
	border-bottom:1px solid #e4ddcb;
	display:block;
	width: 100%;
	padding: 0 0 0.3em 0;
	margin: 0.5em 0 1.5em 0;
}

.form_creation_utilisateur legend.user_bg{
    margin: 2em 0;
    background:url("../images/learnerSpace/user-icon.svg") no-repeat 0 0em;
    padding-left:2em;
    background-size:26px 26px;
}

.form_creation_utilisateur legend .icon-vueliste{
	font-size:28px;
}

#moncompte_conexion legend{
	background: url(../images/learnerSpace/user-icon.svg) no-repeat left 0.3em;
	background-size: 28px 28px;
	padding:0.5em 0 .5em 2em;
    box-sizing: border-box;
}

#moncompte_conexion legend span{
	font-size:30px;
	padding-right:0.1em;
}

.half {
    width: 76%;
    float: left;
    margin-left:4em;
}

.form_creation_utilisateur .half{
    width: 46%;
    float: left;
    margin-left:1em;
}


.form_creation_utilisateur .half input {
	 width: 70%;
}
@media all and (max-width: 980px) and (min-width: 320px) {
	.form_creation_utilisateur .half{
		width: 90%;
		margin-left:1em;
	}

	.form_creation_utilisateur .half input{
	 width: 90%;
	}
}



.half label,
label{
    font-family: 'wf_SegoeUIItalic';
    color: #000;
    color: #40b1d0;
    width: 25%;
    display: inline-block;
    line-height: 16px;
    vertical-align: top;
    margin:0.5em 0.8em 0.5em 0;
    background: url(../images/bullet.svg) no-repeat left 0.3em;
    fill:  #40b1d0;

}

@media all and (max-width: 980px) and (min-width: 320px) {
	.half label, label {
		width:75%;
		display: block;
	}
}

label{
    width: auto;
    margin-right:0.8em;
}

.half input{
    font-size: 16px;
    font-family: 'wf_SegoeUINormal';
    color: #7b7b7b;
    width: 40%;
    display: inline-block;
    border: 1px solid #e4ddcb;
    padding: 0.2em 0.5em;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: #f3f3f3;
    margin:0.5em 0;
    box-sizing: border-box;
    outline:none;
}

.centered input{
    font-size: 16px;
    font-family: 'wf_SegoeUINormal';
    color: #7b7b7b;
    width: 20%;
    display: inline-block;
    border: 1px solid #e4ddcb;
    padding: 0.2em 0.5em;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: #f3f3f3;
    margin:0.5em 0;
    box-sizing: border-box;
    outline:none;
}


.min-lenght {
    font-family: 'wf_SegoeUIItalic';
    color: #000;
}

.half input.nom_utilisateur {
    padding-left:2em;
    background: url(../images/utilisateur.png) no-repeat 0.8em 0.3em  #f3f3f3;
}

.half input[type="password"] {
    padding-left:2em;
    background: url(../images/lock-form.png) no-repeat 0.8em 0.3em  #f3f3f3;
}

.mdpoublie{
    text-align:center;
    font-size: 16px;
    line-height: 22px;
    font-family: 'wf_SegoeUINormal';
}

.mdpoublie a{
    color:#40b1d0;
    display: block;
}

input#mdpoublie {
    margin-right: 5%;
    margin-top:0.5%;
}


.ligne{
    border-bottom:1px solid #e4ddcb;
    clear:both;
    margin: 3em 0;
}

input.mainaction {
    padding: 8px 25px;
    margin: 0 0 1em 1em;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    font-family: "wf_SegoeUIBold";
    text-transform: uppercase;
    font-size: 1.3em;
    text-decoration: none;
    text-align: center;
    width: auto;
    cursor: pointer;
}

#InformationSession {
    width: 20%;
    float: right;
    margin-left: 2em;
    margin-top: 4.3em;
    background: #fafafa;
    margin-right: 1%;
    box-sizing: border-box;
}

#InformationSession h3{
    border-top:2px solid #40b1d0;
    border-bottom:1px solid #40b1d0;
    color:#40b1d0;
    text-align: center;
    margin:0;
    padding:1.5em 0;
    font-size: 22px;
    font-family: 'wf_SegoeUINormal';
}

.iconcand-candidatures{
    padding-right:0.2em;
    font-size:30px;
}

.dureeSession{
    background: url(../images/clock.svg) no-repeat 35% 50%;
    padding: 2em 0.5em 0.5em 2.3em;
    display: block;
    text-align: center;
    text-align: center;
    font-family: "wf_SegoeUILight";
    font-size: 14px;
}

.datesSession{
    display: block;
    text-align: center;
    padding: 1em 1em 1em 2.3em;
    text-align: center;
    font-family: "wf_SegoeUILight";
    font-size: 14px;
    border-bottom: 1px solid #9d9d9d;
}

.datesSession .icon-planning {
    display: inline-block;
    font-size: 30px;
    color: #3ec3be;
}

.message{
    text-align: center;
    font-size: 20px;
    font-family: 'wf_SegoeUINormal';
    margin-bottom: 3em;
}

.message a{
    display: block;
    color:#40b1d0;
}

.message span{
    color:#40b1d0;
}

/* Page confim crétaion du compte */

h3.MainTitle{
    color: #41B3CE;
    border-bottom: 3px solid #40B1D1;
    font-family: "wf_SegoeUINormal";
    font-size: 18px;
    margin-left: 1%;
    margin-right: 1%;
    padding: 0 0 0.3em 0.5em;
}

.centered{
    text-align: center;
    padding: 1em 0;
}

input.basicAction,
.basicAction{
	font-family: "wf_SegoeUIBold";
    font-size: 20px;
    width: auto;
	text-align: center;
    margin:0.8em 1em 0 0.5em;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
	border: 3px solid #2FA0A6;
	color : #36BBC2;
	text-decoration: none;
	background: none;
    padding:10px 25px;
    outline:none;
    transition: all 0.3s ease-in;
    cursor: pointer;
}

input.basicAction:hover,
.basicAction:hover{
	border: 3px solid #1FA0A6;
	color : #fff;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36bac2', endColorstr='#4fd7b5',GradientType=1 );
	transition: all 0.3s ease-in;
}

/* Créer un compte */

.Photo{
	width:20%;
	float:left;
}

.Photo div{
	width: 120px;
    height: 120px;
    overflow:hidden;
    border: 8px solid #f3f3f3;
    -webkit-border-radius: 60%;
    -moz-border-radius: 60%;
    border-radius: 60%;
}

.Photo img{
 	width: auto;
 	height: 180px;
	margin-right: 0.5em;
}

.ChangePhoto input[type="file"]{
	width:45%;
    margin-left: 5%;
    margin-top: 5%;
}

.form_creation_utilisateur .ChangePhoto input[type="file"]{
	margin-top: 0;
	margin-left: 0;
}

@media all and (max-width: 980px) and (min-width: 320px) {
	.form_creation_utilisateur .ChangePhoto input[type="file"]{
	 width: 90%;
	}
}

.ChangePhoto .types{
	font-family: 'wf_SegoeUIItalic';
	color: #40b1d0;
    margin-left: 26%;
    width:45%;
    float: left;
    margin-top: -5%;
}

.form_creation_utilisateur .ChangePhoto .types{
	margin-top: 0;
    margin-left: 28%;
}

@media all and (max-width: 460px) and (min-width: 320px) {
	.ChangePhoto .types{
		width:75%;
		margin-left: 1em;
	}
}
@media all and (max-width: 980px) and (min-width: 320px) {
	.form_creation_utilisateur .ChangePhoto .types{
		margin-top: 0;
	    margin-left: 0;
	}
}

.half select {
    background-image: url(../images/arrow_down.png);
    background-position: 98% center;
    background-repeat: no-repeat;
    font-size: 16px;
    font-family: 'wf_SegoeUINormal';
    color: #7b7b7b;
    width: 100%;
    display: inline-block;
    border: 1px solid #e4ddcb;
    padding: 0.2em 0.5em;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: #f3f3f3;
    outline: none;
}

.form_creation_utilisateur .half select{
 width: 70%;
}

.half textarea {
    font-size: 16px;
    font-family: 'wf_SegoeUINormal';
    color: #7b7b7b;
    display: inline-block;
    border: 1px solid #e4ddcb;
    padding: 0.2em 0.5em;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #f3f3f3;
    width: 38%;
    outline: none;
}

.form_creation_utilisateur .half textarea{
 	width: 65%;
}

@media all and (max-width: 640px) and (min-width: 320px) {
	#confim_moncompte input.basicAction, .basicAction{
		display: block;
        font-size: 17px;
        margin: 0.8em 1em 1.5em 0.5em;
	}
}