body
{
    display: flex;
    flex-direction: column;
}


#lienmail
{
	background: red;
	text-decoration: none;
}

#inscription
{
	position: relative;
	width: 75%;
	margin: auto;
	top: 120px;
	text-align: center;
	box-shadow: 1px 1px 10px lightgrey;
	height: 450px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#fininscription
{
	position: relative;
	width: 75%;
	margin: auto;
	top: 120px;
	text-align: center;
	box-shadow: 1px 1px 10px lightgrey;
	height: 400px;
}

#formfininscription
{
	position: relative;
	width: 75%;
	margin: auto;
	top: 120px;
	text-align: center;
	box-shadow: 1px 1px 10px lightgrey;
	display: flex;
	justify-content: center;
	align-items: center;
}

#h4creation
{
	position: relative;
	margin: auto;
	background: black;
	color: white;
	height: 30px;
	line-height: 30px;
	width: 98%;
	top:90px;
	font-size: 14px;
	text-align: center;
}

#messagepara
{
	position: relative;
	margin: auto;
	background: white;
	color: black;
	height: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
}



#firstconfirmmodifmaildiv,
#secndconfirmmodifmaildiv
{
	position: relative;
	width:60%;
	margin: auto;
	padding-top: 50px;
	top: 90px;
	text-align: center;
	box-shadow: 1px 1px 10px lightgrey;
	height: 170px;
}

#secndconfirmmodifmdpmaildiv
{
	position: relative;
	width:60%;
	margin: auto;
	padding-top: 50px;
	top: 90px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	box-shadow: 1px 1px 10px lightgrey;
	height: 170px;
}

#inscriptioninput
{
	position: relative;
	width: 100%;
	margin: auto;
}

#fininscriptioninput
{
	position: relative;
	width: 100%;
	margin: auto;
}


#mail,
#mail2,
#MDP,
#MDP2,
#nom,
#prenom,
#adresse
{
	position: relative;
	width: 80%;
	height: 40px;
	font-size: 14px;
	border: 0.5px solid lightgrey;
}



#inscriptioninput input
{
	position: relative;
	padding-left: 10px;
	width: 40%;
}

#fininscriptioninput input
{
	position: relative;
	padding-left: 10px;
	width: 40%;
}

#codepostal
{
	position: relative;
	width: 27%;
	height: 40px;
	font-size: 14px;
	border: 0.1px solid lightgrey;
	right: 2px;
	-webkit-appearance: none;
    -moz-appearance: textfield;
    -o-appearance: none;
    appearance: none;
}

#codepostal:hover
{
	-webkit-appearance: none;
    -moz-appearance: textfield;
    -o-appearance: none;
    appearance: none;

}

#codepostal::-webkit-inner-spin-button,
#codepostal::-webkit-outer-spin-button
{ 
	-webkit-appearance: none;
	margin:0;
}

#codepostal::-o-inner-spin-button,
#codepostal::-o-outer-spin-button { 
	-o-appearance: none;
	margin:0
}

#ville
{	
	width: 50%;
	height: 40px;
	font-size: 14px;
	border: 0.1px solid lightgrey;
}


#divforminscription
{
	box-shadow: 1px 1px 10px lightgrey;
	width: 40%;
	margin: auto;
}

#findivforminscription
{
	box-shadow: 1px 1px 10px lightgrey;
	width: 40%;
	margin: auto;
}


#forminscription
{
	background: white;
	height: 40px;
	font-size: 16px;
	font-style: bold;
	border: none;
	cursor: pointer;
	color: black;
}

#forminscription:hover
{
	font-size: 16px;
}

#fininscription
{
	box-shadow: 1px 1px 10px lightgrey;
}

#pfininspription
{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	height: 400px;
	align-content: center;
}
#pfininspription a
{
	color: black;
	font-size: 16px;
	font-weight: bold;
}

@media screen and (min-width: 0px) and (max-width: 600px)
{

#fininscriptioninput input
{
	width: 90%;
}

#formfininscription
{
	width: 98%;
	top: 90px;	
}

}

@media screen and (min-width: 601px) and (max-width: 1000px)
{

#formfininscription
{
	width: 98%;
	top: 90px;	
}

#fininscriptioninput input
{
	width: 70%;
}

#h4creation
{
	position: relative;
	width: 100%;
	top: 60px;
}

}

@media screen and (min-width: 0px) and (max-width: 767px)
{

#firstconfirmmodifmaildiv,
#secndconfirmmodifmaildiv
{
	position: relative;
	width:95%;
	margin: auto;
	padding-top: 50px;
	top: 90px;
	text-align: center;
	box-shadow: 1px 1px 10px lightgrey;
	height: 170px;
}

#fininscription,
#inscription
{
	position: relative;
	width: 98%;
	margin: auto;
	top: 90px;
	text-align: center;
	box-shadow: 1px 1px 10px lightgrey;
}

#inscriptioninput
{
	position: relative;
	width: 98%;
	margin: auto;
	font-size: 12px;
}

#inscriptioninput input
{
	width: 80%;
}

#h4creation
{
	position: relative;
	width: 100%;
	top: 60px;
}

#divforminscription
{
	width: 70%;
}

#findivforminscription
{
	width: 70%;
}

#forminscription
{
	font-size: 12px;
}

#pfininspription
{
	font-size: 12px;
}

#pfininspription a
{
	font-size: 12px;
}

#formfininscription
{
	width: 98%;
	top: 90px;	
}

}