*{
	margin: 0;
	padding: 0;
}
body{
	
	background-image: url(../image/formfond.jpg);	
	background-size:cover;	
	width:100%;
	height:100%;
	
}

.formul_inscri{
	position:relative;
	top:90px;
}

.inscription{
	width: 800px;
	background-color: rgb(0,0,0,0.7);
	margin:auto;
	color:#FFFFFF;
	padding:10px 0px 10px 0px;
	text-align:center;
	border-radius: 15px 15px 0px 0px;
	
}
.formulaire{
	width: 800px;
	background-color: rgb(0,0,0,0.5);
	margin:auto;
	height:500px;
	
}
form{
	padding:10px;
}


#name{
	position:relative;
	top:20px;
}
#groupe1{
	position:relative;
	top:30px;
	
}
#groupe2{
	position:relative;
	top:40px;
}

#groupe3{
	position:relative;
	top:60px;
}
.name{
	margin-left:25px;
	margin-top:15px;
	width:125px;
	font-size:18px;
	font-weight:700;
	color:white;
}
.firstname{
	position:relative;
	left:200px;
	top:-30px;
	width:250px;
	line-height:30px;
	border-radius:6px;
	padding:0 22px;
	font-size: 16px;
}

.firstlabel{
	position:relative;
	color:#E5E5E5;
	text-transform:capitalize;
	font-size:14px;
	left:203px;
	top:-25px;
}
.lastlabel{
	position:relative;
	color:#E5E5E5;
	text-transform:capitalize;
	font-size:14px;
	left:175px;
	top:-45px;
}
.entreprise{
	position:relative;
	left:200px;
	top:-37px;
	line-height:30px;
	width:480px;
	border-radius:6px;
	padding:0 22px;
	font-size: 16px;
	color:#555;
}
.email{
	position:relative;
	left:200px;
	top:-37px;
	line-height:30px;
	width:480px;
	border-radius:6px;
	padding:0 22px;
	font-size: 16px;
	color:#555;
}
.code{
	position:relative;
	left:200px;
	top:-37px;
	line-height:30px;
	width:95px;
	border-radius:6px;
	padding:0 22px;
	font-size: 16px;
	color:#555;
}
.number{
	position:relative;
	left:200px;
	top:-37px;
	line-height:30px;
	width:255px;
	border-radius:6px;
	padding:0 22px;
	font-size: 16px;
	color:#555;
}
.area-code{
	position:relative;
	color:#E5E5E5;
	text-transform:capitalize;
	font-size:14px;
	left:55px;
	top:-4px;
}
.phone-number{
	position:relative;
	color:#E5E5E5;
	text-transform:capitalize;
	font-size:14px;
	left:-100px;
	top:-2px;
}

.password{
	position:relative;
	left:200px;
	top:-37px;
	width: 200px;
	line-height:30px;
	border-radius:6px;
	padding:0 22px;
	font-size: 20px;
	color:#555;
}
.password1{
	position:relative;
	left:60px;
	top:-36px;
	width: 200px;
	line-height:30px;
	border-radius:6px;
	padding:0 22px;
	font-size: 20px;
	color:#555;
}

.mot-pass{
	position:relative;
	color:#E5E5E5;
	text-transform:capitalize;
	font-size:14px;
	left:-49px;
	top:-10px;
}
.mot-pass1{
	position:relative;
	color:#E5E5E5;
	text-transform:capitalize;
	font-size:14px;
	left:-190px;
	top:-10px;
}

.option{
	position:relative;
	left:200px;
	top:-37px;
	line-height:30px;
	width:532px;
	height:40px;
	border-radius:6px;
	padding:0 22px;
	font-size: 16px;
	color:#555;
	outline:none;
	overflow:hidden;
}
.option option{
	font-size:20px;
}
#chef{
	margin-left:25px;
	color:white;
	font-size:18px;
}
.radio{
	display:inline-block;
	padding-right:70px;
	font-size:25px;
	margin-top:15px;
	margin-left:25px;
	color:white;
}
.radio input{
	width:20px;
	height:20px;
	border-radius:50%;
	cursor:pointer;
	outline:none;
}
button{
	background-color:rgba(13, 192, 236, 0.5);
	position:relative;
	left: 300px;
	top:80px;
	display:block;
	margin:20px 0px 0px 20px;
	text-align:center;
	border-radius:12px;
	border:2px solid #366473;
	padding:14px 80px;
	outline:none;
	color:white;
	cursor:pointer;
	transition:0.25px;
	
}
button:hover{
	background-color:rgba(247, 223, 89, 0.5);
	
}
input {
  background: rgba(255,255,255, .8);
  box-shadow: 4px 4px 60px rgba(0, 0, 0, .2);
  color: black;
  font-weight: 500;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, .2);
  transition: all .3s;
  
}

#alerte{
	width:250px;
	background-color:gold;
	position: relative;
	left: 550px;
	top: -5px;
	border-radius: 4px;
	padding: 10px 15px;
	text-align:center;
}