@charset "UTF-8";

body {
	margin:0;
	padding:0;
	font-family:Arial,Verdana;
	font-size:42px;
	color:#494948;
	background-color:#a8bdc7;
}

#haut {
	height:350px;
	width:100%;
	background-image:url(hautFond.png);
	background-position:center;
	text-align:center;
}

#haut img {
	margin:25px;
}

#central {
	position:relative;
     width:920px;
     margin-left:-460px;
	left:50%;
}

#bras {
	position:absolute;
	top:400px;
}

.sites {
	width:450px;
	margin:5px;
	float:left;
	text-align:center
}

.txt {
	padding-top:25px;
	font-size:20px;
	font-weight:bold;
}

@media all and (max-width:1100px) {

	#bras {
		display:none;
	}

}

@media all and (max-width:930px) {
	#central {
		margin-left:0;
		left:0;
		width:100%
	}
	.sites {
		width:100%;
		margin:0;
		border-top-style:dotted;
		border-top-width:1px;
		border-top-color:#000000;
	}
	.txt {
		padding:0;
		padding-bottom:10px;
		font-size:16px;
	}
	#bras {
		display:none;
	}
}

@media all and (max-width:520px) {
	body { font-size:24px }
	#haut { height:300px }
}