body {
	font-family: Verdana;
	font-size: 11px;
	margin: 0 0 0 0;
	padding: 0px;
}
table {
	border :1;
}
#site {
	width: 764px;
}
#bas_tetiere {
	margin: 0;
	padding:0;
	width: 100%;
	height:44px;
	text-align: right;
	}

#bas_tetiere .date {
	display: block;
	padding: 0;
	margin: 20px 40px 0px auto;
	font-size: 7pt;
	color: #999;
	}

/* point sensible */
#page {
	clear: both;
	padding: 0;
	margin: 0;
	border: 0;
	text-align: left;
	background: url("images/g_bas.png") no-repeat 0 100%;
}


#gauche {
	width: 159px;
}

#contenu {
	width: 590px;
	padding: 0px 0 20px 0;
	margin: 0;
}

#bas {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 754px;
	}

#bas {
	border-top: 1px solid #000;
	background: #EEECE7;
	color: #867E77;
	padding: 6px 0 6px 10px;
	font-size: 7pt;
	}


#bas span {
	margin-left: 230px;
	}		
	
#bas a {
	text-decoration: none;
	color: #867E77;
	}	
	#bas a:hover {
		color: #000;
		}

#bas a.a2 {
	font-size: 8pt;
	text-decoration: none;
	color: #000;
	}	
	#bas a.a2:hover {
		color: #009900;
		}		


/* ----- TETIERE ----- */
#tetiere {
	padding: 0; margin: 0; border: 0;
	background: #EEECE7;
	z-index: 1;
	width:764px;
	text-align:left; 
}

div#villefleurie { position:absolute; top:45px; margin-left:594px; width:83px; height:15px; background:url(images/villefleurie.gif) no-repeat; }
div#villefleurie a { display:block; width:80px; height:12px; }
div#villefleurie a span { display:none; }

div#villeinternet { position:absolute; top:46px; margin-left:490px; background:url(images/villeinternet.gif) no-repeat; width:100px; height:12px; z-index:100; }
div#villeinternet a { display:block; width:80px; height:12px; }
div#villeinternet a span { display:none; }


div#animHouilles {
	position: absolute;
	text-align: left;
	width: 313px;
	height: 64px;
	top: 0;
	left: 295px;
	z-index: 100;
}

#t3 {
	background: #fff;
	clear: both;
	border-top: 1px solid #000;
	text-align: left;
	margin: 0;
	padding: 2px 0 0 10px;/*2px 0 0 10px*/
}

/*#t3 div {
	float: left;
	}*/


#t3 img {
	padding: 0 4px 0 0;
	margin: 0;
	border: 0;
}

.ticker {
	font-size: 8pt;
	color: #999999;
	
	width: 382px;
	height: 16px;
	
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border-left: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	
}

marquee {
	margin: 0;
	padding: 0;
	width: 382px;
	}

/* RECHERCHE */
#search {
	width: 102px;
	height: 19px;
	background: url("images/search_bgd.png") no-repeat 0px 0px;
	text-align: left;
	
	margin: 0; padding: 0; border: 0;
	
}

#search form {	margin: 0; padding: 0; border: 0; }

#search input.text {
	color: #8E8882;
	font-size: 10px;
	width: 73px;
	height: 15px;
	padding: 1px 0 0 7px;
	margin: 1px 1px 1px 1px;
	border: 0;
}

#search input.button {
	width: 19px;
	height: 18px;
	background: url("images/espace.png");
	
	margin: 0; padding: 0; border: 0;
}
/* RECHERCHE end */

				/* MENU HAUT */


/* ------------ MENU HORIZONTAL XHTML MAC ------------ */


#menumac {
	height: 27px;
	width: 764px;
}

#menumac dl {
	border: 0; padding: 0; margin: 0;	
	background: #EEECE7;
	float: left;
}
			
#menumac dt a { padding: 7px; color: #000000; }
				
.dt1mac {
	width: 60px;
}

.dt2mac {
	width: 69px;
}

.dt3mac {
	width: 103px;
}

.dt4mac {
	width: 123px;
}

.dt5mac {
	width: 108px;
}

.dt6mac {
	width: 118px;
}

.dt7mac {
	width: 125px;
}


#menumac dt a {
	color: #000;
	text-decoration: none;
	display: block;
	}

.dt1mac a:hover { background: #cc0000; }
.dt2mac a:hover { background: #D894D0; }
.dt3mac a:hover { background: #FFC30D; }
.dt4mac a:hover { background: #B4D950; }
.dt5mac a:hover { background: #5E92CD; }
.dt6mac a:hover { background: #CC3333; }
.dt7mac a:hover { background: #BAB0A6; }

#menumac ul {
	z-index: 100;
	width: 160px;
	list-style-type: none;
	position:absolute;
	text-align: left;
	padding: 2px;
}

ul#msmenuH2 { background: #D894D0; margin: 28px 0 0 60px; }
ul#msmenuH3 { background: #FFC30D; margin: 28px 0 0 129px; }
ul#msmenuH4 { background: #B4D950; margin: 28px 0 0 232px; }
ul#msmenuH5 { background: #5E92CD; margin: 28px 0 0 355px; }
ul#msmenuH6 { background: #CC3333; margin: 28px 0 0 463px; }
ul#msmenuH7 { background: #BAB0A6; margin: 28px 0 0 581px;}

ul#msmenuH2ie { background: #D894D0; margin: 28px 0px 0px -77px; }
ul#msmenuH3ie { background: #FFC30D; margin: 28px 0px 0px -115px; }
ul#msmenuH4ie { background: #B4D950; margin: 28px 0px 0px -139px; }
ul#msmenuH5ie { background: #5E92CD; margin: 28px 0px 0px -128px; }
ul#msmenuH6ie { background: #CC3333; margin: 28px 0px 0px -142px; }
ul#msmenuH7ie { background: #BAB0A6; margin: 28px 0px 0px -153px;}

#menumac li {
	width: 140px;
	margin: 0px;
	text-decoration: none;
	list-style-type: none;
}

#menumac li a {
	color: #fff;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	border: 0 none;
	padding: 5px 10px 5px 10px;
}

.li2mac a:hover { background: #EFC7EA; }
.li3mac a:hover { background: #FFD500; }
.li4mac a:hover { background: #CAE484; }
.li5mac a:hover { background: #74B2F7; }
.li6mac a:hover { background: #F24646; }
.li7mac a:hover { background: #CEC3B9; }


/* ------------ MENU HORIZONTAL XHTML MAC end ------------ */
	
/* MENU HAUT xhtml*/
#menu_haut {
	clear: both;
	display: block;
	width: 764px;
	border: 0; padding: 0; margin: 0;
	background: #EEECE7;
}

#menu_haut dl {
	/*width: 100px; specifier pour que IE5 face le float*/
	border: 0; padding: 0; margin: 0;	
	float: left;
	background: #EEECE7;
}

#menu_haut dt {
	padding: 3px 0 3px 0;
	border: 0; margin: 0;
}

#menu_haut a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 8pt;
}

#menu_haut dt a {
	padding: 10px !important;
	color: #000000;
	!padding: 7px !important;
	padding: 7px;
}

.dt1 { padding: 0 10px 0 10px; }
.dt2 a:hover { background: #D894D0; }
.dt3 a:hover { background: #FFC30D; }
.dt4 a:hover { background: #B4D950; }
.dt5 a:hover { background: #5E92CD; }
.dt6 a:hover { background: #CC3333; }
.dt7 a:hover { background: #BAB0A6; }
		
/* sous-rubriques */

#menu_haut dd {
display: none;
}	

#menu_haut ul {
	list-style-type: none;
	position:absolute;
	margin-left: -40px;
	margin-top: 0px;
	padding: 2px;
}



ul.ul2 { background: #D894D0; }
ul.ul3 { background: #FFC30D; }
ul.ul4 { background: #B4D950; }
ul.ul5 { background: #5E92CD; }
ul.ul6 { background: #CC3333; }
ul.ul7 { background: #BAB0A6; }


#menu_haut li {
	overflow: hidden;
	width: 160px;
	list-style-type: none;
	text-align: left;
}

#menu_haut li a {
	padding: 7px 7px 7px 7px;
	width: 160px;
	text-align: left;
	height: 100%; overflow: hidden; display: block;
}

.li2:hover { background: #EFC7EA; }
.li3:hover { background: #FFD500; }
.li4:hover { background: #CAE484; }
.li5:hover { background: #74B2F7; }
.li6:hover { background: #F24646; }
.li7:hover { background: #CEC3B9; }
/* MENU HAUT end */

/* ----- TETIERE end ----- */

/* ----- GAUCHE ----- */

/* MENU GAUCHE */
#menu_g1_test {
	text-align: left;
	margin: 0px 20px 10px 10px;
	background: #FFFFFF;
	border: 1px dotted #999999;
	padding: 0 0 10px 0;
}

#menu_g1_test dl { padding: 0; margin: 0; }

#menu_g1_test dt {
	padding: 8px 0 8px 0;
	margin: 0 10px 0 10px;
	display: block;
	text-decoration: none;
	font-size: 8pt;
	color: #999999;
	border-bottom: 1px dotted #999999;
}


#menu_g1_test a {
	text-decoration: none;
	font-size: 8pt;
	color: #999999;
}
#menu_g1_test a:hover { color: #000000; }
/* MENU GAUCHE end */

/* ----- GAUCHE end ----- */