*{
	margin:0;
	padding:0;
}
body { 
background-color: #000000; 
font-family: arial;
margin:0px;
padding:0px;
}

#contenu{

width: 820px;
background-color: #000000;
margin-left:13px;
margin-top:0px;

}

#haut{
width: 820px;
height: 94px;
margin:0px;
padding:0px;
background-color: #000000;

}

#header
{
margin:0px;
padding:0px;
	height: 35px;
	text-align: left;
	background-color: #12161B;
}

#centre{
text-align:left;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 13px;
padding:0px;
width:798px;
}

#footer
{
	width:100%;
	height:37px;

	border-top:13px solid #000000;
	background-color: #12161B;
	clear:both;
}

#footer h2
{
	text-align:right;
	font-size:0.8em;
	font-weight: bolder;
	padding:10px;
	color:#ffffff;
		clear:both;
}

.colonnerss{
float:left;
text-align:left;
margin: 0px;
width:490px;
background-color: #ffffff;
}

.colonnerss ul{
list-style-type:none;
list-style-image:none;
padding:0; 
margin: 10px;
}
.colonnerss li{
padding:0px; 
margin: 0px;
text-align:left;
font-size:12px;
}
.colonnerss li a{
color:#000000;
text-decoration:none;
font-weight:bold;
}

.colonnerss li a:hover{
color:#95110C;
font-weight:bold;
}
.nav{
color:#F0276F;
background-color:#ffffff;
text-align:center;
}
.nav a{
color:#F0276F;
text-decoration:none;
font-weight:bolder;
}

#lienshaut
{
	position:absolute;
	top:8px;
	left:20px;
}

#lienshaut ul
{
	list-style: none;
}

#lienshaut li
{
	color: #616161;
	display:inline;
}

#lienshaut ul li a
{
	color: #616161;
	font-weight:bolder;
	text-decoration: none;
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 6px;
	padding-left: 3px;
	padding-right: 3px;
}

#lienshaut ul li a:hover
{
	color: #EAEBEB;
}

#sitealice
{
	position:absolute;
	top:8px;
	right:13px;
}

#sitealice ul
{
	list-style: none;
}

#sitealice li
{
	color: #616161;
	display:inline;
}

#sitealice ul li a
{
	color: #616161;
	font-weight:bolder;
	text-decoration: none;
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 6px;
	padding-left: 3px;
	padding-right: 3px;
}

#sitealice ul li a:hover
{
	color: #EAEBEB;
}

.colonnerss2{
float:left;
text-align:left;
margin-left: 9px;
margin-right: 0px;
padding:0px;
width:320px;
background-color:#12161B;
}
.colonnerss2 ul{
padding:0px; 
margin: 10px;

}
.colonnerss2 li{
display:block; 
list-style-type:none;
list-style-image:none;
padding:0px; 
margin: 0px;
text-align:left;
font-size:12px;
}
.colonnerss2 li a{
color:#000000;
text-decoration:none;
font-weight:bold;
}

.colonnerss2 li a:hover{
color:#95110C;
font-weight:bold;
}
.colonnerss td{
font-size:12px;
}
.thumbs li {
  list-style-type: none;
  margin-bottom: .5em;
}
.thumbs img {
  vertical-align: middle;
}


.thumbs {             /* container for all thumbs */
  width: 100%;         /* an explicit width is required for WinIE, or it screws up badly */
  margin: auto;       /* correctly center block element */
  color: #000;
  overflow: hidden;
  text-align: center;
}
.thumbs ul {
  margin: 0;
  padding: 0;
}
.thumbs li {        /* test these rules with various fonts, may need adjusting */
 /* high enough for image plus 2-line caption */
  width: 11.7em;     /* wide enough for widest image with a bit of padding */
  float: left;      /* as many as can fit in window width */
  overflow: hidden; /* do not let IE stretch the container */
  border: 0px solid #EFEFEF;
  text-align: center;
  padding: .3em;
  margin: .5em;
  font-family: "\"}\""; /* hide correct dimensions from WinIE 5.x */
  font-family: inherit;
  width: 11.7em;
}
.IE5IsQuirky2 { /* WinIE 5.0 gets weird without something after font-family hack */
}
.thumbs img {          /* image resized in ems to maintain proportions */
  display: block;      /* prevent text from flowing on the side */
  height: 8em;       /* image resolution may suffer a little, but not much */
  text-align: center;  /* center for IE */
  margin: 0 auto .1em auto; /* center for non-IE */
  padding: 0;
}
hr {                   /* see note about hr in HTML below */
  clear: both;
  height: 0;
  margin: 0;
  overflow: hidden;
  visibility: hidden;
}

