@CHARSET "utf-8";

body{
/* 		background-color: #E1DCDC; */
	background-color: #F2F0F0;
	font-family : Trebuchet MS, monospace
}

a:link, a:visited {
	color: black;
    text-decoration: none;
}

a:hover, a:active {
	color: black;
    text-decoration: underline;
}


div#entete{
	margin-left: auto;
	margin-right: auto;
	width:1100px;
	text-align: right;
	height:110px;
	line-height:110px;
	vertical-align: middle;
	font-size : 30px;
	font-weight : bold;
	font-variant: small-caps; 
}


div#entete img{
	float:left;	
	margin-top: 20px;
	
}

div#mention{
	margin-left: auto;
	margin-right: auto;
	width:1200px;
	text-align: left;
}

div#blocImages{
	margin-left: auto;
	margin-right: auto;
	width:1100px;
	text-align: center;
}


div#blocBoutons{
	margin-left: auto;
	margin-right: auto;
	width:1100px;
	height: 150px;
}

div#boutonGauche{
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	width:400px;
	text-align: center;
	float:left;
}
div#boutonDroit{
	float:right;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	width:400px;
	text-align: center;
}

div#boutonCentre{
	float:inherit;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	width:400px;
	text-align: center;
}

div#pied{
	margin-left: auto;
	margin-right: auto;
	width:1200px;
	line-height:150px;
	vertical-align:middle;
	text-align: center;
	height:150px;
}

div#pied img{
	float:right;	
}

div#pageContact {
	margin-left: auto;
	margin-right: auto;
	width:1200px;
	height: 610px;
}

div#form {
	float: left;
	width:600px;
	height: auto;
}

div#form input{
	width: 600px;
	height:40px;
    display: block;
    margin-bottom: 10px;
    background-color: #FFFFFF;
}

div#contact {
	float: right;
    display: block;
	width:550px;
	height: auto;
}

div#form textarea{
	width: 600px;
	height:200px;
    display: block;
    margin-bottom: 10px;
    background-color: #FFFFFF;
}


@media screen and (max-width: 1100px)
{
	body{
 		background-color: #F2F0F0;
		font-family : Trebuchet MS, monospace
	}
	
	div#entete{
		margin-left: auto;
		margin-right: auto;
		width:100%;
		text-align: right;
		height:auto;
		line-height:auto;
		vertical-align: middle;
		font-size : 20px;
		font-weight : bold;
		font-variant: small-caps; 
	}
	
	
	div#entete img{
		float:left;	
		
	}

    div#mention{
		margin-left: auto;
		margin-right: auto;
		width:100%;
		text-align: left;
	}
	
	div#blocImages{
		width:100%;
		text-align: center;
	}
	
	div#blocImages img{
		width: 100%;
    	height: auto;
	}
	
	
	div#blocBoutons{
		margin-left: auto;
		margin-right: auto;
		width:100%;
		height: auto;
	}
	
	div#boutonGauche{
		float:left;	
		margin-left: auto;
		margin-right: auto;
		width:50%;
		text-align: center;
	}
	div#boutonDroit{
		float:right;	
		margin-left: auto;
		margin-right: auto;
		width:50%;
		text-align: center;
	}
	
	div#pied{
		margin-left: auto;
		margin-right: auto;
		width:100%;
		line-height:auto;
		vertical-align:middle;
		text-align: center;
		height:auto;
	}
	
	div#pied img{
		float:right;	
	}
	
	div#form {
		margin-left: auto;
		margin-right: auto;
		width:100%;
	}
	
	div#form input{
		width: 50%;
		height:auto;
	    display: block;
	    margin-bottom: 10px;
	    background-color: #FFFFFF;
	}
	
	div#form textarea{
		width: 50%;
		height:auto;
	    display: block;
	    margin-bottom: 10px;
	    background-color: #FFFFFF;
	}
			
}