/**

 * Feuille de style pour le site des Travaux Publics
 * Ville de Neuchâtel
 * Jan Villat, juillet 2002
 */

body
{
 font-family: "Verdana", "Century Gothic", "Tahoma", "Arial", "Helvetica", sans-serif;
 margin: 0;
 padding: 0;
 height: 100%;
 margin-left: 5px;
}

p, td, li, h1, h2, h3, h4, h5, h6
{
 font-family: "Verdana", "Century Gothic", "Tahoma", "Arial", "Helvetica", sans-serif;
 font-size: 10pt;
}

h1
{
 text-align: center;
 font-size: 12pt;
 font-weight: bold;
 padding-top: 2em;
 padding-bottom: 1.5em;
}

body.layout3	/*VERSION SANS JAVASCRIPT*/
{
 background-image: url('images/static/fonds/lignes2.gif');
 background-repeat: repeat-y;
 background-position: top left;
 margin-left: 0px;
}

#basediv, #basetable
{
 width: 100%;
 margin: 0;
 padding: 0;
 border-collapse: collapse;	/*colle les cellules entre-elles*/
 height: 100%;
}

#maincontent	/*Cellule principale*/
{
 text-align: center;
 vertical-align: top;
 width: 100%;
 height: 100%;
}

#maincontent table.main		/*Même règle que ci-dessus mais pour Mozilla*/
{
 margin-left: auto;
 margin-right: auto;
}

body.printable #maincontent table.main		/*Même règle que ci-dessus mais pour Mozilla*/
{
 width: 100%
}

/**
 * Mise en forme générale des liens
 */
a:link, a:visited
{
  color: #800000;
  text-decoration: none;	/*Pas de soulignement*/
}

a:hover						/*Lien avec souris dessus*/
{
  color: #800000;
  text-decoration: underline;	/*Souligné*/
}

#maincontent a:link, #maincontent a:visited, #maincontent a:hover
{
 font-weight: bold;
}

a:hover.nodeco				/*Pas de soulignement pour la class nodeco*/
{
  text-decoration: none;
}

a:link img, a:visited img, a:hover img		/*Empêche la bordure autour d'une image avec lien*/
{
 border: 0;
}

#maincontent img.bord, #maincontent img.bord, #maincontent img.bord
{
 border: 2px solid black;
}

/**

 * Mise en forme des menus
 */
.popper			/*Menu déroulant*/
{
 position: absolute;	/*fixé*/
 visibility: hidden;	/*caché*/
 z-index: 3;			/*Mise au premier plan*/
}

#menubardiv 			/*Conteneur de la barre de menu*/
{
 z-index: 1;			/*Placé dessous*/
}

#menubar				/*Barre de menu*/
{
 width: 100%;
 border-collapse: collapse;
}

#menuinbar				/*Contenu de la barre de menu*/
{
 border-collapse: collapse;
}

.menubaritem			/*Titre de menu*/
{
 padding: 8px 10px;		/*Espacement*/
 text-align: center;
 border: 1px inset;		/*Encadrement 3D*/
 font-size: 9pt;
 background-color: white;
}

#menubardiv #menubar .menubaritemcurrent	/*Titre de la première cellule du menu*/
{
 font-weight: bold;
 font-style: italic;
 background-color: white;
 color: black;
}

#menubardiv #menubar .menubaritemcurrent a:link, 		/*Liens des titres de menus restent noir*/
#menubardiv #menubar .menubaritemcurrent a:hover,
#menubardiv #menubar .menubaritemcurrent a:visited,
.menubaritem a:link,
.menubaritem a:visited,
.menubaritem a:hover
{
 color: black;
}

.menubarpadding		/*Cellules d'espacement entre les menus*/
{
 width: 20px;
}

body.layout4 #topmnu	/*Lignes de couleurs horizontales*/
{
 background-image: url('images/static/fonds/lignes.gif');
 background-repeat: repeat-x;
 background-position: bottom;
 height: 0px;
}

body.layout3 #topmnu	/*Version sans JS : pas d'images*/
{
 background-image: none;
}

body.layout4 #topleftmnu	/*Angle sup-gauche*/
{
 background-image: url('images/static/fonds/alignes.gif');
 background-repeat: no-repeat;
 background-position: bottom right;
 width: 20px;
}

body.layout3 #topleftmnu	/*Angle sup-gauche sans JS*/
{
 background-image: none;
}

body.layout4 #leftmnu		/*Cellule de gauche*/
{
 background-image: url('images/static/fonds/lignes2.gif');
 background-repeat: repeat-y;
 background-position: top right;
 width: 20px;
 vertical-align: top;
 height: 100%
}

#leftmnu		/*Cellule gauche sans JS*/
{
 background-image: none;
 width: 200px;
 vertical-align: top;
 height: 100%
}

body.layout3 #leftmnu td.mnu1		/*Menu 1 sans JS*/
{
 font-size: 10pt;
 font-weight: bold;
}

body.layout3 #leftmnu td.mnu2		/*Menu 2 sans JS*/
{
 font-size: 9pt;
 font-weight: bold;
}

body.layout3 #leftmnu td.mnu3		/*Menu 3 sans JS*/
{
 font-size: 8pt;
 font-weight: normal;
}

body.layout3 #leftmnu td.mnu5,		/*Menu x sans JS*/ 
body.layout3 #leftmnu td.mnu6, 
body.layout3 #leftmnu td.mnu7,
body.layout3 #leftmnu td.mnu8,
body.layout3 #leftmnu td.mnu9,
body.layout3 #leftmnu td.mnu10,
body.layout3 #leftmnu td.mnu11,
body.layout3 #leftmnu td.mnu12,
body.layout3 #leftmnu td.mnu13,
body.layout3 #leftmnu td.mnu14
{
 font-size: 8pts;
 font-weight: normal;
}

.menubartree		/*Menu hiérarchique horizontal*/
{
 font-size: 8pt;
 height: 20px;
}

table.menubox		/*Conteneur du menu déroulant*/
{
 border: 1px inset;
 border-collapse: collapse;
 margin: 0;
 padding: 0;
}

table.menuinbox		/*Menu déroulant*/
{
 border-collapse: collapse;
 margin: 0;
 padding: 0;
}

.menuitem		/*Element de menu déroulant*/
{
 font-size: 8pt;
 margin: 0;
 padding-top: 2px;
 padding-bottom: 2px;
 padding-left: 5px;
 padding-right: 5px;
}

.menuitem a:link, .menuitem a:visited	/*Liens de l'élément*/
{
 color: black;
 text-decoration: none;
}

.menuitem a:hover
{
 color: black;
 text-decoration: underline;
}

#maincontent td.content		/*Cellule de contenu dans la cellule principale*/
{
 padding: 10px;
}


/* Couleurs spécifiques */
body.bt, #menuinbar td.bt, .menubox td.bt, table.bt		/*Fonds de pages, menu, menu déroulant*/
{
 background-color: #F3BB55;
}

.bt-light
{
 background-color: #FFDA96;
}

body.vo, #menuinbar td.vo, .menubox td.vo, table.vo
{
 background-color: #DD9588;
}

.vo-light
{
 background-color: #F6C2B9;
}

body.eau, #menuinbar td.eau, .menubox td.eau, table.eau
{
 background-color: #5EADA6;
}

body.pp, #menuinbar td.pp, .menubox td.pp, table.pp
{
 background-color: #AFAB64;
}

.pp-light

{
 background-color: #CCCC90;
}

body.rues, #menuinbar td.rues, .menubox td.rues
{
 background-color: #E0E0E0;
}

body.printable
{
 background-color: white;
}

#menuinbar td.expo, .menuinbox td.expo		/*Menu, menu déroulant*/
{
 background-color: #5B554F;
 color: #000000;
}

#menuinbar td.expo a, .menuinbox td.expo a:hover, .menuinbox td.expo a:visited, .menuinbox td.expo a:link
{
 color: #FFFFFF;
}

.download td			/*Texte des fichiers téléchargeables*/
{
 font-size: smaller;
 font-weight: bolder;
 text-align: left;
}

.filesize				/*Taille du fichier téléchargé*/
{
 font-size: smaller;
 font-weight: normal;
}

#site_map h1
{
 font-size: small;
 font-weight: bold;
}

#site_map p, #site_map td
{
 font-size: x-small;
}

table#capsule
{
 margin-left: auto;
 margin-right: auto;
 width: 720px;
}

table#galerie
{
 margin-left: auto;
 margin-right: auto;
 width: 800px;
}

body.printable table#capsule
{
 margin-left: 0;
 margin-right: 0;
 width: 100%;
}

/* Galeries */
table.images td, table.images td img
{
 text-align: center;
 vertical-align: middle;
}

table.images td, table.image td
{
 font-size: x-small;
}

table.images td.titre, table.image td.titre
{
 text-align: center;
 font-weight: bold;
 padding: 0.5em;
 font-size: small;
}

table.images, table.image
{
 width: 100%;
}

table thead td
{
 font-weight: bold;
 padding-bottom:0.5em;
}

thead {display: table-header-group;}

table.vandal, table.plantes
{
 border-collapse: collapse;
}

table.vandal td, table.plantes td
{
  padding: 2px;
  vertical-align: top;
  padding-right: 5px;
}

table.plantes td
{
  padding-right: 50px;
}

table.plantes th
{
	border-bottom: 1px solid black;
	font-size: 10pt;
	text-align: left;
}

table.vandal tr.total td
{
	font-weight: bold;
	padding-top: 1em;
	margin-top: 1em;
	padding-bottom: 0.5em;
}

table.vandaldet td
{
	vertical-align: top;
	padding-top: 0.5em;
}

#aiglesommaire
{
background-image: url('../images/aigle_trame.gif');
}