/* www.patrimoine-en-musique.com - styles  communs à toutes les pages */
body {
	margin:0px;
	padding:0px;
	background-color:#000;
	color:#fff;
	}
#refer {
	display:none;
	padding-left:213px;
	}
#refer h1{
		font-size:14px;font-weight:bold;color:#c0c0c0;
	}

#page {
	margin:0px auto;
	padding:0px;
	width:720px;
	background-image:url("../media/fond.gif");
	background-repeat:repeat-y;
	}
#entete {
	width:100%;
	height:214px;
	background-image:url("../media/belles-pierres-en-musique.gif");
	background-repeat:no-repeat;
	}
#entete ul {
	width:200px; /* fixer largeur sinon bug sur IE 5 MAC (occupe 100%) */
	height:170px;
	margin:0px 0px 0px 520px;
	padding:9px 0px 0px 0px;
	list-style-type: none;
	font-family:arial;
	font-size:11px;
	}
#entete li {
	margin:0px;
	padding:3px 0px;
	}

#marge {
	float:left;
	width:203px;
	margin:0px;
	padding:0px;
	background-color:#0099FF;
	font-family:arial;
	font-size:11px;
	}
	
#marge ul {
	width:203px; /* fixer largeur sinon bug sur IE 5 MAC (occupe 100%) */
	margin:0px;
	padding:0px;
	list-style-type: none;
	color:#000;
	font-weight:bold;
	}
	
#marge li {
	width:100%; /* sinon le rollover ne fonctionne pas sous toute la largeur sous IE6 */
	margin:0px;
	padding:5px 0px;
	border-bottom:1px solid #000;
	cursor:pointer;
	}

#marge li span {
	padding-left:10px;
	}

#marge li.courant {
	cursor:default;
	background-color:#005DED;
	}
	
/* #marge li:hover {...} ne fonctionne pas sous IE => javascript...*/

#marge li a:link {color:#000;text-decoration:none;padding-left:10px;}
#marge li a:visited {color:#000;text-decoration:none;padding-left:10px;}
#marge li a:hover {color:#FFF;text-decoration:none;padding-left:10px;}

#photo {}

#marge p {
	margin:10px 0px;
	padding:0px 0px 0px 10px;
	}

#marge p:first-line {
	font-weight:bold;
	}
	
#marge img.logo {
	margin:0px 0px 10px 10px;
	}

#marge a:link{color:#fff;text-decoration:underline;}
#marge a:visited {color:#fff;text-decoration:underline;}
#marge a:hover {color:#fff;text-decoration:underline;}

#centre {
	float:left;
	width:517px;
	margin:20px 0px 0px 0px;
	padding:0px;
	}
#centre p {
	padding:0px 0px 0px 10px; 
	font-family:verdana;
	font-size:11px;
	}

/* on définit la marge supérieure dans le bloc 'centre' plutot que sur le 1er para */
/* sinon diff. entre NAV => para 1 : margin-top:0px; */

#infos {
	margin:0px;
	padding:0px;
	font-family:arial;
	font-size:11px;
	}

#mentions {
	float:left;
	width:30%;
	margin:0px;
	padding:0px 0px 0px 10px;
	}

#mentions a:link{color:#fff;text-decoration:underline;}
#mentions a:visited {color:#fff;text-decoration:underline;}
#mentions a:hover {color:#fff;text-decoration:underline;}

#copyright {
	float:right;
	width:60%;
	margin:0px;
	padding:0px;
	text-align:right;
	font-family:verdana;
	font-size:10px;
	color:#c0c0c0;
	}
#copyright a:link{color:#c0c0c0;text-decoration:underline;}
#copyright a:visited {color:#c0c0c0;text-decoration:underline;}
#copyright a:hover {color:#005DED;text-decoration:underline;}

.spacer {clear:both;}
.gras {font-weight:bold;}
.euro {font-family:arial;}

.encart {
 width: 100%;
 margin-bottom: 0.5em;
 border-top: 1px solid #FFD71F;
 border-bottom: 1px solid #FFD71F;
 background: #FFD71F;
}

.encart div {
 padding: 5px;
}

.encart p {
 margin: 0;
 padding: 0 10px;
 
 color: #000;
}