@media only screen and (min-width: 821px)  and (max-width: 1200px) {

#i-page {
height			: fit-content;
display			: flex;
flex-direction	: row;
justify-content	: center;
width			: 100%;
}

#i-loginform {
padding-bottom	: 25px;
}
#i-infopart {
display				: flex;
justify-content		: center;
flex-direction		: row;
flex-grow			: 2;
}

#i-loginpart {
width				: 500px;
justify-content		: center;
}

#i-logopartsmall {
display			: none;
}

#i-titre {
display			: none;
}

#i-soustitre {
margin-top		: 1.5rem;
}

#i-info {
margin-top		: 1rem;
}



#i-linkmdpoubli {
margin	 : 10px 0;
}

#i-btnok {
width		: 100%;
text-align	: center;
line-height	: 4.5rem;
height		: 4.5rem;
padding		: 0;
}

#i-blockbtnok {
margin-top	: 10px;
}
}