/* CSS Document */

* {
	margin: 0;
	padding: 0;
}


/* BALISES HTML */
html, body {
	background-color: #CFC9AC;
	
	font-size: 0.72em;
	font-family: Arial, Helvetica, sans-serif;
	color: #AD6674;
	
	margin: 0; padding: 0;
	text-align: center; /* pour corriger le bug de centrage IE */
	height: 100%;
	width: 100%;
	
	
}
html {
	overflow: auto;
}

a img {
	border: none;
}


/* CONTENEUR GLOBAL */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#tableau{
	height: 100%;
	width: 999px;      /* ici la largeur fixe de l'element a center */
	margin-left: auto;
	margin-right: auto;
	text-align: left; /* on rétablit l'alignement normal du texte */

}
#tableau-td {
	vertical-align: middle;

}
#conteneur {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	
	width: 999px;
	height: 555px;
	
	background-image: url(images/home_ombrage.gif);
	background-position: right;
	background-repeat: repeat-y;
	
	background-color: #fff;
	
	z-index: 1;
}

/* HAUT */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
h1 {
	position: absolute;
	top: 27px;
	left: 6px;
	
	z-index: 100;

}
/* Menu Principal */
#nav_princ {
	position: absolute;
	top: 0px;
	left: 232px;
	
	width: 767px;
	height: 116px;
	
	background-image: url(images/home_bg_menuhaut.jpg);
	background-position: 457px 20px;
	background-repeat: no-repeat;
	z-index: 60;
}
ul#nav_princ li {
	display: inline;
	margin: 0;
	
}
#nav_princ ul {
	list-style: none;
}


/* Zone flash */
#flash {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 689px;
	height: 187px;
	
	padding: 40px 0px 0px 0px;
	
	background-color: #fff;
	
	border: none;
	
	z-index: 50;
	
}

/* Cartes */
#communes {
	position: absolute;
	top: 356px;
	left: 573px;
	
	z-index: 100;
}
#carte {
	position: absolute;
	top: 116px;
	left: 673px;
	
	
	z-index: 98;
}
#texte_communes {
	position: absolute;
	top: 439px;
	left: 588px;
	
	width: 192px;
	height: 52px;
	
	z-index: 100;
	
	text-align: center;
	
	color: #8c8c8c;
	font-size: 12px;
}
/* BAS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Recherche */
#recherche {
	position: absolute;
	top: 227px;
	left: 0px;
	width: 238px;
	height: 72px;
	
	background-image: url(images/home_bg_recherche.jpg);
	background-repeat: no-repeat;
	
}
#recherche p {
	position: absolute;
	top: 38px;
	left: 19px;
	
	background-image: url(images/home_bg_input_recherche.gif);
	background-repeat: no-repeat;
}
#recherche input {
	width: 122px;
	height: 19px;
	border: 0px;
	background: none;
	
	color: #902E43;
	margin: 0px 4px 0px 4px;
	font-size: 11px;
}
#recherche img, #recherche input {
	vertical-align: middle;
}
/* Menu bas */
#nav_fonc {
	position: absolute;
	top: 299px;
	left: 0px;
	width: 238px;
	height: 238px;
	
	background-image: url(images/home_bg_menubas.jpg);
	background-repeat: no-repeat;
	
	padding: 15px 0px 0px 0px;
	
	list-style-type: none;
	
	text-align: left;
}
#nav_fonc li {
	display: inline;
	margin: 0;
}


/* Contenu */
#contenu {
	position: absolute;
	top: 227px;
	left: 238px;
	width: 755px;
	height: 310px;
	
	
	background-image: url(images/home_bg_contenu.jpg);
	background-repeat: no-repeat;

	
	z-index: 2;
}

/* Actus */
#actus {
	position: absolute;
	top: 0px;
	left: 6px;
	width: 328px;
	height: 140px;
	
	
	overflow: hidden;
	text-align: right;
	
	background-image: url(images/home_bg_actu.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	
	padding: 27px 0px 0px 0px;
	
	font-size: 11px;
}
#actus h2 {
	margin: 0px 0px 0px 0px;
}


#block_actu img {
	float: right;
	margin: 0px 0px 0px 12px;
}
#block_actu {
	margin: 17px 17px 14px 18px;
}
p.date, #block_actu h3 {
	color: #80ae2e;
	font-size: 11px;
}
#block_actu h3 a {
	color: #315200;
	text-decoration: none;
}
#block_actu h3 a:hover {
	text-decoration: underline;
}
#block_actu p a {
	color: #599400;
	text-decoration: none;
}
#block_actu p a:hover {
	text-decoration: underline;
}
#separation {
	position: absolute;
	top: 27px;
	left: 334px;
}

#annuaire {
	position: absolute;
	top: 167px;
	left: 20px;
	width: 177px;
	height: 78px;
	
	padding: 18px 16px 0px 0px;
	
	background-image: url(images/home_bg_annuaire.gif);
	background-repeat: no-repeat;
	background-position:  top right;
	
	font-size: 11px;
}
#annuaire h2 {
	margin: 0px 0px 12px 0px;

}
#annuaire p a {
	color: #599400;
	text-decoration: none;
}
#annuaire p a:hover {
	text-decoration: underline;
}

#lien_ot {
	position: absolute;
	top: 183px;
	left: 222px;
}

/* COVOITURAGE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#covoiturage {
	position: absolute;
	top: 408px;
	left: 800px;
	z-index: 99;
	background: url(images/filet_covoiturage.gif) no-repeat top left;
	text-align: right;
	width: 171px;
}
#covoiturage h2 {
	margin: 0 0 3px 0;
}


/* PIED */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#pied {
	position: absolute;
	top: 537px;
	left: 0px;
	width: 984px;
	height: 18px;
	
	background-image: url(images/home_bg_footer.gif);
	background-repeat: no-repeat;
	
	text-align: right;
	font-size: 10px;
	padding: 0px 15px 0px 0px;
	color: #fff;
}
#pied a {
	text-decoration: none;
	color: #fff;
	font-size: 10px;
	font-style: italic;
}
#pied a:hover {
	text-decoration: underline;
}
#coordonnees {
	position: absolute;
	top: 0px;
	left: 305px;
	color: #fff;
	font-size: 10px;
}