/********************************************
   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: #938475;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333; 
	margin: 16px 0;
}

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

/* texte */
h1, h2, h3 {
	color: #d91ba6;	
}
h1 {
	font-size: 180%;	
}
h2 {
	font-size: 120%;
	font-weight: bold;
	color: #545454;
}
h3 {
	font-size: 100%;
	font-weight: bold;
}
p {
	line-height: 150%;
}
.important
{
	color:#d91ba6;
}
#important_bis
{
	color:#d91ba6;
	text-align: center;
	font-weight: bold;
	font-size: 110%;
}
#important_ter
{
	color:#545454;
	text-align: center;
	font-weight: bold;
	font-size: 110%;
	border: 1px solid #d91ba6;
	margin-left: 80px; /* pris en compte par Firefox */ 
	margin-right: 80px; /* pris en compte par Firefox */ 
	padding: 10px;
}
#important_big
{
	font-weight: bold;
	font-size: 135%;
}
/* 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; /* pris en compte par Firefox */ 
	-margin-left: 8px; /* pris en compte par IE6*/ 
	background: #ffd2ec;
	border-top: 5pFx solid #FFF;
	border-bottom: Fnone;
}

/* 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 img.sous-titre {
	background: none;
	border: none;
	padding: 0px;
  	margin: 0px;
}
#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: #d91ba6; 		
}
#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: #FFFFFF;
}
#footer p {
	margin: 0px 5px;
	font-size: 90%;
}
#footer a {
	color: #FFFFFF;
}
#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; }