html { height: 100%; }
body {
  height: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  font: 400 0.8em verdana, arial, sans-serif;
  line-height: 170%;
  background: #000 url(images/SITE/saly_kalahari_top_bg.jpg) no-repeat top center;
  color: #eee;
}
#content {  
  height: 100%;
  text-align: left;
}
#content,
#width {
  width: 790px;  
  margin: 0 auto;
}
/**************************************************************
   Entete : de cochon
 **************************************************************/
#bantop {
	position: absolute;
	width: 100%;
	height: 193px;
	top: 0;
	margin: 0 auto;
	padding: 0;
	background-image: url(images/SITE/saly_kalahari.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
}
#title {
  position: absolute;
  z-index: 3;
  top: 15px;
  right: 15px;
  text-align: left;
}
#title h1 {
  margin: 0;
  padding: 0;
  font: 700 3.5em "trebuchet ms", serif;
  letter-spacing: -3px;
  text-transform: lowercase;
  color: #fff;
}
#title h1 a:hover {
  color: #fff;
	text-decoration: underline;
}
/**************************************************************
	Menu : y a quoi au menu ? tieboudieune !
 **************************************************************/
#mainMenu {
	margin-top: 193px;
  float: left;
  width: 100%;
  clear: both;
}
#mainMenu ul {
  margin: 0;
  padding: 0;
}
#mainMenu li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}
#mainMenu li a {
  float: left;
  margin: 0 2px;
  padding: 5px 0.5em;
  font: 400 1.6em "trebuchet ms", serif;
  text-decoration: none;
  text-transform: lowercase;
  color: #063;
}
#mainMenu li a:hover,
#mainMenu li a.here {
  color: #0f6;
  border-top: 4px solid #854127;
}
#mainMenu li a.last { margin-right: 0; }
/**************************************************************
	Page : mise en page principale.
 **************************************************************/
#page {
  float: left;
  width: 100%;
  clear: both;
  padding-bottom: 4em;
}

.contenu {
	background-color: #222;
	border-color: #444;
	border-width: 1px;
	border-style: dotted;
}
.txtc { text-align:center; }
/**************************************************************
	Footer : le pied rek !
 **************************************************************/
#footer {
  float: left;
  width: 100%;
  clear: both;
  margin-top: -3.8em;
  background: #000 url(images/SITE/footer.jpg) repeat-x bottom left;
}
#footer #width {
  position: relative;
  z-index: 3;
  font-size: 0.85em;
  padding-top: 27px;
}
#footer a {
	color: #ccc;
	text-decoration: none;
}
#footer a:hover {
	color: #fff;
	text-decoration: underline;
}
/**************************************************************
	Alignement
 **************************************************************/
.floatLeft { float: left; }
.floatRight { float: right; }
.alignLeft { text-align: left; }
.alignRight {text-align: right; }
/**************************************************************
	Affichage generique
 **************************************************************/
.clear { clear: both; }
.block { display: block; }
.small { font-size: 0.8em; }
.green { color: #A1ff45; }
.red { color: #eA1b00; }
.gris { color: #ccc; }
.comment-number {
	font-weight: bold;
	font-size: 2em;
}
a {
	color: #063;
	text-decoration: none;
}
a:hover { color: #0f6; }
a img { border : 0px; }
h1 {   
  clear: both;
  font: 700 2.5em "trebuchet ms", serif;
  color: #fff;
}
h1 a { 
	text-decoration: none;
  color: #fff;
}
h2 {
  font: 400 1.5em "trebuchet ms", serif;
  color: #854127;
}
h2 a {
text-decoration: none;
 color: #063;
}
h2 a:hover { color: #fff; }
h3 {
  font: 400 1.3em "trebuchet ms", serif;
  color: #F8D766;
}
h4 {
  font: 700 1.2em "trebuchet ms", serif;
  color: #F39F01;
}
h5 {
  font: 700 1.1em "trebuchet ms", serif;
  color: #F17400;
}
h6 {
  font: 700 1em "trebuchet ms", serif;
  color: #FF4B33;
}
h1, h2, h3, h4, h5, h6, p, dl {
  margin: 0;
  padding: 10px 15px 0 0;
}
/**************************************************************
	Images
 **************************************************************/
.vig {
	border-color: #063;
	border-width: 1px;
	border-style: solid;
}
.grande {
	border-color: #063;
	border-width: 2px;
	border-style: ridge;
}