/*
--------------------------------------------------------------------
Martin Laporte Base Styles
WEB designer: Marie-Eve roy
Version:  juillet 2007
-------------------------------------------------------------------- */



/*                                                     GENERAL RULES
-------------------------------------------------------------------- */
* {
	margin : 0;
	padding : 0;
}  
	  
body {
	background: #fffdf7;
	background-position:top right;
	background-image:url(../img/img_backgrd.jpg);
	background-repeat:no-repeat;

	/* global font settings */
	font-family: Arial, Helvetica, sans-serif;
	color: #333; /* main text color */
}


/*                                                       GLOBAL DIVS
-------------------------------------------------------------------- */
div#global {
	width : 800px;
	background:none;
	padding:0px;
	text-align : left;
}
	
p {
	line-height: 18px;
	padding-top: 12px;
	font-weight: normal;
	font-style: normal;
	font-size:14px;  
}	

a {
	color:#75271f;
	text-decoration:underline;
}	

a:hover {
	color:#000000;
}	

	  
h1 {
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-variant: small-caps;
	color: #522b27;
	border-bottom: 1px solid #522b27;
	margin-bottom: 25px;
}

h2 {
	font-size: 17px;
	color:#522b27;
	font-weight: bold;
	margin-top: 14px;
}

h3 {
	font-size: 13px;
	color:#522b27;
	padding-top: 20px;
	font-variant:small-caps;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-stretch:condensed;
	color:#929ec1;
	font-weight:bold;
	padding-left:23px;
	padding-top:13px;
}

h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:900;
	color:#7b86a6;
	padding-left:23px;
}

h6{
	line-height: 18px;
	padding-top: 2px;
	font-weight: normal;
	font-style: normal;
	font-size:14px; 
}

.adresse a {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 12px;
	font-weight:bold;
	color:#929ec1;
	padding-top: 1px;
	padding-left:0px;
}

.image {
	text-decoration:none;
	color:#FFF;
}

blockquote {
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	line-height: 15px;
	color: #522b27;
	padding: 0 30px;
	padding-right: 60px;
	padding-bottom: 5px;
	padding-top: 6px;
}  

ul{	padding-top:15px;	}

li {
	line-height: 17px;
	margin-left:33px;
	font-weight: bold;
	font-style: normal;
	font-size:13px;
	cursor: default;
	color:#522b27;
}


table {
	background-color:#FFFFFF;
	border: 1px solid #522b27;
	text-align:left;
	margin-top: 15px;
	margin-bottom:5px;
	cellpadding: 0px;
	cellspacing: 0px;
}


tr {
	text-align:left;
}

th {
	text-align:left;
	vertical-align: top;
	padding-bottom: 10px;
	padding-right: 10px;
}   

td {
	padding: 3px;
}

	   
/*                                               BAR NAVIGATION LEFT
-------------------------------------------------------------------- */	   
div#navigation {
	float: left;
	width: 220px;
	height:400px;
	}

div#navig_top {
	height: 208px;
	background:url(../img/img_navigtop.jpg);
	background-repeat:no-repeat;
}

div#navig_bottom {
	float:left;
	height: 246px;
	width: 220px;
	background: url(../img/img_navigbottom.jpg);
	background-repeat:no-repeat;
}

/*                                                             MENU
-------------------------------------------------------------------- */	



div#navig_menu {
	height:200px;
}



#navig_menu dl {
	float: left;
	
	}
  
#navig_menu dt {
	cursor: pointer; 
}
 
#navig_menu dt a {
 	display:block;
	line-height: 140px;	
	text-decoration: none;
}
  
  
#navig_menu dt a:hover {
	text-decoration: none;
}

#navig_menu dd {
	border: 1px solid #182343;
	background-color:#b0b5c4;
	left: 167px;
	top: 247px;
	height: 90px;
	width:135px;
	position:absolute;
}

#navig_menu ul {
	width:135px;
	height:97px;
	margin: 0px;
}

#navig_menu li {
	margin: 0px;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	list-style-type:none;
	padding:2px;
}

#navig_menu li a {
	margin: 0px;
	color:#182343;
	text-decoration: none;
	font-weight: normal;
	list-style-type:none;
}
	
#navig_menu li a:hover {
	list-style-type:none;
	color:#FFFFFF;
	text-decoration: none;
}

	
/*                                                           CONTENU
-------------------------------------------------------------------- */

div#content {
	float: left;
	background: none;
	width: 580px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 580px;
	height:400px;
}

div#content_top {
	background: none;
	background-image:url(../img/img_contentlogo.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:196px;
}

div#content_text {
	background: none;
	height:inherit;
	padding: 10px;
	padding-left:48px;
}
/*                                                            FOOTER
-------------------------------------------------------------------- */
div#footer {
	clear:both;
	margin : 0 auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	background:none;
}
  
/* Fixes footer containment bug in IE-Win (5 and 6)
http://www.positioniseverything.net/explorer/escape-floats.html
But IE5-Mac shouldn't see this \*/

* html #footer p {
	height:1%;
}
/* Resume IE5-Mac */

#footer a:hover a:visited {
	color:#9a958b;
}