@import url('//fonts.googleapis.com/css?family=Oswald');
@import url('//fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');

html {
	overflow-y: scroll;
}

html, body {
	/*font-family: 'Oswald', sans-serif;*/
	font-family: 'Open Sans', sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
	height: 100%;
	background-color: #DBDFE0;
	background-image: url(/images/fond.jpg);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	z-index: -1;
}

a, a:hover {
	color: #000;
	text-decoration: none;
}

#container-site {
	
}



.btn-vert {
    color: #fff;
    background-color: #82C91E;
    border-color: #82C91E;
}

.btn-vert:hover {
    color: #fff;
    background-color: #75b21a;
    border-color: #75b21a;
}


.cursor-pointer {
	cursor: pointer;
}

.item_liste_offres{
	cursor: pointer;
}

.item_formulaire{
	font-size: 15px;
	/*font-weight: bold;*/
}



.bg-eval1 {
	background-color: #E73C09;
}

.bg-eval2 {
	background-color: #EF8200;
}

.bg-eval3 {
	background-color: #FECC00;
}

.bg-eval4 {
	background-color: #86BC2B;
}

.bg-eval5 {
	background-color: #00823F;
}






/* CANDIDATURE A UN POSTE */

#etapesprogressbar {
    color: #DBDFE0;
}

#etapesprogressbar .active {
    color: #82C91E;
}

#etapesprogressbar li {
    list-style-type: none;    
    width: 11.1%;
    float: left;
    position: relative;
	text-align: center;
	padding: 0 1rem 0 1rem;
}

#etapesprogressbar li:before {
    width: 50px;
    height: 50px;
    display: block;
    color: #ffffff;
    background: #DBDFE0;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px;
	z-index: 2000;	
}

#etapesprogressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #DBDFE0;
    position: absolute;
    left: 0;
    top: 25px;
	z-index: -1;	
}

#etapesprogressbar li.active:before, #etapesprogressbar li.active:after {
    background: #82C91E;
}


#etapesprogressbar #etape1:before {
	font-size: 2rem;
	line-height: 45px;
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	content: "\f2b9";
	
}

#etapesprogressbar #etape2:before {
	font-size: 2rem;
	line-height: 45px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f19d";
}

#etapesprogressbar #etape3:before {
	font-size: 2rem;
	line-height: 45px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f508";
}

#etapesprogressbar #etape4:before {
	font-size: 2rem;
	line-height: 45px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f7a6";
}

#etapesprogressbar #etape5:before {
	font-size: 2rem;
	line-height: 45px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f552";
}

#etapesprogressbar #etape6:before {
	font-size: 2rem;
	line-height: 45px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f500";
}

#etapesprogressbar #etape7:before {
	font-size: 2rem;
	line-height: 45px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0a3";
}

#etapesprogressbar #etape8:before {
	font-size: 2rem;
	line-height: 45px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f15b";
}

#etapesprogressbar #etape9:before {
	font-size: 2rem;
	line-height: 45px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f00c";
}


/* CANDIDATURE SPONTANÉE */

#etapesCPprogressbar {
    color: #DBDFE0;
}

#etapesCPprogressbar .active {
    color: #82C91E;
}

#etapesCPprogressbar li {
    list-style-type: none;    
    width: 11.1%;
    float: left;
    position: relative;
	text-align: center;
	padding: 0 1rem 0 1rem;
}

#etapesCPprogressbar li:before {
    width: 50px;
    height: 50px;
    display: block;
    color: #ffffff;
    background: #DBDFE0;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px;
	z-index: 2000;	
}

#etapesCPprogressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #DBDFE0;
    position: absolute;
    left: 0;
    top: 25px;
	z-index: -1;	
}

#etapesCPprogressbar li.active:before, #etapesCPprogressbar li.active:after {
    background: #82C91E;
}


#etapesCPprogressbar #etape1:before {
	font-size: 2rem;
	line-height: 45px;
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	content: "\f2b9";
	
}

#etapesCPprogressbar #etape2:before {
	font-size: 2rem;
	line-height: 45px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f19d";
}

#etapesCPprogressbar #etape3:before {
	font-size: 2rem;
	line-height: 45px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f508";
}

#etapesCPprogressbar #etape4:before {
	font-size: 2rem;
	line-height: 45px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f15b";
}

#etapesCPprogressbar #etape5:before {
	font-size: 2rem;
	line-height: 45px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f00c";
}







/* QUESTIONNAIRE BDC */

#etapesQprogressbar {
    color: #DBDFE0;
}

#etapesQprogressbar .active {
    color: #82C91E;
}

#etapesQprogressbar li {
    list-style-type: none;    
    width: 14.28%;
    float: left;
    position: relative;
	text-align: center;
	padding: 0 1rem 0 1rem;
}

#etapesQprogressbar li.active:before, #etapesQprogressbar li.active:after {
    background: #82C91E;
}

#etapesQprogressbar #etape1:before {
	font-size: 2rem;
	line-height: 45px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f552";
	
}

#etapesQprogressbar #etape2:before {
	font-size: 2rem;
	line-height: 45px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f500";
}

#etapesQprogressbar #etape3:before {
	font-size: 2rem;
	line-height: 45px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0a3";
}

#etapesQprogressbar #etape4:before {
	font-size: 2rem;
	line-height: 45px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0ae";
}

#etapesQprogressbar #etape5:before {
	font-size: 2rem;
	line-height: 45px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f542";
}

#etapesQprogressbar #etape6:before {
	font-size: 2rem;
	line-height: 45px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f00c";
}

#etapesQprogressbar #etape7:before {
	font-size: 2rem;
	line-height: 45px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f500";
}

#etapesQprogressbar #etape8:before {
	font-size: 2rem;
	line-height: 45px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f15b";
}

#etapesQprogressbar #etape9:before {
	font-size: 2rem;
	line-height: 45px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f00c";
}

#etapesQprogressbar li:before {
    width: 50px;
    height: 50px;
    display: block;
    color: #ffffff;
    background: #DBDFE0;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px;
	z-index: 2000;	
}

#etapesQprogressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #DBDFE0;
    position: absolute;
    left: 0;
    top: 25px;
	z-index: -1;	
}

/* ENTETE */
#entete {
	z-index:-1;
}

#entete h1 {
	font-size: 2rem;
	line-height: 5rem;
	color: #006692;
}