/* CSS Document */

body {
	font-family: Verdana, sans-serif;
	padding: 0;
	margin: 0;
	font-size: 11px;
	color: #666;
}

/* Page accueil */

div#haut-accueil {
	background-image:url(images/fond-accueil.jpg);
	background-repeat: no-repeat;
	width: 900px;
	height: 433px;
	margin: 0 auto;
	padding: 0;
}

div.edito {
	float: right;
	height: 300px;
	width: 200px;
	text-align : justify;
	padding: 40px 20px 0 30px;
}

div#bas-accueil {
	width: 900px;
	height: 235px;
	margin: 0 auto;
	border-bottom: solid #d1020e 2px; 
	padding: 0;
}

div.logo {
	float: left;
	height: 200px;
	width: 650px;
}

	div#bas-accueil  div.logo p {
		margin-top: 0;
		padding: 0 0 0 40px;
	}

div.actu {
	clear: both;
	float: right;
	width: 230px;
	font-size: 11px;
	padding: 40px 10px 0 10px;
}
	
	div.actu p.titre-actu {
	font-weight: bold;
	}

div.defil {
	clear: both;
	width: 900px;
	font-size: 13px;
}
	


div.menu {
	float: right;
	height: 160px;
	width: 250px;
	background-color: #d1020e;
}

	div.menu p {
	font-size: 11px;
	font-weight: bold;
	margin: 11px;
	margin-left: 0px;
	padding-left: 10px;
	}

div.pied-de-page {
	width: 900px;
	margin: -8px auto 0 auto;
	background-color: #666;
	color: #fff;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}

div.pied-de-page p {
	padding-top: 1px;
	padding-bottom: 1px;
}

div.pied-de-page a {
	padding-top: 1px;
	padding-bottom: 1px;
	color: #fff;
	text-decoration: none;
}

img { border: none; }
img.encadre { border: solid 1px #FFF; }


/* Page interne */

div#haut-page {
	width: 900px;
	height: 205px;
	margin: 0 auto;
	padding: 0;
}

	div#haut-page p.titre {
	color: #d1020e;
	padding: 0 10px 0 10px;
	font-size: 20px;
	font-weight: bold;
	}

	div#haut-page div.logo {
		float: left;
		height: 175px;
		width: 650px;
	}

	div#haut-page  div.logo p {
		padding: 0 0 0 40px;
		margin-top: 0;
	}

	div#haut-page div.sous-menu {
		width: 900px;
		clear: both;
		padding-top: 3px;
	}

		div.sous-menu p {
		font-size: 11px;
		font-weight: bold;
		padding-left: 50px;
		}

div#bas-page {
	width: 900px;
	min-height: 482px;
	margin: 0 auto;
	border-bottom: solid #d1020e 2px; 
}

	div#bas-page div.contenu-milieu {
	background-image:url(images/fond-page-milieu.jpg);
	background-repeat: repeat-y;
	width: 900px;
	}

	div#bas-page div.contenu-haut {
	background-image:url(images/fond-page-haut.jpg);
	background-repeat: no-repeat;
	width: 900px;
	min-height: 424px;
	padding-top: 25px;
	}

		div#bas-page div.contenu-haut p.titre {
		color: #d1020e;
		padding: 0 15px 0 180px;
		font-size: 20px;
		font-weight: bold;
		}

		div#bas-page div.contenu-haut p.intertitre {
		color: #666;
		padding: 0 35px 0 0;
		font-size: 11px;
		font-weight: bold;
		}

		div#bas-page div.contenu-haut div.photos {
		padding: 0 15px 0 60px;
		float: left;
		width: 340px;
		height: auto;
		}

		div#bas-page div.contenu-haut div.photo {
		padding: 3px 0;
		}

		div#bas-page div.contenu-haut div.texte {
		padding: 0 35px 0 0;
		float: right;
		width: 450px;
		color: #666;
		font-size: 11px;
		}

		div.label {
		clear: both;
		margin: 0 auto;
		padding: 0;
		width: 650px;
		}

		div#bas-page div.contenu-haut div.texte-large {
		margin: 0 35px 0 0;
		float: right;
		width: 640px;
		color: #666;
		font-size: 11px;
		}

	div#bas-page div.contenu-bas {
	clear: both;
	background-image:url(images/fond-page-bas.jpg);
	background-repeat: no-repeat;
	width: 900px;
	height: 28px;
	}


/* Liens */
a.courriel { color: #FFFFFF;text-decoration: none;}
a.courriel:hover { color: #FFFFFF;text-decoration: underline;}


a.menu { color: #fff;text-decoration: none;}
a.menu:hover { color: #666;}
a.menu:active { color: #666;}

a.menu-on { color: #666;text-decoration: none;}

a.menu-bas { color: #fff;text-decoration: none;}