/* Eléments principaux de la page */

body{
   /* background: url('images/fond_bleu2.png');
    font-family: 'Trebuchet MS', Arial, sans-serif;
    color: #FFFFFF;*/
   background-color:#F0F8FF;
	
}
#bloc_page
{
    width: 30%;
    margin: auto;
}
#sec_connex input
{
	width: 90%;
        margin-left: 5%;
        margin-right: 5%;
}
@media (max-width: 1000px) {
    #bloc_page
    {
        width: 40%;
        margin: auto;   
    }
}

@media (max-width: 800px) {
    #bloc_page
    {
        width: 60%;
        margin: auto;
    }
}

@media (max-width: 400px) {
    #bloc_page
    {
        width: 90%;
        margin: auto;
    }
    
}
/*Style de la page de connexion*/


#titre_principal
{
	text-align: center;
}
#titre_principal img 
{
   margin-bottom: 0px;
   position: relative;

}
#message
{
	/*height: 220px;*/
	border: 1px solid #4E5352;
	background-color: #FFFFFF;
	color: red;
	font-size: 0.8em;
	text-align: center;
	margin-bottom : 10px;
}
#sec_connex
{
	height: 280px;
	border: 5px solid #4E5352;
	background-color: #FFFFFF;
	color: #000000;
	border-radius:20px;
}
#sec_connex form
{
	margin-top: 5px;
	padding: 10px;
	
}

#sec_connex input:hover
{
	background-color: #E1EFED;
}

#sec_connex div
{
	margin-top: 5px;		
}
#sec_connex p
{
	text-align: center;		
}

#foot_connex
{
	margin-top: 50px;
	text-align: center;
	font-size: 0.8em;
}