/*********************************/
/**   Hainaut Finances  - CSS  ***/
/*****************Ekinoxe**2006***/


/*********************************/

body {
	background: #dfdfdf url('../../images/bg.gif') repeat-x;
	margin: 0px
}

div#conteneur {
	width: 980px;
	padding: 0px 0px 0px 0px;
	margin: auto;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF
}

img {
	border: 0
}

form {
	margin:0;
	padding:0
}

/*********************************/

/*** haut de la page *************/

div#haut {
	background: transparent url('../../images/ombre_haut.png') no-repeat bottom;
	height: 160px;
	border-bottom: 1px solid #929191
}

div#haut img.logo {
	float: left;
	margin-top: 5px
}

div#flash {
	margin-top: 7px;
	float: left;
	margin-left: 5px
}

div#liens_haut {
	color: #929191;
	border-bottom: 1px solid #929191;
	margin-left: 396px;
	padding-top: 25px;
	padding-bottom: 2px;
	font-size: 14px
}

div#liens_haut a {
	color: #929191;
	text-decoration: none
}

div#liens_haut a:hover {
	color: #ef5f19;
	text-decoration: none
}

/*** Contenu de la page **********/

table#contenu {
	border-collapse: collapse;
	width: 980px;
	background: #FFFFFF;
	border: 1px solid #929191;
	border-top: 0
}

table#contenu td {
	vertical-align: top
}

td#gauche {
	width: 285px
}

div#menu {
	width: 270px;
	position: absolute;
	margin-top: 12px;
	margin-left: 10px
}

a.orange:hover {
	color: #ef5f19
}

a.bleu:hover {
	color: #1a72e0
}

a.vert:hover {
	color: #6ba61a
}

a.jaune:hover {
	color: #cccb00
}

a.rouge:hover {
	color: #d90606
}

a.rose:hover {
	color: #d90669
}

a.violet:hover {
	color: #6406d9
}

.puce_violet {
	width: 34px;
	height: 27px;
	background: #6406d9;
	color: #FFFFFF;
	text-align: center;
	font-size: 18px;
	padding-top: 5px
}

.puce_rose {
	width: 34px;
	height: 27px;
	background: #d90669;
	color: #FFFFFF;
	text-align: center;
	font-size: 18px;
	padding-top: 5px
}

.puce_orange {
	width: 34px;
	height: 27px;
	background: #ef5f19;
	color: #FFFFFF;
	text-align: center;
	font-size: 18px;
	padding-top: 5px
}

.puce_bleu {
	width: 34px;
	height: 27px;
	background: #1a72e0;
	color: #FFFFFF;
	text-align: center;
	font-size: 18px;
	padding-top: 5px
}

.puce_vert {
	width: 34px;
	height: 27px;
	background: #6ba61a;
	color: #FFFFFF;
	text-align: center;
	font-size: 18px;
	padding-top: 5px
}

.puce_jaune {
	width: 34px;
	height: 27px;
	background: #cccb00;
	color: #FFFFFF;
	text-align: center;
	font-size: 18px;
	padding-top: 5px
}

.puce_rouge {
	width: 34px;
	height: 27px;
	background: #d90606;
	color: #FFFFFF;
	text-align: center;
	font-size: 18px;
	padding-top: 5px
}

.menutitre h3 {
	margin: 0;
	font-weight: normal;
	margin-top: 7px;
	color: #989898;
	font-size: 13px;
	cursor: pointer;
	text-transform: uppercase
}

.menutitre_2 a {
	margin: 0;
	font-weight: normal;
	margin-top: 7px;
	color: #989898;
	font-size: 13px;
	cursor: pointer;
	text-transform: uppercase;
	text-decoration: none
}

.stretcher {
	margin-left: 40px;
	line-height: 22px
}

.stretcher a {
	color: #989898;
	text-decoration: none;
	font-size: 13px
}

td.dotted {
	background: transparent url('../../images/dotted.gif') no-repeat bottom;
	width: 211px
}

td.dotted_2 {
	background: transparent url('../../images/dotted.gif') no-repeat bottom;
	width: 211px;
	padding-top: 7px
}

img.etude {
	margin-left: -32px;
	margin-top: 18px
}

div#adresse {
	width: 222px;
	border: 1px solid #c1c1c1;
	background: #E9F4FB;
	margin: auto;
	color: #000000;
	padding: 15px;
	margin-top: 500px;
	margin-bottom: 20px
}

div#adresse img {
	position: absolute;
	margin-top: -30px;
	margin-left: 180px
}

div#newsletter {
	background: transparent url('../../images/newsletter.gif') no-repeat;
	width: 449px;
	height: 51px;
	margin-top: 12px
}

div#newsletter table {
	margin-top: 11px;
	margin-left: 261px
}

input.news {
	border: 0;
	margin-top: 3px;
	width: 119px
}

div#page {
	width: 410px;
	border: 1px solid #929191;
	background: #f4fafd;
	padding: 17px;
	margin-left: 2px;
	margin-bottom: 15px;
	margin-top: 7px;
	min-height: 200px;
	color: #000000
}

div#page a {
	color: #3333FF;
	text-decoration: none;
	font-weight: bold
}

.titre {
	font-size: 18px;
	margin-bottom: 15px;
	background: transparent url('../../images/titre_dotted.gif') no-repeat bottom left
}

.titre span {
	color: #EF5F19
}

div#nouveautes {
	background: url('../../images/nouveautes.gif') no-repeat;
	width: 192px;
	height: 138px;
	margin-top: 8px;
	color: #000000;
	padding-top: 38px;
	padding-left: 10px;
	padding-right: 10px
}

div#tel {
	width: 212px;
	height: 35px;
	background: #ff7200;
	text-align: center;
	margin-top: 14px;
	font-size: 18px;
	padding-top: 13px
}

img.contact {
	margin-top: 8px;
	margin-left: 1px
}

img.ekinoxe {
	margin-left: 88px;
	margin-top: 237px
}

div#creation {
	text-align: right;
	width: 212px
}

div#creation a {
	color: #000000;
	text-decoration: none;
	font-size: 11px
}

div#bas {
	background: transparent url('../../images/ombre_bas.gif') no-repeat;
	width: 980px;
	height: 28px
}

/************************************/

input.bouton {
	margin-top: 10px;
	width:84px;
	height:22px;
	font-size: 11px;
	color:#000000;
	background:url('../../images/bouton.gif') no-repeat left top;
	cursor:pointer;
	border:none
}

.bouton:hover {
	background-position:left bottom
}

.erreur {
	color: #CC0000;
	text-align: center
}

.erreur_champ {
	font-size: 11px;
	color: #CC0000
}

.aff_rouge {
	color: #CC0000
}

.none {
	background: transparent url('../../images/hainaut_finances.gif') no-repeat;
	height: 100px;
	text-align: right;
	font-size: 12px
}

.flash_titre {
	color: #ff7200;
	font-size: 13px;
	font-weight: bold
}

div#sitemap a.titre_plan {
	color: #ef5f19;
	font-size: 14px
}

div#sitemap ul {
	list-style-type: none
}