@charset "utf-8";

@import url(../CssPage/ESConnexionEspacePerso.css);

/* CSS Document */
#DepotCV1 label{width: 150px;}
	
	    

#DepotCV1 .Info{    font-size: 12px;
    color: #E20A16;
    height: 26px;
    line-height: 26px;
    float: left;
    margin-left: 10px;
    font-weight: bold;}
#DepotCV1 input{width:290px;}
#DepotCV1 .DepotDeCV input[type="file"]{border: 0px;text-indent: 0px; }
#DepotCV1 .DepotDeCV input[type="submit"]{margin-left:120px; margin-top:10px;}

#DepotCV1 .DepotDeCV input[type="checkbox"]{width: 25px;
    height: 25px;
    margin: 0;
    margin-top: -6px;
    margin-right: 10px;
}

	
#DepotCV1 .DepotDeCV{
	float:left;
	width:500px;
	background-color:#f9f9f9;
	background: linear-gradient(#f9f9f9 0%, #eeeded 80%, #e9e9e9 100%);
	border:1px solid #999;
	border-radius:5px;
	box-shadow:1px 1px 8px #e1e0e0;
	padding:10px 20px 10px 20px;
	margin-right:34px;
	margin-bottom:34px;
	margin-top:30px
}
#DepotCV1 #ImgDepotCV{
	float:left;
	width:148px;
	height:222px;
		border:1px solid #999;
	border-radius:5px;
	box-shadow:1px 1px 8px #e1e0e0;
	overflow:hidden;
	margin-top:30px;
	margin-right:34px;
	background-image:url('../ImgCkFinder/images/Rflex/56385765_22.jpg');
	

	
}
/* #CEP form{margin-left:183px;} */
#DepotCV1 .DepotDeCV h2{ margin-top:0px;}


.BoiteProgress {
    height: 5px;
    width: 100%;
    background-color: #FFF;
    margin: 0px auto 0;
    /* box-shadow: 0px 0px 2px #000; */
    border-radius: 0px;
    border: 1px solid #999;
}

#Progress{  width: 0%;  height: 5px;  background-color: #74D235; transition:0.2s}

#DepotCV1 input[type="password"]{transition:0.5s}
#DepotCV1 input.Verification[type="password"]{width:130px;}


#DPasse, #DVPasse {
	float: left;
    border-radius: 3px;
	border: 0px solid #999;
    background-color: #FFF;
	width: 0px;
    height: 24px;
    margin-left: 0px;
	margin-right: -100px;
	line-height:24px;
	text-align:center;
	color:#666;
	transition:all 0.5s;
	overflow:hidden;
}
.DPasse{transition:all 0.5s;border: 1px solid #999;background-color:transparent; color:transparent;}
	
#DPasse.DPasse.Faible, #DVPasse.DPasse.Faible{background-color:#E29510; color:#fff;width: 148px;margin-left: 10px;border: 1px solid #999;}
#DPasse.DPasse.Moyen, #DVPasse.DPasse.Moyen{background-color:#989898;color:#fff;width: 148px;margin-left: 10px;border: 1px solid #999;}
#DPasse.DPasse.Fort, #DVPasse.DPasse.Fort{background-color:#83C542;color:#fff;width: 148px;margin-left: 10px;border: 1px solid #999;}
#DPasse.DPasse.Erreur, #DVPasse.DPasse.Erreur{background-color:#C10E18;color:#fff;width: 148px;margin-left: 10px;border: 1px solid #999;}


p#Condition{    margin: 20px 0px;
    line-height: 18px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    font-weight: bold;}
p#ConditionDescription{
	font-size: 11px;
    color: #000;
	
}
#DepotCV1 .DepotDeCV #BoiteConfirmation h2 {
    margin: 10px 0 20px;
}


#DepotDeCV  .Btn.Rouge{
    display: block;
    margin-left: 108px;
    margin-top: 10px;
    width: 240px;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}

#MessageErreur p {
	text-align: center;
    font-weight: bold;
   
    line-height: 20px;
	margin:0;
}

.GroupeInfo{
	margin-top:50px;
	
}
.GroupeInfo h3{
	margin-bottom:20px;
	
}

#DepotCV1 input[type="file"] {
	border:1px solid transparent;
	
}

#DepotCV1 input[type="checkbox"] {
    width: 30px;
}


.Drop {
	display:none;
    float: left;
    width: 765px;
    height: auto;
    border: 1px dashed #999;
    margin: 15px 0px 20px -20px;
    line-height: 25px;
    text-align: center;
    font-weight: normal;
    color: #999;
    font-size: 15px;
    padding: 10px;
    background-color: #EAEAEA;

}	
.DropProgress{
	  width: 787px;
    margin-left: -20px;
    height: 3px;
    margin-top: 10px;
    padding: 0;
    position: absolute;
    border-bottom: 0px;
    opacity: 1;
    border-radius: 0px;
    background-color: rgba(0, 0, 0, 0);
}


#DepotCV1 #SubmitLogin{

       margin-top: 0px;
    width: 292px;
    margin-left: 150px;
}

#DepotCV1 #FormDepotCV #SubmitLogin{
	 margin-top: 30px;
    width: 292px;
    margin-left: 240px;
	
}
a#BtnMotDePassePerdu, a#BtnConnexion {
  
    font-size: 15px;
    margin-right: 10px;
}

#DepotCV1 input[type="file"]{
	
	height: 26px;
    margin: 0px;
    padding: 0px;
    opacity: 1;
    text-indent: 0px;
    text-align: left;
	
   
}

#DepotCV1  input[type="file"]::-webkit-file-upload-button{
	height: 26px;
	line-height:26px;
	color:#666;
    border: 0px;
    margin: 0px;
    padding: 0px;
    opacity: 1;
   
    text-indent: 5px;
    text-align: left;
    width: 100%;
	text-align:center;
	background-image: -webkit-linear-gradient(#f7f7f7 0%, #eee 100%);
	border:1px solid #ccc;
	border-radius: 2px;
	overflow:hidden;
	cursor:pointer;
	
}
#DepotCV1  input[type="file"]::-webkit-file-upload-button:hover{
	box-shadow:0px 0px 2px #ccc;	
}


#BoiteConnexion label, #BoiteMotDePassePerdu label {
    width: 150px;
    margin-left: 140px;
}

a#BtnMotDePassePerdu {
        float: left;
    font-size: 13px;
    font-style: italic;
    margin-left: 15px;
    line-height: 26px;
    display: block;
    font-size: 13px;
    font-style: italic;
    color: #e62016;
    color: #C08C1B;
}
 #MessageErreur { 
	    border: 0px;
    background-color: rgba(0, 0, 0, 0);
    border: 0px;
    background-color: #f9f9f9;
    margin: -20px -20px 30px;
    font-weight: bold;
    padding: 15px 10px;
    border-bottom: 1px solid #D2D2D2;

}

a#BtnMotDePassePerdu, a#BtnConnexion, a#BtnRetourConnexion, a#BtnCreerCompte, a#BtnCompteExistant {
    float: right;
    font-size: 13px;
    font-style: italic;
    margin-right: 10px;
    line-height: 26px;
    margin-top: 20px;
}




#Message {
	line-height: 20px;
    border: 0px;
    background-color: rgba(0, 0, 0, 0);
    border: 0px;
    background-color: #f9f9f9;
        margin: -20px -20px 30px;

    font-weight: bold;
    padding: 15px 10px;
    border-bottom: 1px solid #D2D2D2;
	text-align: center;
}