/*****************/
/**** HEADER ****/
/*****************/

#header {
	width: 680px;
	padding: 10px;
	text-align: left;
	color: #000;
	background-color: transparent;
}

#header-top {
	padding: 5px;
	color: #fff;
}

	#header #header-top a,
	#header #header-top a:active,
	#header #header-top a:visited {
		color: #fff;
		font-weight: bold;
		font-size: 11px;
		letter-spacing: 0px;
		text-decoration: none;
		border-bottom: 0px;
	}
	
	#header #header-top a:hover {
		color: #e5a305;
	}
	
	#header #header-top img {
		padding-right: 2px;
	}
	
	#header #header-top h1 {
		font-size: 100%;
		display: inline;
	}

#header-middle {
	height: 80px;
	border-bottom: 5px solid #444;
}

/**************/
/**** PAGE ****/
/**************/

#page {
	width: 700px;
	background-color: transparent;
	color: #000;
}

#page #contenu {
	width: 560px;
	vertical-align: top;
	text-align: left;
}

	#page #contenu div.box {
		text-align: left;
		margin-bottom: 10px;
		margin-right: 10px;
	}
	
		#page #contenu div.box .box-titre {
			padding: 3px;
			font-weight: bold;
			border-right: 5px solid #444;
			border-bottom: 1px solid #444;
		}
	
		#page #contenu div.box .box-titre img {
			padding-right: 3px;
		}
	
		#page #contenu div.box .box-bas {
			height: 10px;
			min-height: 10px;
			font-size: 1px;
			background-image: url(../images/rubrique_bottom.gif);
			background-repeat: no-repeat;
			background-position: top right;
		}
	
		#page #contenu div.box .box-contenu {
			padding: 5px;
			text-align: justify;
		}

	#page #contenu div.titre {
		text-align: left;
		margin-right: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #444;
	}

		#page #contenu div.titre .titre-texte {
			color: #fff;
			background-image: url(../images/bg_header_top.gif);
			padding-left: 10px;
			padding-right: 10px;
			font-weight: bold;
			letter-spacing: -1px;
			font-size: 130%;
		}

/*******************/
/**** COLONNE ****/
/*******************/

#page #colonne {
	width: 140px;
	float: left;
	padding: 10px;
	padding-top: 0px;
	vertical-align: top;
}

#page #colonne #colonne-titre {
	text-align: left;
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 130%;
	margin-bottom: 2px;
	margin-left: 1px;
}

#page #colonne .rubrique {
	background-color: #ecdede;
	text-align: left;
}

	#page #colonne .rubrique .rubrique-titre {
		padding: 3px;
		font-weight: bold;
		color: #eee;
		letter-spacing: 0px;
		background-color: #b00;
		border-right: 5px solid #444;
		border-bottom: 1px solid #444;
	}

	#page #colonne .rubrique .rubrique-titre img {
		padding-right: 3px;
	}

	#page #colonne .rubrique .rubrique-pub {
		text-align: center;
	}

	#page #colonne .rubrique .rubrique-bas {
		height: 10px;
		min-height: 10px;
		font-size: 1px;
		background-image: url(../images/rubrique_bottom.gif);
		background-repeat: no-repeat;
		background-position: top right;
	}

	#page #colonne .rubrique .rubrique-contenu {
		text-align: left;
	}

	#page #colonne .rubrique .rubrique-contenu a,
	#page #colonne .rubrique .rubrique-contenu a:active,
	#page #colonne .rubrique .rubrique-contenu a:visited  {
		display: block;
		padding-left: 15px;
		padding-right: 2px;
		margin: 2px;
		color: #bb0000;
		font-weight: bold;
		text-decoration: none;
		background-image: url(../images/puce_off.gif);
		background-repeat: no-repeat;
		background-position: left center;
		border-bottom: 0px;
	}

	#page #colonne .rubrique .rubrique-contenu a:hover {
		color: #fff;
		background-color: #d97979;
		background-image: url(../images/puce_on.gif);
		background-repeat: no-repeat;
		background-position: left center;
	}

/*****************/
/**** FOOTER ****/
/*****************/

#footer{
	width: 680px;
	padding: 10px;
	text-align: left;
	background-color: #fff;
	color: #000;
	padding-top: 10px;
}

#footer #footer-top {
	padding: 5px;
	color: #fff;
	text-align: right;
	font-size: 80%;
}

	#footer #footer-top a,
	#footer #footer-top a:active,
	#footer #footer-top a:visited {
		color: #fff;
		font-weight: bold;
		font-size: 11px;
		letter-spacing: 0px;
		text-decoration: none;
		border-bottom: 0px;
	}
	
	#footer #footer-top a:hover {
		color: #e5a305;
	}
	
	#footer #footer-top img {
		padding-right: 2px;
	}

#footer #footer-middle {
	text-align: right;
	margin-top: 10px;
}