#menuarchi {
	position: absolute;
	top: 0;
	left: 862px;
}

#menuengagement {
	position: absolute;
	top: 0;
	left: 824px;
}

ul.toplinks {
	float: left;
	margin: 15px 0 5px 0;
	padding: 0 10px;
	width: 268px;
	list-style-type: none;
}

ul.toplinks li {
	font-size: 13px;
	margin: 0 0 3px 0;
	padding: 0;
}

/*urbanisme-durable.html*/
#urbaduraccmain {
	width: 900px;
	height: 600px;
	border: 1px solid #1e82b3;
	text-align: left;
	background: url(../img/urba/urbadurablefond.jpg) bottom left no-repeat;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

#urbaprojetsmain {
	width: 900px;
	height: 600px;
	border: 1px solid #1e82b3;
	text-align: left;
	background: url(../img/urba/urbaprojetsfond.jpg) bottom left no-repeat;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

#urbaqualitemain {
	width: 900px;
	height: 600px;
	border: 1px solid #1e82b3;
	text-align: left;
	background: url(../img/urba/urbaqualitefond.jpg) bottom left no-repeat;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

#urbavillesmain {
	width: 900px;
	height: 600px;
	border: 1px solid #1e82b3;
	text-align: left;
	background: url(../img/urba/urbavillesfond.jpg) bottom left no-repeat;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

#urbadevdurmain {
	width: 900px;
	height: 600px;
	border: 1px solid #1e82b3;
	text-align: left;
	background: url(../img/urba/urbadevdurfond.jpg) bottom left no-repeat;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

h1.urbah1 {
	background: url(../img/urba/urbah1fond.png) left -1px no-repeat;
	height: 19px;
	color: #fff;
	font-size: 16px;
	line-height: 17px;
	width: 258px;
	padding: 2px 0 0 30px;
	margin: 15px 0 6px 0;
	float: left;
}

.urbasoustitre {
	font-size: 12px;
	float: left;
	margin: 0 5px 0 0;
	padding-left: 9px;
	width: 303px;
	font-weight: bold;
}

.urbasoustitre a {
	display: block;
	line-height: 13px;
	color: #b70266;
	padding-left: 11px;
	background: url(../img/mediumlinkbluearrow.png) left 2px no-repeat;
	text-decoration: none;
}

.urbasoustitre a:hover {
	background: url(../img/mediumlinkstrawbarrow.png) left 2px no-repeat;
	text-decoration: underline;
}

a.urbasavoir {
	color: #b70266;
	text-decoration: none;
	padding-right: 13px;
	background: url(../img/urbasavoirplus.png) right 2px no-repeat;
}

a.urbasavoir:hover {
	text-decoration: underline;
}

a.urbasavoir img {
	vertical-align: middle;
}
/* overwrite l'original pour cause de place*/
.txtretrait {
	float: left;
	margin: 0 5px 10px 0;
	padding-left: 20px;
	width: 292px;
}

a.urbatoplink {
	color: #b70266;
	text-decoration: none;
	padding-left: 15px;
	margin: 0;
	background: url(../img/linkbluearrow.png) left 2px no-repeat;
}

a.urbatoplink:hover {
	font-weight: bold;
	background: url(../img/linkstrawbarrow.png) left 2px no-repeat;
	text-decoration: underline;
}

a.urbatoplink.selectop {
	font-weight: bold;
	background: url(../img/linkstrawbarrow.png) left 2px no-repeat;
}

#urbaprojetsscroll {
	float: left;
	width: 312px;
	height: 198px;
	overflow: hidden;
}

#urbaqualscroll {
	float: left;
	width: 312px;
	height: 285px;
	overflow: hidden;
}

#urbaprojetsscrollaction {
	float: left;
	height: 198px;
	width: 13px;
	background: url(../img/fondscroll.png) top center repeat-y;
	position: relative;
	z-index: 100;
}

#urbaqualscrollaction {
	float: left;
	height: 285px;
	width: 13px;
	background: url(../img/fondscroll.png) top center repeat-y;
	position: relative;
	z-index: 100;
}

#urbaprojetsscrollaction #scrolltop {
	position: absolute;
	top: 185px;
	left: 0;
	z-index: 100;
}

 #urbaqualscrollaction #scrolltop {
	position: absolute;
	top: 272px;
	left: 0;
	z-index: 100;
}

#urbadevdurscroll {
	float: left;
	width: 312px;
	height: 260px;
	overflow: hidden;
}

#urbadevdurscrollaction {
	float: left;
	height: 260px;
	width: 13px;
	background: url(../img/fondscroll.png) top center repeat-y;
	position: relative;
	z-index: 100;
}

#urbadevdurscrollaction #scrolltop {
	position: absolute;
	top: 257px;
	left: 0;
	z-index: 100;
}

.pointillessansmarge {
	float: left;
	width: 329px;
	margin: 0 0 5px 0;
	padding: 0;
	height: 4px;
	line-height: 1px;
	border-bottom: 1px dashed #b70266;
}

.pointillesstrawb {
	float: left;
	width: 329px;
	margin: 10px 0 6px 0;
	height: 1px;
	line-height: 1px;
	border-bottom: 1px dashed #b70266;
}

.scroller .urbasoustitre {
	float: left;
	margin: 0 5px 12px 0;
	padding: 0 0 0 10px;
	width: 277px;
	font-weight: bold;
	color: #b70266;
}

.urbasoustitresans {
	float: left;
	margin: 0 5px 0 0;
	padding: 0 0 0 10px;
	width: 260px;
	font-weight: bold;
	color: #b70266;
}

/* le même mais dans un scroller */
.scroller .urbasoustitresans {
	float: left;
	margin: 0 5px 0 0;
	padding: 0 0 0 10px;
	width: 277px;
	font-weight: bold;
	color: #b70266;
}

.urbascrolllink {
	color: #b70266;
	text-decoration: none;
	padding-left: 11px;
	background-image: url(../img/smalllinkbluearrow.png);
	background-position: left 4px;
	background-repeat: no-repeat;
}

.urbascrolllink:hover {
	background-image: url(../img/smalllinkstrawbarrow.png);
	text-decoration: underline;
}

/* tips */
/*les tips sur les vignettes*/
.tool-tip {
	color: #000;
	z-index: 800;
	border:
	2px solid #b70266;
}

.tool-title {
	font-weight: normal;
	font-size: 11px;
	margin: 0;
	padding: 5px;
	background-color: #fff;
	text-align: left;
}

.tool-text {
	font-size: 11px;
	padding: 2px 3px;
	background-color: #fff;
	text-align: left;
}