/*NAV voir HEADER.css*/

						/* BODY INSCRIPTION */
body{
	margin-top: 11vh;
}

						/*  RESPONSIVE */
@media screen and (min-width: 210px) and (max-width: 420px){
	.bg-input{
		min-width: 200px;
	}
	.bg-input-mail{
		min-width: 200px;
	}
	body{
		min-width: 200px;
	}
}
@media screen and (min-width: 420px) and (max-width: 520px){
	.bg-input{
		min-width: 200px;
	}
	.bg-input-mail{
		min-width: 200px;
	}
	body{
		min-width: 200px;
	}
}
@media screen and (min-width: 520px){
	body{
		min-width: 350px;
	}
	.bg-input-mail{
		min-width: 350px;
	}
	.bg-input{
		min-width: 350px;
	}
	
}

					/*FORMULAIRE*/
.text-content{
	margin-top: 5vh;
	margin-left: 4vw;
}

.input-text{
	color: black;
	padding-left: 1vw;
}

.bg-input{
	height: 7vh;
	/*width: 26.041666666666668vw;*/
	width: 24.5vw;
	border-radius: 5px;
	border:none;
	background-color: white;
	margin-bottom: 5vh;
	transition: 0.5s;
	margin-top: 2vh;
	margin-bottom: 2vh;
}
.bg-input-mail{
	height: 7vh;
	/*width: 26.041666666666668vw;*/
	width: 24.5vw;
	border-radius: 5px;
	border:none;
	background-color: lightgrey;
	margin-bottom: 5vh;
	transition: 0.5s;
	margin-top: 2vh;
	margin-bottom: 2vh;
}
input::placeholder{
	color: grey;
}
			
			/*CONTINUER AVEC ...*/


.OU{
	width: 400px;
	height: 1px;
	background-color: lightgrey;
	align-items: center;
	display: flex;
	justify-content: center;
	margin: 5vh 0vw;
}
.span-ou{
	padding: 0rem 1rem ;
	background-color: white;
}
.both{
	clear: both;
}


					/*CONNECT WITH...*/

						
					/*CONNECT WITH - LINK*/

	/*GOOGLE*/
.google{
	border: 1px solid grey;
	border-radius: 3px;
	margin-bottom: 3vh;
	padding-left: 20px;
	width: 400px;
	height: 50px;
	border-bottom: 3.5px solid grey;
	transition: 0.5s;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2vh;
}
.link-google{
	color: black;
	text-decoration: none;
}
.link-google:hover{
	text-decoration: none;
	color: black;
}
.img-google{
	float: left;
	padding-top: 11px;
}
.text-google{
	padding-top: 15px;
	padding-left: 70px;
}


	/*MICROSOFT*/
.microsoft{
	border: 1px solid grey;
	border-radius: 3px;
	margin-bottom: 3vh;
	padding-left: 20px;
	width: 400px;
	height: 50px;
	border-bottom: 3.5px solid grey;
	transition: 0.5s;
	margin-left: auto;
	margin-right: auto;	
}
.link-microsoft{
	color: black;
	text-decoration: none;
}
.link-microsoft:hover{
	text-decoration: none;
	color: black;
}
.img-microsoft{
	float: left;
	padding-top: 11px;
}
.text-microsoft{
	padding-top: 15px;
	padding-left: 70px;
}


	/*APPLE*/
.apple{
	border: 1px solid grey;
	border-bottom: 3.5px solid grey;
	border-radius: 3px;
	margin-bottom: 3vh;
	padding:1.5vh 0vw 1.5vh 2vw;
	width: 400px;
	transition: 0.5s;
	margin-left: auto;
	margin-right: auto;
}
.link-apple{
	color: black;
}
.link-apple:hover{
	text-decoration: none;
	color: black;
}
.img-apple{
	float: left;
	margin-right: 0.5rem;	
}


	/*FACEBOOK*/
.facebook{
	border: 1px solid grey;
	border-radius: 3px;
	margin-bottom: 3vh;
	padding:1.5vh 0vw 1.5vh 2vw;
	width: 400px;
	border-bottom: 3.5px solid grey;
	transition: 0.5s;
	margin-left: auto;
	margin-right: auto;
}
.link-facebook{
	color: black;
}
.link-facebook:hover{
	text-decoration: none;
	color: black;
}
.img-facebook{
	float: left;
	margin-right: 0.5rem;
}



		/* TELEPHPNE PAYS */
/*.intl-tel-input {
  display: table-cell;
}
.intl-tel-input .selected-flag {
  z-index: 4;
}
.intl-tel-input .country-list {
  z-index: 5;
}
.input-group .intl-tel-input .form-control {
  border-top-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 0;
}*/