html { 
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

body { font-size: 100%; background: #000; }

td { font-size: 10px; }
th { font-size: 10px; }

h1, h2, h3, h4, h5, h6 { margin: 10px 0 10px 0; padding: 0; font-weight: bold; }
h5, h6 { font-weight: normal; margin: 8px 0 4px 0; }
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
h5 { font-size: 11px; }
h6 { font-size: 10px; }


a img { border: 0; }

#container {
	width: 800px;
	margin: 0 auto;	
	position: relative;
}

#logo { position: absolute; left: 18px; top: 18px; width: 108px; height: 107px; }

#menu { position: absolute; left: 127px; top: 135px; width: 225px; color: #999; font-size: 11px; line-height: 18px; }
#menu a { color: #999; text-decoration: none; }
#menu a:hover { color: #999; text-decoration: underline; }
#menu .noMenuOpened a,
#menu .noMenuOpened a:hover { color: #fff; }
#menu .noMenuOpened a.gris,
#menu .noMenuOpened a.gris:hover { color: #999; }

#menu a.rouge,
#menu a.rouge:hover { color: #9c1b39; }
	#menu ul { list-style: none; margin: 0; padding: 0; }
		#menu ul ul { color: #fff; margin-left: 10px; }
			#menu ul ul a,
			#menu ul ul a:hover { color: #fff; }

#rightside {
	margin-left: 368px;
	height: 600px;
	overflow: hidden;
	background: #fff;	
	position: relative;
}

#citation {
	background: #bb1a3f;
	height: 34px;
	padding: 22px 0 0 22px;
	color: #fff;
	font-style: italic;
	font-size: 11px;
}
#auteur_citation { margin: 0 0 0 200px; font-size: 10px; }

#titre {
	background: #9c1b39;
	padding: 5px 0 5px 61px;
	font-size: 17px;
	font-style: italic;
	color: #fff;
	line-height: 23px;	
	height: 23px;	
	overflow: hidden;
	margin: 0;
}

#contenu { overflow: auto; padding: 0 30px 0 64px; }
	#contenu #soustitre { margin: 0 0 20px 0; font-weight: bold; font-size: 12px; }
	#contenu h2 { text-transform: uppercase; color: #9c1b39; font-weight: normal; font-size: 11px; margin: 5px 0; padding: 0; }

#infos_complement { position: absolute; bottom: 157px; left: 64px; width: 338px; height: 44px; line-height: 11px; overflow: hidden; font-size: 10px; }
	#infos_complement p { margin: 0; padding: 0; }

#photos { position: absolute; bottom: 2px; left: 1px; width: 429px; height: 141px; overflow: hidden; }
	#photos img { float: left; margin-left: 1px; }


.cp #contenu { height: 299px; }
.ncp #contenu { height: 363px; }
.cnp #contenu { height: 460px; }
.cnp #infos_complement { bottom: 2px; }
.ncnp #contenu { height: 511px; }