/**

 * 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-left: auto;
 margin-right: auto;
 padding: 0;
 height: 100%;
 margin-top:15px;
 background-color: #FFFFFF;
 background-image:url(design/back-a.png);
 background-repeat:repeat-x;
 text-align: center; 
}

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

hr
{
 border-color: #800000;
 border-style: dotted;
 border-width: 1px;
 width: 85%;
}

h1
{
 text-align: center;
 font-size: 12pt;
 font-weight: bold;
}

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: 947px;
 padding: 0;
 border-collapse: collapse;	/*colle les cellules entre-elles*/
 height: 100%;
 margin-left: auto;
 margin-right: auto;
}

#maincontent	/*Cellule principale*/
{
 text-align: center;
 vertical-align: top;
 width: 947px;
 height: 100%;
 background-color:#FFFFFF;
 background-image:url(design/backtab.png);
 background-repeat:repeat-y;
 border-bottom:#800000 solid 2px;
}

.printable #maincontent
{
 background-image: none;
 border-bottom: none;
}

#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%;
}

#bann{
width:947px;
height:123px;
background-repeat:no-repeat;
text-align:center;
}

#sousmenu{
background-image:url(design/backtab.png);
background-repeat:repeat-y;
background-color:#FFFFFF;
width:947px;
height:30px;
border-bottom:#800000 solid 2px;
}

.sousmenutab{
text-align:center;
width:947px;
height:30px;
margin-top:4px;
}

#footer{
background-image:url(design/footer.png);
width:947px;
height:34px;
background-repeat:no-repeat;
text-align:center;
}

.footertab{
text-align:center;
width:947px;
height:34px;
vertical-align:top;
font-weight:bold;
}

#baseactudiv, #baseactutable	/*tableau principal de la page d'accueil */
{
 width: 880px;
 padding: 0;
 border-collapse: collapse;	/*colle les cellules entre-elles */
 height: 100%;
 margin-left: auto;
 margin-right: auto;
}

.cadreactu{				/* lignes verticales du cadre actualités */
 width:482px;
 margin:10px;
 height: 100%;
 background-color:#FFFFFF;
 background-image:url(design/cadre_actu_bords.png);
 background-repeat:repeat-y;
}

.top_cadre{			/* lignes horizontale du haut du cadre actualités */
background-image:url(design/cadre_actu_haut.png);
width:482px;
height:14px;
background-repeat:no-repeat;
}

.footer_cadre{			/* lignes horizontale du bas du cadre actualités */
background-image:url(design/cadre_actu_bas.png);
width:482px;
height:14px;
background-repeat:no-repeat;
}

.cadreactucontenu{
height:100%;
margin:10px;
}

.cadreliensrapides{
background-image:url(design/cadre_liensrapides.png);
background-repeat:no-repeat;
height:43px;
width:870px;
text-indent:10px;
}

#lienrapide{
height:15px;
width:170px;	
float:left;
font-size: 9pt;
font-weight: bold;
text-align:center;
}

.diaporama{
text-align:center;	
}

/**
 * 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:relative;	/*fixé*/
 visibility: hidden;	/*caché*/
 z-index:2;			/*Mise au premier plan*/
}

#topdeck{
	position:relative;
	z-index:3;	
 /*margin-top:0px;
 margin-bottom:0px;
 padding-top:0px;
 padding-bottom:0px;
 height:0px;*/
}

#menubardiv 			/*Conteneur de la barre de menu*/
{
 z-index: 1;			/*Placé dessous*/
 background-color:#800000;
 background-image:url(design/backmenu.png);
 height:45px;
}

#menubar				/*Barre de menu*/
{
 width: 947px;
 height:45px;
}

#menuinbar				/*Contenu de la barre de menu*/
{
 margin-top:7px;
 padding-right:7px;
}

.menubaritem			/*Titre de menu*/
{
 padding: 0px 0px 0px 1px;		/*Espacement*/
 text-align: center;
 border: 1px inset;		/*Encadrement 3D*/
 border: 0px;
 font-size: 8pt;
 font-weight: bold;
 background-color: #a9a9a9;
 width:129px;
 height:20px;
}

.menubaritem p
{
	font-size: 8pt;
	font-weight: bold;
}

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

#mi0.menubaritem.menubaritemcurrent.bt{
background-color:#FFF;
color:#FFF;
}

#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: 17px;
}

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

body.layout4 #topmnu .content	/*Lignes de couleurs horizontales*/
{
 margin-top:0px;
 margin-bottom:0px;
 padding-top:0px;
 padding-bottom:0px;
}


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

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

table.menubox		/*Conteneur du menu déroulant*/
{
 position:absolute;
 padding-top:4px;
 padding-left:2px;
}

table.menuinbox		/*Menu déroulant*/
{
	/*border: 1px solid #000;*/
	border-width:thin;
	border-color:#000;
	background-color:#D3D3D3;
    min-width: 140px;
}

.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	/*Fonds de pages, menu, menu déroulant*/
{
 background-color: #FFFFFF;
 background-image:url(design/back-o.png);
 background-repeat:repeat-x;
}

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

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

body.vo, #menuinbar td.vo, .menubox td.vo, table.vo
{
 background-color: #FFFFFF;
 background-image:url(design/back-r.png);
 background-repeat:repeat-x;
}

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

body.eau, #menuinbar td.eau, .menubox td.eau, table.eau
{
 background-color: #FFFFFF;
 background-image:url(design/back-b.png);
 background-repeat:repeat-x;
}

body.pp, #menuinbar td.pp, .menubox td.pp, table.pp
{
 background-color: #FFFFFF;
 background-image:url(design/back-v.png);
 background-repeat:repeat-x;
}

body.expo, #menuinbar td.expo, .menubox td.expo, table.expo
{
 background-color: #FFFFFF;
 background-image:url(design/back-g.png);
 background-repeat:repeat-x;
}

.pp-light

{
 background-color: #CCCC90;
}

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

body.printable
{
 background-color: white;
 background-image: none;
}

#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: 9pt;
 font-weight: bold;
}

#site_map p, #site_map td
{
 font-size: 8pt;
}

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

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

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: 8pt;
}

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

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;
}