@font-face {
	font-family: "Montserrat-Regular";
src: url("../fonts/montserrat/Montserrat-Regular.ttf"); }
@font-face {
	font-family: "Montserrat-Medium";
src: url("../fonts/montserrat/Montserrat-Medium.ttf"); }
@font-face {
	font-family: "ElMessiri-SemiBold.ttf";
src: url("../fonts/el_messiri/ElMessiri-SemiBold.ttf"); }
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
box-sizing: border-box; }

body {
	font-family: "Montserrat-Regular";
	font-size: 15px;
	color: #666;
margin: 0; }

p, h1, h2, h3, h4, h5, h6, ul {
margin: 0; }

img {
max-width: 100%; }

ul {
	padding-left: 0;
margin-bottom: 0; }

a {
text-decoration: none; }
a:hover {
text-decoration: none; }

input, textarea, select, button {
	font-family: "Montserrat-Regular";
	font-size: 15px;
color: #666; }

textarea {
resize: none; }

:focus {
outline: none; }
.logo-img{height:96px !important; margin:0 auto; text-align:center; display:block;}
.wrapper {
	min-height: 100vh;
	display: flex;
	align-items: center;
	background: url("../images/bg-registration.jpg") no-repeat center center;
background-size: cover; }

.inner {
	min-width: 980px;
	transform: translateX(47px);
	margin: auto;
	display: flex;
	background: #fff;
	border-radius: 20px;
	padding-top: 35px;
	padding-bottom: 35px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); }

.image-holder img {
	border-radius: 15px;
transform: translateX(-94px); }

form {
	/* padding-top: 42px;*/
	min-width: 900px;
transform: translateX(40px); }

h3 {
	font-size: 25px;
	text-align: center;
	margin: 21px 0px;
	color: #333;
	text-transform: uppercase;
font-family: "ElMessiri-SemiBold.ttf"; }
h1 {
	font-size: 55px;
	text-align: center;
	margin: 21px 0px;
	text-transform: uppercase;
font-family: "ElMessiri-SemiBold.ttf"; color: #F47A19;	 text-shadow: 2px 2px #ddd;}


.form-control {
	height: 47px;
	display: block;
	border: 1px solid #e6e6e6;
	background: none;
	border-radius: 5px;
padding: 0 19px; }
.form-control:focus {
border: 1px solid #f4d5cc; }
.form-control::-webkit-input-placeholder {
color: #999; }
.form-control::-moz-placeholder {
color: #999; }
.form-control:-ms-input-placeholder {
color: #999; }
.form-control:-moz-placeholder {
color: #999; }

select.form-control {
	-moz-appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
color: #999; }
select.form-control option[value=""][disabled] {
display: none; }

textarea.form-control {
	width: 100%;
	padding-top: 13px;
padding-bottom: 13px; }

.form-row {
	display: flex;
margin-bottom: 20px; }
.form-row .form-control {
width: 50%; }
	.form-row .form-control100 {
						width: 100%; }
.form-row .m-r-20 {
margin-right: 20px; }
.form-row .form-holder {
width: 50%; }
.form-row .form-holder .form-control {
width: 100%; }

.form-holder {
position: relative;}
.form-row .form-holder:first-child {
	margin-right: 20px;
}
.form-holder i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
right: 20px; }

button {
	height: 47px;
	width: 174px;
	display: flex;
	border: none;
	color: #fff;
	align-items: center;
	justify-content: center;
	margin: auto;
	margin-top: 30px;
	cursor: pointer;
	font-family: "Montserrat-Medium";
	text-transform: uppercase;
	background: #F47216;
	border-radius: 5px;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	overflow: hidden;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: color, background-color;
transition-property: color, background-color; }
button i {
    margin-left: 8px;
    -webkit-transform: translateZ(0);
transform: translateZ(0); }
button:hover {
    -webkit-animation-name: hvr-back-pulse;
    animation-name: hvr-back-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-color: #353333;
color: white; }
button:hover i {
	-webkit-animation-name: hvr-icon-buzz-out;
	animation-name: hvr-icon-buzz-out;
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite; }

@-webkit-keyframes hvr-back-pulse {
	50% {
	background-color: rgba(32, 152, 209, 0.75); } }
	@keyframes hvr-back-pulse {
		50% {
		background-color: rgba(32, 152, 209, 0.75); } }
		@-webkit-keyframes hvr-icon-buzz-out {
			10% {
				-webkit-transform: translateX(3px) rotate(2deg);
			transform: translateX(3px) rotate(2deg); }
			20% {
				-webkit-transform: translateX(-3px) rotate(-2deg);
			transform: translateX(-3px) rotate(-2deg); }
			30% {
				-webkit-transform: translateX(3px) rotate(2deg);
			transform: translateX(3px) rotate(2deg); }
			40% {
				-webkit-transform: translateX(-3px) rotate(-2deg);
			transform: translateX(-3px) rotate(-2deg); }
			50% {
				-webkit-transform: translateX(2px) rotate(1deg);
			transform: translateX(2px) rotate(1deg); }
			60% {
				-webkit-transform: translateX(-2px) rotate(-1deg);
			transform: translateX(-2px) rotate(-1deg); }
			70% {
				-webkit-transform: translateX(2px) rotate(1deg);
			transform: translateX(2px) rotate(1deg); }
			80% {
				-webkit-transform: translateX(-2px) rotate(-1deg);
			transform: translateX(-2px) rotate(-1deg); }
			90% {
				-webkit-transform: translateX(1px) rotate(0);
			transform: translateX(1px) rotate(0); }
			100% {
				-webkit-transform: translateX(-1px) rotate(0);
			transform: translateX(-1px) rotate(0); } }
			@keyframes hvr-icon-buzz-out {
				10% {
					-webkit-transform: translateX(3px) rotate(2deg);
				transform: translateX(3px) rotate(2deg); }
				20% {
					-webkit-transform: translateX(-3px) rotate(-2deg);
				transform: translateX(-3px) rotate(-2deg); }
				30% {
					-webkit-transform: translateX(3px) rotate(2deg);
				transform: translateX(3px) rotate(2deg); }
				40% {
					-webkit-transform: translateX(-3px) rotate(-2deg);
				transform: translateX(-3px) rotate(-2deg); }
				50% {
					-webkit-transform: translateX(2px) rotate(1deg);
				transform: translateX(2px) rotate(1deg); }
				60% {
					-webkit-transform: translateX(-2px) rotate(-1deg);
				transform: translateX(-2px) rotate(-1deg); }
				70% {
					-webkit-transform: translateX(2px) rotate(1deg);
				transform: translateX(2px) rotate(1deg); }
				80% {
					-webkit-transform: translateX(-2px) rotate(-1deg);
				transform: translateX(-2px) rotate(-1deg); }
				90% {
					-webkit-transform: translateX(1px) rotate(0);
				transform: translateX(1px) rotate(0); }
				100% {
					-webkit-transform: translateX(-1px) rotate(0);
				transform: translateX(-1px) rotate(0); }
				}
				@media (max-width: 991px) {
					.inner {
						min-width: auto;
					max-width: 660px; }
					
					form {
					padding-top: 0; } }
					@media (max-width: 767px) {
						.inner {
							display: block;
							transform: translateX(0);
							border-radius: 0;
						box-shadow: none; }
						
						.image-holder img {
							transform: translateX(0);
						border-radius: 0; }
						
						form {
							transform: translateX(0);
						padding-top: 40px; }
						
						.form-row {
						display: block; }
						.form-row .form-control, .form-row .form-holder {
						width: 100%; }
						
						.form-control {
						margin-bottom: 20px; }
						
						.wrapper {
						background: none; }
					}
					
					
					/*----------------------------------*/
					.alert {
						padding: 16px;
						max-width: 90%;
					}
					
					.alert-2-secondary {
						border-left: 4px solid #F47216;
						background-color: rgba(102, 102, 102, 0.05);
					}
					.alert-2-secondary .alert-title {
						color: #666666;
					}
					/*--------------------------------------*/
					#type_formation_input {display: none;}
					#domaine_formation_input {display: none;}
					#enseignement_sup_input {display: none;}
					/******************************/
.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before {
  content: 'Select some files';
  display: inline-block;
  background: linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
}
.custom-file-input:hover::before {
  border-color: black;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}
/*************************************/
#loader-icon {
    width: 500px;
    height: 500px;
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#lastid{  display: none;}
#candidats{width: 90% !important;
	margin: 40px auto;font-size: 13px!important;}

#merci{      width: 50%;
    margin: 0 auto; text-align:center;}

.chart_container{max-width: 800px;
	margin: 40px auto;}
#top {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 23px;
}
#top_menu{
display: block;
margin: 0 auto;text-align:center;
}


		#errors{
			border: 1px solid;
			margin: 30px auto;
			padding: 25px 10px 15px 50px;
			background-repeat: no-repeat;
			background-position: 10px center;
			color: #D8000C;
			background-color: #FFBABA;
			background-image: url('GnyDvKN.png');
		}