html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background-image:url(images/bg.gif);
 background-color:#ABACAE;
 background-position:center;
 background-repeat:repeat-y;
} 
 
#pagewidth{ 
 width:627px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 

h1 {
	font-fkamily: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: /*#494333*/#0089BF;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

.justify{
	text-align:justify;
}

input, select, textarea
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #787468;
}

.envaleur{
		color: /*#494333*/#0089BF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11pt;
}
 
#header  {
	position:relative;
	height:190px;
	width:auto;
	background-image: url(images/header_03.jpg);
	background-repeat: no-repeat;
	text-shadow:#339999;
	text-align: right;
	top: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 37px 44px 0px 0px;
	margin-top: 0px;
	margin-bottom: -37px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #777160;
} 
 
#header a:hover, a:link, a:active {
	color: #777160;
	text-decoration: underline;
}

#footer{
	padding: 37px 44px 0px 0px;
	margin-top: 0px;
	margin-bottom: -37px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #777160;
	text-align:right;
}

#footer a:hover, a:link, a:active {
	color: #0089BF;
	text-decoration: underline;
}



#leftcol{
	width:209px;
	float:left;
	position:relative;
	background-image: url(images/nav_Bg.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8b8468;
	background-repeat: repeat-y;
	height: 100%;
 }
 
#leftcol li {
	height:17px;
	width:165px;
	list-style-image: none;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d4cebb;
	margin-left:-15px;
	text-align:right;
	letter-spacing:0.1em;
	margin-top:7px;
}

#leftcol a:link, a:visited {
	color: #8b8468;
	text-decoration:none;
	border:none;
}

#leftcol a:hover {
	color: #0089BF;
	text-decoration:none;
}

#twocols{
 width:418px; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
 width:44px; 
 float:right; 
 position:relative; 
 background-color:#FFFFFF;
 }
 
#maincol{
	background-color: #efede8;
	float: left;
	display:inline;
	position: relative;
	width:344px;
	padding: 15px;
	margin: 0px;
	clear: both;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #787468;
	line-height: 15px;
 }
 
 .puce{
	 list-style-image : url(images/puce.gif);
 }
 
 
#anno{ 
 margin-top:-5px;
 	background-color: #efede8;
	float: left;
	display:inline;
	position: relative;
	width:344px;
	padding: 15px;
	margin: 0px;
	clear: both;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #787468;
	line-height: 15px;
	background-image: url(images/header2.png);
	background-color: #d6d0c0;
	background-repeat: no-repeat;
}
 
#maincol a:link, a:visited{
	color: #8b8468;
	line-height: 15px;
	text-decoration:none;
}

#maincol a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #0089BF;
	line-height: 15px;
	text-decoration:none;
	border-bottom:#dbd5c6 solid 1px;
}
 
 
#footer{
	height:71px;
	clear:both;
	background-image: url(images/footer.gif);
	background-repeat: repeat-x;
	margin-bottom: -50px;
 } 
 

.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

.imageDroit {float:right; margin: 0 0 10px 15px; border:none;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 

 @media print{ 
#leftcol{display:none;} 

#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}
.image {
	border: 4px solid #e4e0d6;
	margin-left:250px;
	float:right;
}