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


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

    display: flex;
    justify-content: center;
    align-items: center;
}


#resetmdpdiv
{
	 position: relative;
    width: 50%;
    margin: auto;
}

#resetmdpdiv input
{
    position: relative;
    width: 98%;
    height: 40px;
    font-size: 16px;
    padding-left: 10px;
    vertical-align: middle;
}

#valideresetmdp
{
	 border: none;
    background: white;
    cursor: pointer;
    color: black;
    padding: 2px;
}

#divvalideresetmdp
{ 
    box-shadow: 1px 1px 10px lightgrey;
    position: relative;
    margin: auto; 
}

#erreur
{
	position: relative;
	float: left;
	top: 290px;
	left: 36%;
	font-size: 14px;
	color: red;
}


#messagepararesetmdp
{
    position: relative;
    color: black;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
     height: 200px;
}



@media screen and (min-width: 0px) and (max-width: 767px)
{
	#sectionresetmdp
    {    
    top: 90px;
    width: 98%;
    }

	#resetmdpdiv
    {
    position: relative;
    width:80%;
    margin: auto;  
    text-align: center;
    }

    #resetmdpdiv input
    {
        position: relative;
        width: 98%;
        height: 40px;
        font-size: 12px;

    }



    #valideresetmdp
    {
        font-size: 14px;
        font-weight: bold;
    }

}