body {
padding: 0; margin: 0; border: 0;
font-family: Trebuchet MS, verdana, arial, sans-serif;
font-size: 0.7em;
color:#000;
background: #AFBCD3;
text-align: center;
}

/* --- AJOUT CHGT GRAPHIQUE --- */

/* --- TETIERE --- */
.header_img { display: none; }

#area_top { }

.btns_haut { }



.tetiere {
	background: #688ABC url(/design/opacsud/images/tetieres/tetiereHP.jpg) no-repeat;
	width: 100%;
	height: 191px;
  }

.tetiere7{
	background: #688ABC url(/design/opacsud/images/tetieres/tetiere_transversale.jpg) no-repeat;
  }

.tetiere9{
	background: #688ABC url(/design/opacsud/images/tetieres/tetiere_locataire.jpg) no-repeat;
  }

.tetiere10{
	background: #688ABC url(/design/opacsud/images/tetieres/tetiere_logement.jpg) no-repeat;
  }

.tetiere11{
	background: #688ABC url(/design/opacsud/images/tetieres/tetiere_Opac.jpg) no-repeat;
  }

.tetiere12{
	background: #688ABC url(/design/opacsud/images/tetieres/tetiere_entreprises.jpg) no-repeat;
  }


.tetiere tr{
	vertical-align: bottom;
  }

.tetiere .td1{
	padding-left:15px;
	padding-bottom:5px;
	width: 248px;
  }

.tetiere .td2{
	padding-bottom:7px;
  }

#searchbox {
	float: left;
	}

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

#searchbox input.searchboxinput {
	padding-left: 6px;
	font-size: 0.9em;
	border: 1px solid #51607E;
	color: #000;
	}

#searchbox input.searchbutton {
	font-size: 0.8em;
	font-weight: normal;
	border: 1px solid #51607E;
	background: #51607E;
	color: #fff;
	margin-left: -3px;
	_height: 17px;
	}


/* --- BALISES GENERIQUES --- */
a { text-decoration:none;  }
	a:hover { text-decoration:none; }

		/* FLASH */
		.flash_embed {
			text-align: center;
			margin: 10px 0;
			}

/* titre rubrique */
/*	#folder_name {
		border: 0;
		padding: 0;
		margin: 0pt 0pt 23px;
		color: #688ABC;
		border-bottom: 1px solid #688ABC;
		} */

#titre_article {
	background: url(/design/opacsud/images/titres_pages/img_rond_HP.gif) no-repeat 0 0;
	border: 0;
	padding: 0;
	margin: 0pt 0pt 23px;
	padding-left: 12px;
	}

#libel_titre {
	display:inline;
	padding: 0 120px 0 10px;
	color:#fff;
	font-size: 20px;
	font-weight:bold;
	background: #688ABC url(/design/opacsud/images/titres_pages/img_degrad_HP.gif) no-repeat 100% 100%;
	}

#section7 #titre_article {
	background: url(/design/opacsud/images/titres_pages/img_rond_jaune.gif) no-repeat 0 0;
	padding-left: 23px;
	}

#section7 #libel_titre {
	background: #FFC600 url(/design/opacsud/images/titres_pages/img_degrad_jaune.gif) no-repeat 100% 100%;
	}

#section9 #titre_article {
	background: url(/design/opacsud/images/titres_pages/img_rond_locataire.gif) no-repeat 0 0;
	padding-left: 23px;
	}

#section9 #libel_titre {
	background: #CC0066 url(/design/opacsud/images/titres_pages/img_degrad_locataire.gif) no-repeat 100% 100%;
	}

#section10 #titre_article {
	background: url(/design/opacsud/images/titres_pages/img_rond_logement.gif) no-repeat 0 0;
	padding-left: 23px;
	}

#section10 #libel_titre {
	background: #FF6600 url(/design/opacsud/images/titres_pages/img_degrad_logement.gif) no-repeat 100% 100%;
	}

#section11 #titre_article {
	background: url(/design/opacsud/images/titres_pages/img_rond_opac.gif) no-repeat 0 0;
	padding-left: 23px;
	}

#section11 #libel_titre {
	background: #0099CC url(/design/opacsud/images/titres_pages/img_degrad_opac.gif) no-repeat 100% 100%;
	}

#section12 #titre_article {
	background: url(/design/opacsud/images/titres_pages/img_rond_entreprise.gif) no-repeat 0 0;
	padding-left: 23px;
	}

#section12 #libel_titre {
	background: #95C602 url(/design/opacsud/images/titres_pages/img_degrad_entreprise.gif) no-repeat 100% 100%;
	}

/* SITE MAP */

#sitemap9 h2 a {color: #CC0066; line-height: 3em}
#sitemap10 h2 a {color: #FF6600; line-height: 3em }
#sitemap11 h2 a {color: #0099CC; line-height: 3em }
#sitemap12 h2 a {color: #95C602; line-height: 3em }


#mapnode a {
		padding: 1px 10px 1px 10px;
		font-weight: normal;
		text-align: left;
		font-size: 1em;
		background:none;
		color: #688ABC;
		margin-left: 10px;
                line-height: 2em;
		}


#sitemap9 #mapnode a {
	background:url(/design/opacsud/images/menu_gauche/fleche_locataire.gif) no-repeat 0 5px;
	}


#sitemap10 #mapnode a {
	background:url(/design/opacsud/images/menu_gauche/fleche_logement.gif) no-repeat 0 5px;
	}


#sitemap11 #mapnode a {
	background:url(/design/opacsud/images/menu_gauche/fleche_opac.gif) no-repeat 0 5px;
	}


#sitemap12 #mapnode a {
	background:url(/design/opacsud/images/menu_gauche/fleche_entreprise.gif) no-repeat 0 5px;
	}



/* BALISES GENERIQUES */






		h1 { display:inline; padding: 0 10px; font-size:1.5em; color:#fff;}
		h2 { font-family: trebuchet MS; font-size:1.3em; font-weight:bold; color:#19326C; margin:0; line-height:1.2em; }
		h3 { font-family: trebuchet MS; font-size:1.3em; font-weight:bold; color:#19326C; margin:0 0 10px 0; line-height:1.2em; }
		h4 { font-family: trebuchet MS; font-size:1.25em; font-weight:bold; color:#19326C; margin:25px 0 10px 20px; line-height:1.2em;}
		h5 { font-family: verdana; font-size: 0.8em; color: #19326C; }
		h6 { font-family: verdana; font-size: 0.6em; color: #19326C; }

pre, code { font-size: 0.8em; }

	/* pas de marge sur les menu */
	#area_top ul, #area_left ul, #area_ileft ul, #area_right ul, #area_iright ul,
	#area_top li, #area_left li, #area_ileft li, #area_right li, #area_iright li { display: block; margin: 0; padding: 0; list-style-type: none; text-align: justify; }


div { margin:0; padding:0; }

form { margin:0; padding:0; }

td { margin:0; }

img { border:none; }

p {
	font-family: verdana;
	font-size: 1.025em;
	color: #333333;
	text-align:justify;
	margin: 10px 0 0 0;
	padding: 0;
	line-height: 1.2em;
  }


		/* menubox simple */
		.listing { background:#7FA5DC; }
		.listing .menu_top { padding: 6px; color: #333; font-size: 1.3em; font-weight: bold; }
			.listing .menu_title { }
		.listing .menu_body {  }
			.listing a { display: block; padding:6px 3px 6px 15px; color: #fff; line-height: 11px; background:url(/design/opacsud/images/puce.gif) no-repeat 3px 8px; }
			.listing a:hover { background: #00A3DD url(/design/opacsud/images/puce.gif) no-repeat 3px 8px; color:#FFF; }

		#area_right .listing { border:0; margin: 0 21px 20px 0; }
		#area_iright .listing { border: 1px solid #fff; margin: 0 4px 20px 4px; }

		#area_left .listing { border: 1px solid #fff; margin: 0 4px 20px 7px; }
		#area_ileft .listing { border: 1px solid #fff; margin: 0 4px 20px 4px; }



/* --- SITE --- */
#pagelayout_allcontent {
	border: 0; padding:0;
	width: 966px;
	margin:0 auto;
	text-align: left;
	background: url(/design/opacsud/images/site_bgd.gif) no-repeat 0 0;
	}

/* --- PAGE --- */
#pagelayout_contentstructure{
	border:none;
	width: 950px;
	clear:both;
	background: #fff;
	padding-top: 20px;
	}


	/* --- GAUCHE --- */
	#area_left {
		width:218px;
		padding-top: 29px;
		padding-bottom: 20px;
		padding-right: 1px;
		padding-left: 0px;
		display: inline;
		float: left;
		}


		.frame_select {
			background: #ffffff url(/design/opacsud/images/gauche_infos_bgd.gif) no-repeat 0 0;
			text-align: right;
			padding: 1px 0 0 0;
			}

		#area_left .flash_embed {
			margin: 20px 0 0 0;
			padding: 1px 0 0 0;
			background: url(/design/opacsud/images/patrimoine_bgd.gif) no-repeat 0 0;
			}



	/* --- CONTENU --- */

	#area_middle {
		padding: 0 21px 15px 42px;
		float: left;
		width: 70%
		}


	#node{ padding-right: 20px; }

	#area_middle .elementlist_elementcontent p a,
	#area_middle .node_description a { color:#7FA5DC; }
		#area_middle .elementlist_elementcontent p a:hover,
		#area_middle .node_description a:hover { background: #005A9C; text-decoration:none; color: #fff; }

	#area_middle li { line-height: 1.2em; }
	#area_middle ul, #area_middle ul li { list-style-type: disc; }
	#area_middle ol, #area_middle ol li { list-style-type: decimal; }
	#area_middle ul li ul, #area_middle ul li ul li { list-style-type: circle;	}
	#area_middle ul li ul li ul, #area_middle ul li ul li ul li { list-style-type: square;	}

	/* --- DROITE --- */
	#area_right {
	float: right;
	margin:0;
	padding: 0;
	width:164px;
	}

	#area_right .zoom {
		background:#7FA5DC url(/design/opacsud/images/droite1_accueil_bgd.gif) no-repeat;
		border:0;
		padding: 0 5px;
		margin: 0 11px;
		 }
	#area_right .zoom .zoom_title { border:0; padding:5px; height:24px; color:#FFF; display:block; background: none; }
	#area_right .zoom .zoom_title span { font-weight:bold; font-size:1.2em; }
	#area_right .zoom .title { color: #2D4468; }
	#area_right .zoom p { color: #fff; }

	#area_right .zoom a { color: #fff; background: url(/design/opacsud/images/lire_la_suite.png) no-repeat 0 5px; padding-left:10px; }
	#area_right .zoom a:hover { color: #2D4468; background: url(/design/opacsud/images/lire_la_suite.png) no-repeat 0 5px; }
	#area_right .zoom_bottom{
		display:block;
		height:20px;
		}






	/* --- BAS CONTENU --- */
	div#content_bottom {
		clear: none;
		padding: 15px 10px 0 10px;
		text-align: center;
		 }

/* --- BAS --- */
#area_bottom {
	padding: 0; margin: 0; border: 0;
	clear: both;
	display: block;
	height: 20px;
	width: 100%;
	background: #688ABC url(/design/opacsud/images/bas_bgd.gif);
	width: 950px;
	}

	#area_bottom .areablock347 { float: right; margin-right: 20px;  }
	#area_bottom .areablock347 a { font-size: 0.9em; color: #fff; border: 0; padding: 3px 0 0 0; margin-left: 5px; }
		#area_bottom .areablock347 a:hover { color: #B0C8EC; }

	#area_bottom a {
		float: left;
		display: block;
		margin: 0;
		padding: 3px 20px 0 20px;
		color: #fff;
		border-right: 1px solid #fff;
		}
		#area_bottom a:hover { color: #506592; }


/* -------------------------------------------------- STYLES OK */


/* --- DIAPORAMA --- */
div.content-navigator div.content-navigator-previous-disabled,
div.content-navigator div.content-navigator-next-disabled {
	color:#777777;
	}

div.content-navigator div.content-navigator-separator,
div.content-navigator div.content-navigator-separator-disabled {
	padding-left: 4px;
	padding-right: 4px;
	}

div.content-navigator div.content-navigator-arrow {
	font-size: 150%;
	color:#000080
	}

/* MARQUEE - TICKER */
.ticker { display: none }


/* --- BREVES --- */
p.shortnews_separator {
	margin:0 5em;
	border-bottom:1px solid;
	font-size:2px;
	}

p.shortnews {
	margin:0;
	padding:0.5em 0;
	}

/* --- DERNIERS ARTICLES --- */
#latest_article_list,
/* div.linktool, */
div.shortnews,
div.agenda_inset {
	width:90%;
	margin:3em 1em 3em 0;
	border-width:1px;
	border-style:solid;
	}

#latest_article_list_title,
/* div.linktool_title, */
div.shortnews_title,
div.agenda_title {
	padding:0.3em;
	text-align:left;
	font-weight:bold;
	}

#latest_article_list_articles,
/* div.linktool_body, */
div.shortnews_body,
div.agenda_body{
padding:0.3em;
font-size:0.9em;
text-align:left;
}

#latest_article_list_articles p a,
/* div.linktool_link, */
p.shortnews a,
p.agenda_event a {
	font-size:1em;
	text-decoration:none;
	}

/* EQUIPE MUNICIPALE */
div.group {
	clear:both;
	padding:2em 0;
	}

div.group_member {
	width:50%;
	float:left;
	display:inline;
	margin-top:1em;
	}

div.person_summary div.role{
	font-weight:bold;
	}

/* -------------------------------------------------- STYLES IDENTIFIES */

#bypass {
	margin:0.3em;
	padding:0.3em;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:auto;
	}

#bypass ul {
	display:inline;
	list-style-type:none;
	}

#bypass ul li {
	display:inline;
	list-style-type:none;
	}

#site_title {
	position:absolute;
	top:0;
	left:0;
	}

li.search_option {
	display:inline;
	}

ul.search_options {
	margin:0;
	padding-bottom:0.2em;
	}

/*
table.elementlist_element {
	width:100%;
	margin:0;
	padding:0;
	}

table.elementlist_element tbody {
	width:100%;
	margin:0;
	padding:0;
	}

table.elementlist_element tbody tr {
	width:100%;
	margin:0;
	padding:0;
	}

table.elementlist_element tbody tr td {
	width:100%;
	margin:0;
	padding:0;
	}

table.elementlist_element tbody tr td#elementlist_firstelement {
	width:70%;
	margin:0;
	padding-right:0.3em;
	vertical-align:top;
	}

table.elementlist_element tbody tr td#elementlist_subcategories {
	width:30%;
	margin:0;
	padding:0;
	vertical-align:top;
	background: red;
	}
*/

div.elementlist_element {
	width:100%;
	margin: 10px 0 0 0;
	}

div.elementlist_elementinfo {
	width:100%;
	padding:0.3em;
	margin-top:-1em;
	margin-bottom:1em;
	_margin-bottom:0px;
	}

div.elementlist_elementauthor {
	display:inline;
	float:left;
	font-size:0.8em;
	}

div.elementlist_elementdate {
	display:inline;
	float:right;
	font-size:0.8em;
	}

.elementlist_elementperiod span,
.elementlist_elementwhere span {
	font-weight:bold;
	}

.elementlist_elementperiod div {
	display:inline;
	}

#site_header {
	width:100%;
	_margin-bottom:-3px;
	}

#site_header_relative {
	width:100%;
	position:relative;
	}

#site_title {
	position:absolute;
	top:0;
	left:0;
	visibility:hidden;
	}