/* par défaut pour tous les écrans */
body{
    background: #FFFFFF;
	font: 0.7em "Trebuchet MS", helvetica, sans-serif ;
}
#connexion{
    width:400px;
    margin:0 auto;
    margin-top:0;
}
/* Bordered form */
#connexion form {
    width:100%;
    padding: 30px;
    border: 1px solid #f1f1f1;
    background: #404040;
	color: #FFFFFF;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

#connexion label{
	color: #FFFFFF;
	font: 1.7em "Trebuchet MS", helvetica, sans-serif ;
}

#connexion h1{
    width: 80%;
    margin: 0 auto;
    padding-bottom: 10px;
	color: #FF0000; 
	text-align: center;
}

#connexion h2{
    width: 80%;
    margin: 0 auto;
    padding-bottom: 10px;
	color: #fe0a2c; 
	text-align: center;
	background-image: url(../img/galon4.png);
    background-repeat:no-repeat;
    background-position: right top;
}


#connexion img{
    border: 0px;
	text-align: center;
	width: 400px;
}

#bandeau_haut {
	width:100%;
    padding: 0px;
	margin: 0px;
    border: 2px solid #FF0000;
    background: #00ceb6;
	height:50px;
}

#logo {
	width:20%;
    padding: 0px;
	margin: 10px;
    border: 2px solid #FF0000;
    background: #00FF00;
	height:30px;
}


#home {
	width:100%;
    padding: 0px;
    border: 1px solid #00FF00;
	height: 200px;
    background: #ff9f22;
}

#menu h1 {
	
}

#menu h2 {
	
}

/* Full-width inputs */
#connexion input[type=text], input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

/* Set a style for all buttons */
#connexion input[type=submit] {
    background-color: #fe0a2c;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}
#connexion input[type=submit]:hover {
    background-color: white;
    color: #fe0a2c;
    border: 0px solid #fe0a2c;
}

/* Nouvelles règles si la fenêtre fait au plus 1024px de large */
@media screen and (max-width: 1024px)
{
	body {	
		font: 1.8em "Trebuchet MS", helvetica, sans-serif ;
	}
	
	#connexion{
		width:90%;
		margin:0 auto;
		margin-top:4%;
		font: 1.8em "Trebuchet MS", helvetica, sans-serif ;
	}
	/* Bordered form */
	#connexion form {
		width:90%;
		
	}
	
	#connexion label{
	font: 1.0em "Trebuchet MS", helvetica, sans-serif ;
	}
	
	#connexion input[type=text], input[type=password] {
		font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	}
	
	#connexion input[type=submit] {
		font: 1em "Trebuchet MS", helvetica, sans-serif ;
	}
	
	#connexion h1{
		width: 100%;
		margin: 0 auto;
		padding-bottom: 10px;
		color: #FF0000; 
		text-align: center;
	}

	#connexion img{
		border: 0px;
		text-align: center;
		width: 100%;
	}

	
}