/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Title : Visualbox © 2009 - main stylesheet
URL : http://www.cottonwoods.be
Author : Christian Jadot
Created : july 7, 2009
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
/* ------------------------ layout and fonts general
*/

html, body {margin:0; padding:0;}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#a9a59e;
	text-align: center;
	background: #281E0C;
	height:100%;
	margin:0;
	padding:0;
}
table {
	padding:0;
	margin:0;
	width:100%;
	}
td {
	text-align:center;
	}
#container {
	text-align: center;
	margin:10px 0 0 0;
	padding: 0;
	width: 100%;
	height:100%;
	}
#pictosContainer {
	text-align:center;
	width:100%;
	background-color:#CBD300;
	padding:15px 0;
	margin:0;
	display:block;
	}
#pictos {
	width:350px;
	margin:0 auto;
	}
.mob {
	font-size:3.8em;
	font-weight:normal;
	color:#534b3d;
	}
.mail {
	font-size:3em;
	font-weight:normal;
	color:#534b3d;
	}
#horaire {
	width:360px;
	margin:0 auto;
	text-align:center;
	}
.hide{position:absolute; top:0; left:-9999px; height:0;}
.show{position:relative; top:0; left:0; height:auto;}
.clear {clear: both; display: block; margin:0; padding:0;}
.clearEmpty {clear: both; line-height: 0px; height: 0px; display: block; margin:0; padding:0; border:none;} /* empty element */
.invisible {display:none;}
<!--.fade {	opacity:0.8;-moz-opacity:0.8; filter:alpha(opacity=8);}	-->
/* ------------------------ links general
*/

a:link, a:visited, a:active {
	color: red;
	text-decoration: underline;
	}
a:hover {
	color: orange;
	text-decoration: underline;
	}
#container a:link, #container a:visited, #container a:active {
	color:#534b3d;
	text-decoration:none;
	}
#container a:hover {
	color:#a9a59e;
	text-decoration:none;
	}

/* ------------------------ header
*/

#logo {
	width:379px;
	height:64px;
	background: #281E0C url(../img/logo.png) no-repeat 0 0;
	padding:0;
	margin:10px auto 15px auto;
	display:block;
	}
#nav {
	}
#navMain {
	}

/* ------------------------ footer
*/

#footer p {
	}
#footer a:link, #footer a:visited, #footer a:active {
	}
#footer a:hover {
	}

/* ------------------------ secundary content - sidebar
*/

#nav {
	}
#navSec {
	}
#contentSec p {
	}

/* ------------------------ main content
*/

h1, h2, h3, h4, h5, h6 {margin: 0; padding:0;}
#logo h1 {
	color:white;
	font-size:2em;
	display:none;
	}
h2 {
	}
h3 {
	}
h4 {
	}
h5 {
	}
h6 {
	}
p {
	margin:6px 0 6px 0; 
	padding:0;
	line-height: 1.2em;
	}
.fade {
	color:#534b3d;
	}
ul {
	margin:0;
	padding:0;
	list-style:none;
}
ul li {
	margin:1em 0 1em 0;
	padding:0 0 0 20px;
	background: #ddd;	/* add bullet image */
	}

/* ------------------------ images
*/

img {
	border:0;
	}
img.inline {display:inline;}
a img {border-width: 0;}
#pictos img.bottom {
	margin:0 0 15px 0;
	}

/* ------------------------- forms
*/

form {margin:0; padding:0;}

/* ------------------------- page specific
*/

/* ---------- home
*/