* {font-family: Arial, Helvetica, sans-serif;}

body, html {
	margin:0; padding:0;
	border:0; background-color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	}	

td.news {font-size:11px; word-spacing:normal; line-height:14px;}
td.news img.ptphoto {padding: 0 3px 0 0;}
td.news img {border:0; margin:0; padding:0;}

.menu_haut, .menu_haut_survol, .menu_haut2, .menu_haut_survol2, .sous_menu_haut, .sous_menu_haut_survol {
		text-decoration:none; font-size:11px; line-height: normal;}

.texte {font-size:11px; word-spacing:2px; color:#000;}
.texte-tab {font-size:11px; color:#000;}
.texte_8 {font-size:9px; word-spacing:2px; color:#000;}
.texte_agenda {font-size:11px; word-spacing:2px; color:#fff;}


.titre {font-size:18px; font-weight:bold; color:#D87811;}
.sous_titre {font-size:14px; font-weight:bold; color:#D87811;}
.sous_sous_titre {font-size:12px; font-weight:bold; color:#003987;}
 
.titre_menu {font-size:14px; font-weight:bold; color:#627DAC;}

.menu_haut {font-weight:bold; color:#fff;}
.menu_haut_survol {background:#f1f1f1; font-weight:bold; font-size:100%; font-size:11px; color:#273785; cursor:pointer;}

.menu_haut2 {color:#213C7F;}
.menu_haut_survol2 {background:#273785; font-size:100%; font-size:11px; color:#fff; cursor:pointer;}

.sous_menu_haut {font-weight:bold; color:#f1f1f1;}
.sous_menu_haut_survol {background:#fff; font-weight:bold; font-size:100%; font-size:11px; color:#273785; cursor:pointer;}

.tableau_sousmenu {border:1px solid #023882;}

a {text-decoration:none; font-size:11px;}
a:hover {text-decoration:underline;}

a.lien_menu {color:#003987; line-height:normal; word-spacing:2px;}
a.lien_menu-2 {color:#D87811; line-height:normal; word-spacing:2px;}

a.lien_sous_menu {color:#013983; font-weight:bold;}

a.lien_page {color:#D87811;}

a.lien_bas {color:#003987; font-size:9px;}

a.lien_agenda {color:#fff; font-size:11px;}

a.lien_agenda2{color:#fff;}

a.lien_news{color:#000; word-spacing: 2px;}

a.titre_lien{color:#D87811; font-size: 18px; font-weight:bold;}
a.titre_lien:hover{text-decoration:none;}

a.sous_titre_lien{color:#D87811; font-size: 14px; font-weight:bold;}
a.sous_titre_lien:hover{text-decoration:none;}

a.sous_sous_titre_lien{color:#D87811; font-size: 12px; font-weight:bold;}
a.sous_sous_titre_lien:hover{text-decoration:none;}

/* ===================================================================================== */
/*                                       Nouveau CSS                                     */
/* ===================================================================================== */

.clear { clear:both;}

#content .right {
	float:right;
	}
#content .img_article {
	float:right; margin-left:8px;
	}	
#content .left {
	float:left;
	}
#content img {
	margin:0; padding:0;
	border:0;
	}	
	
/* ================================================================================================== */
/*                                           ENTETE                                                   */
/* ================================================================================================== */

#header img {
	border:none;
	}
/* _____________________________________________T E X T E  D E R O U L A N T */
#texte_deroulant {
	padding:0 6px;
	background-color:#213c7f;
	color:#fff; font-size:11px;
	/* height:18px;*/ line-height:18px;
	border:solid 1px #fff; border-width:0 1px;
	}
#texte_deroulant a {
	color:#d87811; text-decoration:none;
	}

/*________________________________________________________________M E N U */	
#navigation ul, #text_deroulant {
	width:948px; 
	}
#nav ul {
	font-family:Arial, Helvetica, sans-serif;
	height:16px;line-height:16px;
	background-color:#213c7f;
	border:solid 1px #fff;
	margin:0; padding:0;
	} 
#nav li {
	display:block; float:left; 
	margin:0; padding:0; 
	font-size:11px; list-style:none;
	text-align:center;
	}
#nav li a {
	color:#fff; font-weight:bold;
	text-decoration:none; display:block;
	border:2px solid #fff; border-width:0 2px 0 0;
	}
#nav li a:hover {
	color:#213c7f; background-color:#f1f1f1;
	}	
#mairie, #sport {
	width:48px;
	}	
#demarches {
	width:142px;
	}
#economie {
	width:116px;
	}
#social {
	width:106px;
	}
#environnement {
	width:98px;
	}
#securite {
	width:68px;
	}
#urbanisme {
	width:78px;
	}
#education {
	width:67px;
	}
#culture {
	width:122px;
	}
#nav #loisirs {
	width:54px;
	border:none;
	}
/*______________________________________________________S O U S  M E N U S */
#nav .level2 {
	padding:2px 0;
	position:absolute; background-color:#f1f1f1;
	height:auto; line-height:normal;
	border:1px solid #273785; width:auto;
	display:none; z-index:1;
	}
#nav .level2 li a {
	border:none; padding:0 6px;
	color:#213c7f;
	}
#nav .level2 li a:hover {
	border:none; background-color:#273785;
	color:#fff;
	}	
#nav .level2 li  {
	float:none; text-align:left;
	margin:2px 0;
	}
#nav ul ul.alg4 { 
	margin:0 0 0 -114px;
	}
#nav ul ul.alg5 { 
	margin:0 0 0 -175px;
	}	
div#nav ul li.submenu:hover ul.level2 {display:block;}	

	
/* ================================================================================================== */
/*                                           CONTENU                                                  */
/* ================================================================================================== */
#content a {
	color:#d87811; text-decoration:none;
	}
#content a:hover {
	text-decoration:underline;
	}
#content h2 {
	margin:0 0 5px 0; padding:0 0 0 19px;
	background:url(images/interface/fleche_jaune_grosse.gif) left 5px no-repeat;
	font:bold 19px Arial, Helvetica, sans-serif; color:#D87811;
	}	
#content h4 {
	margin:0 0 5px 0; padding:0 0 0 12px;
	background:url(images/interface/fleche_bleu_petite.gif) left 5px no-repeat;
	font:bold 13px Arial, Helvetica, sans-serif; color:#003987; 
	}
#content h3 {
	margin:10px 0 5px 0; padding:0 0 0 16px;
	background:url(images/interface/fleche_jaune_moyenne.gif) left 2px no-repeat;
	font:bold 14px Arial, Helvetica, sans-serif; color:#D87811;
	}
#content h3.norm {
	padding:0; background:none;
	font-size:15px; /* font:bold 15px Arial, Helvetica, sans-serif;  */	
	}	
#content p {
	 text-align:justify;
	 margin:0 0 10px 0; padding:0;
	 font-size:11px;
	}
#content p.conseil {
	margin:0 0 2px 0;
	}
#content p.date {
	text-align:right; color:#4F4F4F;
	}
#content p.norm {
	margin:0; padding:0;
	}
/*__________________________________________________ H A U T  D E  P A G E */
.hautpage {
	margin:0; padding:0;
	text-align:right; padding:0 20px 0 0;
	background:url(images/annuaire/fleche_retour.gif) right 0 no-repeat;
	}
.hautpage a {
	color:#d87811; font-size:11px;
	text-decoration:none;
	}
.hautpage a:hover, 
.prestation a:hover {
	text-decoration:underline;
	}	

/*______________________________ M E N U  I N T E R (NAVIGATION INTER-PAGE) */
#content ul.menu_inter, #content ul.menu_annuaire {
	margin:0; padding:0;
	list-style:none;
	}
#content ul.menu_inter li {
	margin:0 10px 0 0; padding:0 0 0 12px;
	background:url(images/interface/triangle_lien.gif) left 3px no-repeat;
	display:block; float:left;
	width:253px;
	}
#content ul.menu_annuaire li {
	margin:0; padding:0 0 0 12px;
	background:url(images/interface/triangle_lien.gif) left 7px no-repeat;
	display:block; width:253px;
	}
#content ul.menu_inter li a, #content ul.menu_annuaire li a {
	color:#003987; font-size:11px;
	line-height:14px;
	}


/*______________________________________________________________________L I S T E */
#content ul.liste_infos {
	margin:0; padding:0;
	list-style:none;
	font-size:11px;; line-height:14px;
	}
#content ul.liste_infos li {
	margin:0; padding:0 0 0 9px;
	background:url(http://www.ville-noisiel.fr/images/interface/tiret.gif) left 7px no-repeat;
	}	
#content ul.liste_tiret {
	margin:0; padding:0;
	list-style:none;
	}
#content ul.norn_pad {
	padding-bottom:10px;
	}	
#content ul.liste_tiret li {
	margin:0; padding:0 0 0 8px;
	background:url(http://www.ville-noisiel.fr/images/interface/tiret.gif) left 7px no-repeat;
	font-size:11px; line-height:14px;
	}
#content ul.bull {
	margin:0 0 0 0; padding:0;
	font-size:11px;
	list-style:none;
	}
#content ul.bull li {
	margin:0; padding: 0 0 0 8px;
	background:url(http://www.ville-noisiel.fr/images/interface/puce_asso.gif) left 5px no-repeat;
	line-height:14px;
	}	
#content ul.liste {
	margin:0 0 10px 12px; padding:0;
	font-size:11px;
	list-style:disc;
	}
#content ul.liste_asso {
	margin:0 0 10px 0; padding:0;
	font-size:11px;
	list-style:none;
	}
#content ul.liste_asso li {
	margin:0 0 3px; padding: 0 0 0 8px;
	background:url(http://www.ville-noisiel.fr/images/interface/puce_asso.gif) left 5px no-repeat;
	}
#content ol li {
	margin:5px 0 7px;
	}
	
/*_____________________________________________________________T E L E C H A R G E M E N T */	
#content p.telecharger {
	margin-bottom:5px;
	}
#content .telecharger a {
	padding-left:12px;
	background:url(images/interface/triangle_lien.gif) left 3px no-repeat;
	font-weight:bold; color:#003987;
	}
#content p.telechargement {
	margin-bottom:5px; padding-left:12px;
	margin-right:5px;
	background:url(images/interface/triangle_lien.gif) left 3px no-repeat;
	}
#content p.telechargement a {
	font-weight:bold; color:#003987;
	margin-right:10px;
	}
/*_____________________________________________________T A B L E A U  N A V I G A T I O N */	
#content table.tab_nav {
	margin:0 0 10px 0; padding:0;
	border:1px solid #023882;
	width:100%;	
	}
#content table.tab_nav td {
	padding:3px;
	border:1px solid #023882;
	text-align:center;
	}
#content table.tab_nav td a {
	color:#013983; font-weight:bold;
	}
/*_______________________________________T A B L E A U  L I E N S  H A U T  D E  P A G E */
table.ref_liens {
	margin:10px 0 15px 0; padding:0;
	border:solid 1px #023882;
	width:551px; font-size:11px;
	}
#content table.ref_liens th a {
	color:#013983;
	}
table.ref_liens th  {
	border:solid 1px #013983;
	text-align:center;
	}
/*__________________________________________________T A B L E A U X  T Y P E  F O N D S */	
#content table.detail, 
#content table.liste {
	margin-bottom:15px;
	border-collapse:collapse;
	}
#content table.detail td, 
#content table.detail th, 
#content table.liste th, 
#content table.liste td {
	padding:5px;
	border:1px solid #000000;
	}
#content table.liste td {
	text-align:center;
	}	
#content table.detail th, 
#content table.liste th {
	text-align:center;
	}	
#content table.detail td.type {
	font-weight:bold;
	width:100px; text-align:center;
	}
#content table.liste td.type {
	font-weight:bold;
	text-align:left;
	}	
	
/*________________________________________T e l e c h a r g e m e n t  X  l i g n e s - i n f o s */	
div.nb {
	border:1px #000 solid; background:#f7f7f7;
	padding:0 10px; margin:5px 0 8px;
	}	
	
/*____________________________________________________________ L E  P L U S */
#content ul.le_plus {
	margin:0; padding:0;
	list-style:none;
	}
#content ul.le_plus li {
	margin:0 0 0 17px; padding:0 0 10px 0;
	display:block; float:left;
	font-size:12px; width:170px;
	}
#content ul.le_plus li.deb {
	margin-left: 0;
	}
	

/*_____________________________________________ I M A G E S  G A L E R I E (2x2) */
ul.galerie {
	margin:0 20px; padding:0;
	list-style:none;
	}
ul.galerie li {
	margin:0 10px 0 0; padding:0 0 10px 0;
	display:block; float:left;
	width:250px; font-size:10px;
	text-align:center;
	}
ul.galerie li.fin, 
ul.gal li.fin, 
ul.gal3 li.fin {
	margin-right:0px;
	}
ul.galerie, 
ul.gal, 
ul.gal3 {
	margin:0 10px; padding:0;
	list-style:none;
	}	
ul.gal li {
	margin:0 10px 0 0; padding:0 0 10px 0;
	display:block; float:left;
	width:260px; font-size:10px;
	text-align:center;
	}
ul.gal3 li {
	margin:0 8px 0 0; padding:0 0 10px 0;
	display:block; float:left;
	width:171px; font-size:10px;
	text-align:center;
	}	
#content ul.gal li p {
	text-align:center;
	}	
	
/*________________________________________I m a g e s  n e w s */
#content img.imgrub {
	 margin:10px 0 10px 25px;
	}	
/* ================================ NEWS, TITRE PAGE, SOUS TITRE =====================================*/
#home .news {
	text-align:justify;
	}
div#titre {
	margin:0 0 5px 0; padding:0 0 0 19px;
	background:url(images/interface/fleche_jaune_grosse.gif) left 5px no-repeat;
	font:bold 19px Arial, Helvetica, sans-serif; color:#D87811;
	}
div.stitre {
	margin:0 0 5px 0; padding:0 0 0 16px;
	background:url(images/interface/fleche_jaune_moyenne.gif) left 2px no-repeat;
	font:bold 14px Arial, Helvetica, sans-serif; color:#D87811;
	}
div.s_titre {
	margin:10px 0 5px 0; padding:0 0 0 16px;
	background:url(images/interface/fleche_jaune_moyenne.gif) left 2px no-repeat;
	font:bold 14px Arial, Helvetica, sans-serif; color:#D87811;
	}
div.s_titre_norm {
	margin:10px 0 5px 0; padding:0;
	font:bold 14px Arial, Helvetica, sans-serif; color:#D87811;
	}
div.sstitre {
	margin:0 0 5px 0; padding:0 0 0 12px;
	background:url(images/interface/fleche_bleu_petite.gif) left 3px no-repeat;
	font:bold 12px Arial, Helvetica, sans-serif; color:#003987;
	}
table.txtnews {
	margin:0; padding:0;
	border:0; width:100%;
	}
table.txtnews td {
	margin:0; padding:0;
	}
div.stitre {
	margin:0 0 15px 0; padding:0 0 0 16px;
	background:url(images/interface/fleche_jaune_moyenne.gif) left 2px no-repeat;
	font:bold 14px Arial, Helvetica, sans-serif; color:#D87811;
	}
	
div.chapo {
	font:bold 12px Arial, Helvetica, sans-serif; color:#000;
	}
	
/* */
div.legende {
	margin:0; padding: 0 0 0 12px;
	text-align:justify; font-size:11px;
	background:url(images/interface/flegende.gif) left 2px no-repeat;
	}
	
/* Lien noisiel_info */
a.telechargement {
	margin:2px 0; padding:0 0 0 12px;
	background:url(images/interface/triangle_lien.gif) left 4px no-repeat;
	color:#003987;  word-spacing:2px;
	}
	
#content p.date {
	text-align:right; font-size:10px;
	color:#3E3E42;
	}