body {
	font-size:11px;
	color:#000;
	font-family:tahoma, verdana;
	margin:0;
}

a {color:#000; text-decoration:underline;}
a:hover {text-decoration:none;}

h1 {
	clear:both;
	width:100%;
	height:28px;
	background-color:#6eadd8;	
	margin:0 0 20px 0;
	text-align:left;
	font-size:20px;
	font-weight:normal;
	color:#000;
}

h2 {
	clear:both;
	height:25px;
	background-color:#9fceee;	
	margin:0 0 8px 0;
	padding:0 2px;
	text-align:left;
	font-size:18px;
	font-weight:normal;
	color:#000;
}

h3 {
	clear:both;	
	margin:20px 5px 10px 5px;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color:#000;
	letter-spacing:1px;
}

/*--------------------------------------------------------------- MENU DEROULANT  
#menu {
	width:990px;
	position:absolute;
	top:158px;
}

#sousmenu {
	width:990px;
	height:300px;
	margin-bottom:-300px;
}



/*menu
.mairie, .thourotte, .associatif, .economie, .urbanisme, .sport2, .social, .culture, .jeunesseducation {
	display:none;
	position:relative;
	width:157px;	
	line-height:20px;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-align:left;
}


/*menus
.mairie a, .thourotte a, .associatif a, .economie a, .urbanisme a, .sport2 a, .social a, .culture a, .jeunesseducation a {
	color:#000;
	text-decoration:none;
}

.mairie div, .thourotte div, .associatif div, .economie div, .urbanisme div, .sport2 div, .social div, .culture div, .jeunesseducation div {padding:0 5px;}
.mairie a:hover div, .thourotte a:hover div, .associatif a:hover div, .economie a:hover div, .urbanisme a:hover div, .sport2 a:hover div, .social a:hover div, .culture a:hover div, .jeunesseducation a:hover div {padding-left:10px;}


.mairie {background-color:#008b67;}
#mairie {left:-284px;}
.mairi {left:-127px; border-left:1px solid #fff;}
.mairie a:hover div {background-color:#4dad94;}

.thourotte {background-color:#0072ba;}
#thourotte {left:-176px;}
.thourott {left:-19px; border-left:1px solid #fff;}
.thourotte a:hover div {background-color:#4e9dcf;}

.associatif {background-color:#ffe00f;}
#associatif {left:-19px;}
.associati {left:138px; border-left:1px solid #fff;}
.associatif a:hover div {background-color:#ffe957;}

.economie {background-color:#adadad;}
#economie {left:67px;}
.economi {left:224px; border-left:1px solid #fff;}
.economie a:hover div {background-color:#d6d7d8;}

.urbanisme {background-color:#6ead00;}
#urbanisme {left:154px;}
.urbanism {left:311px; border-left:1px solid #fff;}
.urbanisme a:hover div {background-color:#9ac44d;}

.sport2 {background-color:#029fe0;}
#sport {left:249px;}
.spor {left:406px; border-left:1px solid #fff;}
.sport2 a:hover div {background-color:#4dbbe7;}

.social {background-color:#bc004b;}
#social {left:308px;}
.socia {left:151px; border-right:1px solid #fff;}
.social a:hover div {background-color:#d04d82;}

.culture {background-color:#f29400;}
#culture {left:369px;}
.cultur {left:212px; border-right:1px solid #fff;}
.culture a:hover div {background-color:#f6b44d;}

.jeunesseducation {background-color:#e2007a;}
#jeunesseducation {left:417px; border-right:1px solid #fff;}
.jeunesseducatio {left:260px; border-right:1px solid #fff;}
.jeunesseducation a:hover div {background-color:#ea4da2;}


.fleche {
	background:url('../images/fleche-menu.gif') no-repeat top right;
	padding-right:20px;
	//padding-right:0px;
}


/*--------------------------------------------------------------- COLONNES  --------------------------------------------------------------*/
.colgche, .coldrte {font-size:12px; font-family:tahoma; padding-top:10px; color:#000; background-color:#f8f8f8;}
.colgche a, .nouvhab a {text-decoration:none; color:#000;}
.colgche a:hover, .nouvhab a:hover {text-decoration:underline;}

.nouvhab {
	margin:-64px 0 28px 7px; 
	line-height:16px;
}

.agenda {
	width:151px;
	height:160px;
	font-size:12px;
	overflow:hidden;
	margin-left:6px;
	margin-top:-163px;
	line-height:20px;
}

.sondage {
	width:154px;
	height:35px;
	overflow:hidden;
	margin-top:-48px;
	margin-bottom:-10px;
	margin-left:4px;
	font-size:11px;	
}

.btnrech {margin:0;}
.champrech {
	background-color:#fff;
	border:1px solid #d6d7d8;
	font-size:12px;
	color:#000;
	width:120px;
	height:18px;
	padding:2px;
	margin:0 5px;
}


/*--------------------------------------------------------------- CONTENU PAGE  --------------------------------------------------------------*/
.contenupage .contourgris a {text-decoration:underline;}
.contenupage .contourgris a:hover {text-decoration:none;}
.contenupage {
	width:632px;
	vertical-align:top;
	font-size:12px;
	font-family:arial;
	text-align:justify;
	padding-top:10px;
}




/*--------------------------------------------------------------- PIED DE PAGE  --------------------------------------------------------------*/
.piedorange {
	height:40px;
	font-family:tahoma;
	font-size:10px;
	color:#000;	
	background:url('../images/fond-pied.jpg') repeat-x bottom #fff;
}

.agence4w {
	height:40px;
	background:url('../images/fond-4w.jpg') repeat-x bottom left #fff;
}