/*-------------- DEFAULT ---------------*/
body {
	background:#5C1501 url(images/hdd.jpg) 0 00px repeat-x;
	color:#000000;
	font:normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	border-bottom: 2;
	border-top: 2;
	width: 1024;
}
div, p, img, a, ul, form, input, h1, h2 {margin:0; padding:0;}
ul {list-style:none;}
a {
	text-decoration:none;
	color: #5C1501;
	font-weight: normal;
	display: compact;
	background-attachment: inherit;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
img {border:none;}
.spacer {
	font-size:0;
	clear:both;
	width: 1024px;
}


}
a:hover {
	color: #000000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #FFEC7D;
}


/*-------------- HEADER ---------------*/
#header {
	width:900px;
	padding:0 0 0 2px;
	margin:0 auto;
	height:120px;
	background:url(images/0.jpg) 100% 49px no-repeat;
	position:relative;
	background-image: url(../images/0.jpg);
	overflow: visible;
	visibility: visible;
}
/*----- TOP MENU -----*/
#header img {
	position:absolute;
	top:5px;
	left:2px;
	width: 245px;
	height: 42px;
}
#header h2.punchline {
	color:#000;
	font:bold 10px/12px Arial, Helvetica, sans-serif;
	background:url(images/0.jpg)repeat;
	position:absolute;
	left:410px;
	top:319px;
	display:block;
	width:200px;
	height: 61px;
}
#header ul {
	padding:0 0 7px 0;
	height:42px;
	font-size:10px;
	line-height:12px;
	font-weight:bold;
	text-transform:uppercase;
	position:relative;
}
#header ul li {float:right; padding:0 10px 0 0;}
#header ul li a {
	color:#827F1B; background:#FCF9E3; padding:19px 8px 11px 8px; width:auto;
	display:block;
}
#header ul li a:hover {background:#F9EFB0; color:#827F1B;}
#header ul li span {
	background:#F9EFB0; color:#827F1B; display:block;
	padding:19px 8px 11px 8px; width:auto;	
}
#header form {
	background:#fff url(images/0.jpg) 0 0 repeat-y; width:153px;
	padding:16px 0 0 10px; height:177px; color:#545453;
}
#header form h2 {
	background:url(images/0.jpg) 0 0 no-repeat; height:19px;
	font:bold 16px/15px Arial, Helvetica, sans-serif; padding:5px 0 15px 25px;
}
#header form label {
	font:bold 10px/13px Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 0 10px; height:13px; display:block;
}
#header form input.txtBox {
	width:116px; padding:1px 0 0 1px; margin:0 0 0 9px;
}
#header form input.submitBtn {
	margin:9px 0 0 76px;
}
/*----------------------- BODY ----------------------*/
#body {
	width:1024px;
	background-image:url(images/hdd.jpg)
	padding:9px 0 0 29px;
	margin:auto;
	background: #ffffff;
}
/*----------- LEFT PANEL ----------*/
#leftPanel {
	width:740px;
	float:left;
	padding-left: 7px;
}
#leftPanel h2 {
	height:38px;
	padding:0 0 0 14px;
	font:italic 20px/38px Georgia, "Times New Roman", Times, serif;
	background:url(images/body_bg.gif) 0 0 repeat-x;
	color: #660000;
}
#leftPanel p {padding:0 0 0 17px;}
#leftPanel p.moreBtn {
	margin:32px 17px 26px 17px; padding:0; height:18px; 
	background:url(images/more_bg_flat.gif) 0 50% no-repeat;
}
#leftPanel p.moreBtn a {
	background:#F1E34C url(images/more_btn.jpg) 0 0 no-repeat; width:59px; height:18px;
	display:block; text-align:center; color:#322B01; float:right;
}
/*----- NEWS ------*/
#leftPanel div.news {
	width:210px; float:left; padding:16px 31px 0 22px;
}
#leftPanel div.news p {
	padding:1px 0 0 0; line-height:14px;
}
#leftPanel div.news p.moreBtn1 {
	height:18px; padding:0; background:url(images/more_bg_doted.gif) 0 50% repeat-x;
	margin:35px 0 0 0;	
}
#leftPanel div.news p.moreBtn1 a {
	width:51px; height:18px; text-align:center; display:block; float:right;
	color:#322B01; background:#FCF9E3 url(images/more_btn_botom.gif) 0 0 no-repeat;
	line-height:18px;
}
#leftPanel div.newsRight {
	padding:16px 0 0 28px; 
	background:url(images/vertical_doted_bdr.gif) left top repeat-y;
}
/*----------- RIGHT PANEL ----------*/
#rightPanel {
	width:147px; float:left; padding:0 0 2px 7px;
}
#rightPanel h2 {
	height:27px; padding:0 0 0 9px;
	font:italic 16px/27px Georgia, "Times New Roman", Times, serif;
	background:url(images/right_h2bg.gif) 0 0 repeat-x;
}
#rightPanel ul {
	font:bold 12px/24px Arial, Helvetica, sans-serif;
	padding:10px 4px 33px 0;
}
#rightPanel ul li {
	background:url(images/dotted_black_border.gif) left bottom repeat-x;
	padding:0 0 1px 0;
}
#rightPanel ul li a {
	height:24px; display:block; padding:0 0 0 12px; color:#393939;
	background:#FCF9E3 url(images/bullet_right.gif) 92% 50% no-repeat;
}
#rightPanel ul li a:hover {
	background-color:#F5F2D9;
	color:#000;
	font-style: normal;
	font-weight: bold;
}
/*----------------------- FOOTER ----------------------*/
#footer {
	background:;
	background-image:url(images/hdd copie.png)
	padding:19px 0 16px 0;
	color:#685C14;
	width: inherit;
	float: center;
}
#footer ul {
	font-size:10px; line-height:12px; margin:0 auto;
	font-weight:bold; text-transform:uppercase; width:570px;
}
#footer ul li {float:right;}
#footer ul li a {
	padding:1px 12px; display:block; width:auto; color:#6A6816;
	background:#FFF6C1;
}
#footer ul li a:hover {
	color:#FFF6C1; background:#6A6816;
}
#footer p {
	clear:both;
	text-align:center;
	padding:8px 0 0 0;
	font:normal 9px/11px Arial, Helvetica, sans-serif;
	width: 1024px;
}
#footer p a {
color:#685C14; text-decoration:none;
}
#footer p a:hover {
text-decoration:underline;
}
/*-------------- MISCLENIOUS ---------------*/
.topPad {padding-top:23px !important;}
.gold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #A82702;
	border-bottom: 0px solid #666600;
	;
	border-left: 4px solid #5D1401;
}
<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

</style>.tites {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #5B4437;
	background-color: #ECE7B2;
}
.titres {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
}
.goldtitres {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5B4437;
}
.goldCopie {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	background-color: #FFFFFF;
	border-bottom: 0px solid #666600;
	;
	border-left: 7px solid #FFB11A;
}