/********************************************/
/*											*/
/* 				Concept Chatelaine			*/
/*  			Feuille de style			*/
/*  	 Créée par : Joël Fréchette			*/
/*			  jfrechette@dgk.ca				*/
/*			pachooca@hotmail.com			*/
/* 	 		Date : 22 juillet 09			*/
/* 			  Copyright DGK 2009			*/
/*											*/
/*		--------------------------------	*/
/*											*/
/*	Toute modification à ce document se		*/
/*  doit d'être accompagnée d'un 			*/
/*	commentaire ou d'être rapportée au		*/
/*  créateur de la feuille de style			*/
/*											*/
/********************************************/
* { margin:0; padding:0;}
body, html {
	font-family:Tahoma, Verdana;
	font-size:12px;
	color:#969595;
	background-color:white;
}

h1, h2, h3 {
	font-size:18px;
	color:#525252;
	font-weight:normal;
}

h2 {
	color:#000;
	margin:20px 0 20px 8px;
}

h3 {
	font-weight:bold;
	font-size:14px;
	margin-top:8px;
}


a:link { color:#8b6f6a; text-decoration:none;}
a:visited {color:#8b6f6a; text-decoration:none;}
a:hover {color:#8b6f6a; text-decoration:underline;}
a:active {color:#8b6f6a; text-decoration:none;}

a img { border:none;}

p { line-height:18px;}

.contenu { 
	width:1043px;
	margin:auto;
	margin-top:21px;}
	
.contenu #partleft {
	width:764px;
	float:left;
	padding-bottom:20px;}

.contenu #partright {
	width:279px;
	float:right;
	padding-bottom:20px;}




/**********************************/
/*
/* ENTÊTE [Bande 1]
/*
/**********************************/
#entete_bande1 {
	width:100%;
	background-color:#eee8d9;}

#entete_bande1 .contenu {
	width:1027px;
	margin:auto;
	color:#8b6f6a;
	height:48px;
	background:url(../../images/top_entete.jpg) 312px bottom no-repeat;
	position:relative;}

#entete_bande1 .contenu #mail {
	background:url(../../images/mail.jpg) no-repeat left center;
	padding-left:32px;
	position:absolute; bottom:8px; left:0;}
	
#entete_bande1 .contenu #mail a {
	font-size:10px;}
	
#entete_bande1 .contenu #adresse {
	position:absolute; bottom:8px; left:461px;
	font-weight:bold;}

#entete_bande1 .contenu #menu {
	position:absolute; bottom:8px; right:0;}
	
	
	
/**********************************/
/*
/* ENTÊTE [Bande 2]
/*
/**********************************/
#entete_bande2 {
	background:url(../../images/entete.jpg) no-repeat center center #efefef;
	width:100%; height:384px;
	position:relative;}
	
#entete_bande2 #link {
	position:absolute;
	top:274px; left:50%; margin-left:-500px;
	width:225px; height:75px;}
	
	
	
/**********************************/
/*
/* ENTÊTE [Bande 3]
/*
/**********************************/
#entete_bande3 {
	width:100%; 
	background-color:#e4d5c0;}
	
#entete_bande3 ul{
	padding:4px 0;
	width:1027px; margin:auto}

#entete_bande3 ul li{
	float:left;
	padding:0 2px;
	list-style:none;}





/**********************************/
/*
/* FOOTER [Bande 1]
/*
/**********************************/
#footer_bande1 {
	width:100%;
	text-align:center;
	clear:both;
	background-color:#e4d5c0;
	font-size:18px;
	color:#8b6f6a;
	line-height:24px}
	
#footer_bande2 {
	width:100%;
	text-align:center;
	background-color:#e6e6e6;}
	
#footer_bande2 img {
	margin:0 6px;}





/**********************************/
/*
/* PAGES
/*
/**********************************/
#services .box, #forfaits .box {
	float:left;
	height:285px;
	text-align:left;
	width:254px;}

#services .box ul li, #forfaits .box ul li {
	list-style-position:inside;
	margin-left:2px;
	line-height:16px;}
	
#services .box h1, #forfaits .box h1 {
	margin-left:2px;
	margin-top:5px;}
	
	
	
	
#historique .part1 {
	float:left;
	width:366px;
	text-align:justify;
	padding-left:8px;}
	
#historique .part2 {
	float:right;
	width:366px;
	text-align:justify;}
	
#historique .imgs {
	clear:both;
	padding-top:20px;}

#historique .imgs img {
	margin-left:8px;}
	
	
	
	
	
#professionnelles img {
	float:left;
	margin:0 3px 45px 4px;}
	
	
	
	
	
#forfaits .box {
	background:url(../../images/prix_bkg.jpg) no-repeat left bottom;
	height:360px;
	position:relative;
	margin-bottom:25px;}
#forfaits .big {
	height:570px;}
	
#forfaits .box h1 {
	background:url(../../images/h1_bkg.jpg) no-repeat left bottom;
	padding-bottom:11px;}
	
#forfaits .box h1 span { 
	color:#e08883;
	font-style:italic;}

#forfaits .box ul li {
	margin-left:26px;
	list-style-position:outside;}
	
#forfaits .box ul .rouge {
	color:#e08883;}
	
#forfaits .box .prix {
	position:absolute;
	right:22px; bottom:13px;
	color:white;
	font-size:18px;}











/**********************************/
/*
/* DIVERS
/*
/**********************************/

.floatleft {float:left;}
.floatright {float:right;}
.fixbox {clear:both;}
.messageErreur {color:#FF0000;}