body { text-align:center; background-color:#000;
  /*background-image:url(images/image12.jpg);*/
  background-image:url(images/image12.jpg);
  width:1280px;
  height:1026px;
  position:absolute;
  background-repeat : no-repeat;
  margin:0;
 }
code { font-size:12px; }

#menucontainer 
{
/*width:30%;*/
height:570px;
/*float:left;*/
/*position:relative;
bottom:48%;
right:0%;
/*margin-top:-30px*/;
/*margin-left:-225px*/
;	
}

#leftColumn {width: 200px;
height:608px;
margin-left:30px;
float: left;
}

/* ----------------- partie de code pour la fleur ------------------------------------------*/

#hex {padding:0; margin:0 auto; list-style:none; width:325px;}
#hex li {display:block; float:left; width:104px; margin-right:4px;  height:120px;}
#hex li.p1 {padding-left:54px;}
#hex li.p2 {margin-top:-26px;}
#hex li a {/*text-decoration:none; color:#000;*/ cursor:pointer;
font:14px ;
 color:#6633FF;
 font-variant:small-caps;
   font-weight: bold;
   padding:0; margin:0px;
}
#hex li a b {display:block; width:0; height:0; overflow:hidden; border-bottom:30px solid #ec0; border-left:52px dotted transparent; border-right:52px dotted transparent;border-bottom-color:#FFF;}
#hex li a span {
	display:block;
	width:104px;
	height:60px;
	line-height:11px;
	text-align:center;
	background:#fff;
	font-size:14px;
	font-family: verdana,arial, sans-serif;
	font-variant:small-caps;
	background-color: #FFF;
}

#hex li a em {display:block; width:0; height:0; overflow:hidden; border-top:30px solid #ec0; border-left:52px dotted transparent; border-right:52px dotted transparent;border-top-color:#FFF;}
/* hack for IE5.5 */
/** html #hex li a b, * html #hex li a em {width:104px; height:30px; w\idth:0; he\ight:0;}*/


#hex li a.inner b {border-bottom-color:#FFFF33;}
#hex li a.inner span {background:#FFFF33;}
#hex li a.inner em {border-top-color:#FFFF33;}

#hex li a:hover {white-space:normal;}

#hex li a:hover b {border-bottom-color:#FFFF33;}
#hex li a:hover span {background:#FFFF33;}

#hex li a:hover em {border-top-color:#FFFF33;}

#hex li a.inner:hover b {border-bottom-color:#FFCC33;}
#hex li a.inner:hover span {background:#FFCC33;}
#hex li a.inner:hover em {border-top-color:#FFCC33;}

/* ----------------- Fin partie de code pour la fleur ------------------------------------------*/


#page 
{
	margin:auto;
	position:absolute;
	/* width:840px;*/ 
  /*padding:80px;*/
  padding-top:4%;
	/*  padding-bottom:235px;*/
/*  border:3px solid #6F7850;*/
  font:12px verdana,tahoma;
	text-align:left;
	display:block;
	left: -3px;
	top: -2px;
	width:100%;
	height: 977px;
  /*background-color:#e5dfb9;*/
  /*background-image:url(test.jpg);*/
  /*  background-image:url(bg.gif);
  /*background-repeat:no-repeat;*/
  /*background-position:-10px 0;*/
}

#header    { clear:both; /*margin:55px;*/ width:68%;  padding:6%; margin-left:17%;}
#header h1 { font:41px verdana,tahoma; padding:0; margin:0px; color:#FEEDFD; }
#header h2 { font:15px verdana,tahoma; padding:0; margin:0px; color:#FFCC99;}
#header h1 a { font:35px verdana,tahoma; padding:0; margin:0px; color:#e5dfb9; }

#main      { margin:65px; clear:both; height:422px; color:#EDEDE7 ;margin-left:0px;}
#content   { /*float:right; */width:74%;color:#EDEDE7 ;	position:relative;
	left: 0%;

	}
#righty    {
	float:left;
	width:30%;

}

#main h2,   #content h2
{
 font:100% verdana,tahoma;
 padding:2px;
 padding-left:5px;
 padding-bottom:0px;
 color:#FFCC99;
 margin:0px 0px 10px 0px;
 font-variant:small-caps;
 display:block;
}

#main   p  , #content p { margin:6px; }
#main   ul , #content ul{ padding:0px; margin:10px 0 10px 20px; }
#main   li , #content li { list-style: square inside; }

#footer,  #footer a   {  margin:20px; clear:both; text-align:center; color:#ABA3AB; font-size:9px;text-decoration:none;}
#main a,  #content a{ color:#e5dfb9;border-bottom:1px solid #7C8269; text-decoration:none; }
#main a:hover, #footer a:hover , #content a:hover{ font: verdana,tahoma;}
#main img , #content img{ padding:2px; margin:3px; border:1px solid #6F7850; display:block; }
.img-left{ float:left; clear:left; }
.img-center{ float:center; clear:center; }
.img-right{ float:right; clear:right;}
 
 
 /*---------------------------- Formulaire -------------------------------------------------------*/

form {
	margin: 10px 15px; 
	padding: 0;
	background: transparent;	
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding: 2px;
	border:1px solid #eee;
	font: normal 1em Verdana, tahoma;
	color:#777;
}
textarea {
	width: 250px;
	padding:2px;
	font: normal 1em Verdana, tahoma;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	margin: 0; 
	font: bold 1em Verdana, tahoma; 
	border: 1px solid #CCC;
	background: #FFF; 
	padding: 2px 3px; 
	color: #333;	
}

 /*---------------------------- Fin Formulaire -------------------------------------------------------*/
 
 /* thumb images
-----------------------------*/

.thumb_block
{position:relative; height:100px;}
.thumb_image
{
float:left;
margin:0pt 5px 5px 5px;
width:70px;
}