@font-face {
	font-family : 'Papyrus';
	src: url('fonts/PAPYRUS.TTF') format('truetype');
}
@font-face {
	font-family : 'Viner Hand ITC';
	src: url('fonts/VINERITC.TTF') format('truetype');
}
@font-face {
	font-family : 'Blue Highway Linocut';
	src: url('fonts/BLUEHIGL.TTF') format('truetype');
}
body { 
	margin: 10px;
	margin-top:20px;
	background-color:#2a2a2a;
	font-family:"Segoe UI", "arial";	
}
a {
	text-decoration:none;
	color:#FFFFFF;
}
a:hover {
	text-decoration: none;
	color:#FFB66C;
}
#titre {
	font-family:"Viner Hand ITC";
	color:#999;
	margin-left:30px;
	font-size:56px;
	position:relative;
	top:60px;
}
#tbis {
	font-family:"Blue Highway Linocut";
	color:#999;
	margin-left:30px;
	font-size:26px;
	position:relative;
	top:110px;
}
#bloc {
	width:95%;
	margin: auto;
	background-color: #151515;
	max-width:1000px;
	min-width:765px;
	height:auto;

}
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menu {
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left:-240Px;
	z-index:100;
}
#menu dl {
	float: left;
	width: 80px;
	margin: 0 ;
}
#menu div {
	float: left;
	width: 80px;
	margin: 0 ;
	top:25px;
}
#menu div img {
	border:none;
}
#menu dt {
	cursor: pointer;
	text-align: center;
	font-weight: bold;
}
#menu li {
	text-align: left;
	font-size:15px;
}
#menu li a {
	color: #FF9900;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
	width:150px;
	margin-left:10px;
}
#menu dt a {
	text-decoration: none;
}
#menu li a:hover {
	color: #FF3333;
}
#menu dt a:hover {
}
#maj {
	float:right;
	margin-right:15px;
	margin-top:165px;
	width:325px;
	height:630px;
	background-color: #303030;
	border:2px solid #331C1E;
	text-align:left;
	color:#EFEDEE;
	font-size:14px;
	font-weight:bolder;
}
#rubrique {
	width:200px;
	color:#FFFFFF;
	font-weight:bold;
}
.rub {
	border-bottom:2px solid #888888;
	margin:10px;
}
.imaget {
	margin:12px;
}
.imaget img {
	border:1px solid #CCCCCC;
	margin:3px;
	margin-top:5px;
	width:62px;
}
.imabloc {
	width:64px;
	height:64px;
}
.imablocliste {
	margin-top:0px;
	margin-left:12px;
	width:64px;
	height:64px;
}
.comm {
	font-size:13px;
	text-align:right;
	margin-right:15px;
	height:64px;
	font-style:oblique;
}
.comm img {
	border:1px solid #CCCCCC;
	margin-top:0px;
	margin-left:12px;
	width:64px;
}
.comm a {
	text-decoration:none;
	color:#EFEDEE;
}
.comm a:hover {
	text-decoration:underline;
}
.commtext {
	width:220px; 
	float:left;
	font-style: normal;
}
.commtext span{
	font-size:11px; 
	color: #CCCCCC;
	font-style:italic;	
}
#principal {
	position:relative;
	padding: 1px 20px;
	margin-left: 15px;
	margin-right: 360px;
	top:65px;
	background-color: #303030;
	border:2px solid #331C1E;
	text-align:left;
	color:#EFEDEE;
	font-size:13px;
	font-weight:bolder;
}
#principal a {
	border:none;
}
#principal img{
	margin-top:15px;
	margin-bottom:15px;
	max-width:100%;
	max-height:580px;
	border:none;
}
#diapo {
	float:right;
	margin-right:15px;
	margin-top:100px;
	width:250px;
	height:530px;
	text-align:left;
	color:#EFEDEE;
	font-size:13px;
	font-weight:bolder;
}
#visio {
	position:relative;
	padding: 1px 20px;
	margin-left: 15px;
	margin-right: 275px;
	top:100px;
	text-align:left;
	color:#EFEDEE;
	font-size:13px;
	font-weight:bolder;
}
#visio img {
	margin-top:15px;
	margin-bottom:15px;
	max-width:99%;
	max-height:600px;
	border:#999999 2px solid;
}
#vues {
	left:50%;
	width:800px;
	margin-left:-400px;
	position:relative;
	top:150px;
}
#vues.imaget img{
	border:0;
}
#photo {
	position:relative;
	padding: 1px 20px;
	margin-left: 15px;
	top:0px;
	text-align:left;
	color:#EFEDEE;
	font-size:13px;
	font-weight:bolder;
}
#photo img {
	margin-top:15px;
	margin-bottom:15px;
	max-width:99%;
	max-height:550px;
	border:#000000 2px solid;
}
.majliste {
	float:left;
	margin-top:150px;
	width:330px;
	height:680px;
	text-align:left;
	color:#EFEDEE;
	font-size:14px;
	font-weight:bolder;
}
#index {
	position:relative;
	padding: 1px 20px;
	margin-left: 10px;
	margin-right: 300px;
	top:30px;
}
#index a {
	text-decoration:none;
	color:#DDDDDD;
}
#index a:hover {
	text-decoration:underline;
}
#index img {
	margin-top:15px;
	margin-bottom:15px;
	width:100%;
	max-height:600px;
	border:0;
}
#indextext {
	float:right;
	margin-right:15px;
	margin-top:45px;
	width:280px;
	height:350px;
	text-align:right;
	color:#DDDDDD;
	font-size:21px;
	font-weight:bolder;
}
#indextext li {
	font-size:17px;
	text-align:center;
}
#indextext li a {
	text-decoration:none;
}
#indextext li a:hover {
	text-decoration:underline;
}
#pied {
	position: relative;
	font-family: "segoe UI", "arial";
	text-align: center;
	height: 22px;
	font-size: 10pt;
	max-width:1000px;
	min-width:790px;
	margin: 0 auto;
	color:#FFF;
	top:20px;
}