/********************************************
   HTML ELEMENTS
********************************************/ 
/* Début clear-float */

.clear-float
{
	min-height: 1px;
}

.clear-float:after
{
	display: block;
	visibility: hidden;
	clear: both;
	line-height: 0;
	font-size: 0;
	content: ".";
}

* html .clear-float
{
	height: 1%;
}

/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }

body {
	background: #442f1c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666; 
	margin: 16px 0;
}

/* lien */
a, a:visited {	
	color: #442f1c;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

/* texte */
h1, h2, h3 {
	color: #442f1c;	
}
h1 {
	font-size: 180%;	
}
h2 {
	font-size: 120%;
	font-weight: bold;
	color: #666666;
}
h3 {
	font-size: 100%;
	font-weight: bold;
}
p {
	line-height: 150%;
}
.important
{
	color:#442f1c;
}
/* habillage */
img {
	background: none;
	border: none;
	padding: 0px;
}
img.float-right {
  	margin: 0px 0px 0px 5px;  
}
img.float-left {
  	margin: 0px 5px 0px 0px;
}

/********************************************
   LAYOUT
********************************************/
/* wrap */
#wrap {
	width: 832px;
	margin: 0 auto;
	background: #CCC url(../habillage/default/content.jpg) repeat-y center top;
}

/* Top-bg */
#top-bg {
	clear: both;
	width: 832px;
	height: 20px;
	background: #CCC url(../habillage/default/top-bg.jpg) repeat-y center top;	

}

/* header */
#header {
	clear: both;
	width: 800px;
	height: 105px;
	margin-left: 16px;
	background: url(../habillage/header.png);
}

/* flash */
#flash {
	clear: both;
	height: 440px;
	width: 800px;
	margin-left: 16px;
	background: #333;
	color: #999;
}
#flash a {
	color: #CCC;
}

/* content-wrap */
#content-wrap {
	clear: both;
	float: left;
	width: 800px;
	margin-left: 16px;
	background: #ffffcc;
	border-top: 5px solid #FFF;
	border-bottom: none;
}

/* main Column */
#main {
	float: left;
	width: 480px;
	padding: 20px 0px 16px 20px;
	text-align: justify;
}
#main img {
	background: #FAFAFA;
	border: 1px solid #DCDCDC;
	padding: 5px;
}
#main h2 {
	padding: 0px 0px 5px 0px;
}

/* sidebar */	
#sidebar {
	float: right;
	width: 240px;
	padding: 67px 20px 0px 0px;
}
#sidebar h1 {
	font-size: 120%;	
	font-weight: bold;
	color: #442f1c; 		
}
#sidebar ul.sidemenu {
	background: url(../habillage/default/dots.jpg) repeat-x left top;
	margin: 5px 0px 20px 0;
}
#sidebar ul.sidemenu li {
	list-style: none;
	background: url(../habillage/default/dots.jpg) repeat-x left bottom;
	padding: 5px 0px;
}

/* bottom-bg */
#bottom-bg {
	clear: both;
	width: 832px;
	height: 20px;
	background: url(../habillage/default/bottom-bg.jpg) no-repeat center bottom;	
}

/* footer */
#footer {
	clear: both;
	width: 832px;
	margin: 0 auto;
	margin: 0 auto;
	color: #CCC;
}
#footer p {
	margin: 0px 5px;
	font-size: 90%;
}
#footer a {
	color: #CCC;
}
#legal {
	float: left;
}
#links {
	float: right;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }