body	{
	width:100%;
	background:url(images/texture.jpg);	
	margin:0;
	padding:0;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	font-family:verdana, sans-serif;
}
h1,p,ul,li	{
	padding:0;
	margin:0;
}
img	{
	border:none;
}
a	{
	text-decoration:none;
}
#page	{
	margin:0 auto;
	width:900px;
	background:#bed747;
	text-align:left;
}

#entete	{
	margin:0;
	padding:0;	
	background:url(images/rue-judaique.jpg) no-repeat #bed747;	
	width:900px;
	height:190px;
}

#entetenoel	{
	margin:0;
	padding:0;	
	background:url(images/rue-judaique-noel.jpg) no-repeat;	
	width:900px;
	height:190px;
}


a.association	{
	display:block;
	width:300px;
	height:30px;
	padding:5px;
	text-decoration:none;
	color:#000;
	font-size:16px;
	line-height:11px;
}
span.association	{
	color:#fff;
	font-size:10px;
	font-style:italic;
	font-weight:normal;
}


#nav, #nav ul { /* toutes les listes */
	clear:both;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index:1000;
	background:#bed747;

}

#nav li a {
	display: block;
	width: 180px;
	line-height:22px;
	text-align:center;
}

#nav li ul li a	{
	display:block;
	line-height:16px;
	font-size:11px;
}
#nav li ul li a:hover	{
	background:#bed747;
}

#nav li { /* tous les items de liste */
	float: left;
	padding: 0;
	margin:0;	
	width: 180px; /* largeur obligatoire, sinon opera devient fou */
}

#nav li ul { /* listes de deuxième niveau */
	padding: 0;
	position: absolute;
	width: 180px;
	left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
}

#nav li:hover ul, #nav li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	left: auto;
	padding: 0;
}
.m:hover	{ /* couleur de survol pour les items de liste */
	color:#fff;
	background:#bed747;
}
#contenu {
	clear: left;
	width:900px;
	background:#bed747;
	text-align:left;
}
#map	{
	/*background:url(images/planjud.gif) no-repeat;*/
	width:900px;
	height:510px;
}
#zone	{
	margin:0;
	padding:0;
	position:relative;
	background:url(images/planjud.gif) no-repeat;
	list-style:none;
	width:900px;
	height:510px;
	z-index:1;
}
#zone li	{
	display:block;
	position:absolute;
	margin:0;
	padding:0;
}
#zone li a	{
	text-decoration:none;
	display:block;
	text-indent:-9999px;
}
div.spot1	{
	margin:0;
	padding:0;
	position:absolute;
	left:460px;
	top:20px;
	width:200px;
	height:210px;
	/*background:#a00;*/
}
div.spot2	{
	margin:0;
	padding:0;
	position:absolute;
	left:680px;
	top:20px;
	width:200px;
	height:210px;
	/*background:#cba;*/
}
div.spot3	{
	margin:0;
	padding:0;
	position:absolute;
	left:20px;
	top:360px;
	width:200px;
	height:100px;
	/*background:#00a;*/
}
#zone li div a	{
	position:absolute;
	text-indent:0;
}

#listcom	{
	background:url(images/carrefour_judaique_chateau_d_eau.jpg) no-repeat #fff;
	width:900px;
	min-height:677px;
}
#listcom ul	{
	margin:0;
	padding:0;
}
#listcom li	{
	list-style:none;
}
#listcom h3	{
	margin:0 0 0 0;
	padding:20px;
	text-align:right;
	font-size:30px;
}
#listcom table 	{
	margin-left:30px;
	padding:0;
}
#tempo 	{
	background:url(images/carrefour_judaique_chateau_d_eau.jpg) no-repeat #fff;
	width:900px;
	min-height:677px;
}
#tempo table 	{
	margin-left:30px;
	padding:0;
}
#tempo h3	{
	margin:0 0 0 0;
	padding:20px;
	text-align:right;
	font-size:30px;
}
#pagecom h1	{
	margin:0 0 0 0;
	padding:35px 0 0 20px;
	float:left;
	text-align:right;
	font-size:10px;
}
#pagecom h3	{
	margin:0 0 0 0;
	padding:20px;
	text-align:right;
	font-size:30px;
}
#montage	{
	background:#fff;
	width:900px;
}
#montage p.comment	{
	text-indent:-999em;
}
#histo	{
	width:900px;
	text-align:center;
	padding:0;
	margin:0 auto;
}
#histo ul	{
	width:900px;
	list-style:none;
	padding:0;
	margin:0;
	margin-top:40px;
	text-align:center;
}
#histo ul li	{
	float:left;
	width:200px;
	margin-right:20px;
}
#histo ul li a	{
	display:block;
	width:200px;
	font-size:11px;
	height:15px;
}
#histo ul li a:hover	{
	color:#fff;
}
#pied	{
	width:900px;
	margin:0 0 0 0;
	padding:10px 0 10px 0;
	text-align:center;
	font-size:9px;
	font-weight:normal;
	background:#bed747;
}
.pres	{
	font-weight:normal;
	font-size:15px;
	line-height:20px;
}
.pres2	{
	font-weight:normal;
	font-style:italic;
	font-size:15px;
	line-height:20px;
}
.lettrine	{
	font-style:normal;
	font-weight:bold;
	font-size:30px;
}
.lien	{
	color:#000;
	font-size:11px;
	font-weight:normal;
}
.on	{
	color:#000;
	font-size:11px;
	font-weight:bold;
}
.on:hover	{
	color:#ec008c;
	font-size:11px;
	font-weight:bold;
}

.off	{
	color:#ddd;
	font-size:11px;
	font-weight:bold;
}
.specialite	{
	font-style:italic;
	font-size:11px;
	font-weight:normal;
}
.adressepop	{
	font-style:italic;
	font-size:11px;
	font-weight:normal;
}
.catpop	{
	font-size:9px;
}
/* classes de couleurs fond et texte (il en manque)  */
.violet	{
	color:#964f81;
}
.jaune	{
	color:#fff200;
}
.cyan	{
	color:#00aeef;
}
.orange	{
	color:#fdb913;
}
.magenta	{
	color:#ec008c;
}
.vert	{
	color:#bed747;
}
.blanc	{
	color:#fff;
}
.noir	{
	color:#000;
}
.bviolet	{
	color:#fff;
	background:#964f81;
}
.bjaune	{
	color:#000;
	background:#fff200;
}
.bcyan	{
	color:#fff;
	background:#00aeef;
}
.borange	{
	color:#000;
	background:#fdb913;
}
.bmagenta	{
	color:#fff;
	background:#ec008c;
}
.bvert	{
	color:#fff;
	background:#deeba3;
}
.bmviolet	{
	color:#fff;
	background:#caa7c0;
}
.bmjaune	{
	color:#000;
	background:#fff87f;
}
.bmcyan	{
	color:#fff;
	background:#7fd6f7;
}
.bmorange	{
	color:#000;
	background:#fedc89;
}
.bmmagenta	{
	color:#fff;
	background:#f67fc5;
}
.bmvert	{
	color:#fff;
	background:#bed747;
}
.titredoc	{
	font-family:times, serif;
	font-size:12px;
	font-weight:bold;
}
.legende	{
	font-family:times, serif;
	font-size:12px;
	font-style:italic;
	font-weight:normal;
}
.textecourant	{
	padding:20px;
	background:#eee;
	text-align:left;
	font-weight:normal;
	line-height:18px;
}
.titre	{
	font-size:14px;
	font-weight:bold;
	font-style:italic;
}
.intertitre	{
	font-size:13px;
	font-weight:bold;
	font-style:italic;
}