/*****************************************************/
/*                                                   */
/*	Auteur	: Philippe Desautels                     */
/*	Date	: 20 janvier 2009                        */
/*	Email	: philippe (@) substancecreation (.) ca  */
/*                                                   */
/*****************************************************/

html {
	background: #000 url(../images/bg_html.jpg) repeat;
	font-size: 1em;
}

body {
	font-family: "Times New Roman", Times, serif;
}

#wrap {
	background: url(../images/bg_wrap.png) repeat-y;
	width: 1000px;
	margin: 0 auto;
}

a {
	color: #bbb;
	text-decoration: none;
}

.clear {
	clear: both;
}

a:hover {
	color: #fff;
}

p {
}

/*
.info {
	background: #181818;
	text-indent: 10px;
	border: 1px #222 solid;
}
*/


/* HEADER */

#header {
	width: 900px;
	margin: 0 50px;
	height: 233px;
	color: #eee;
	background: #111 url(../images/bg_header.png);
}

#header img {
	width: 400px;
	float: left;
}

#header ul {
	font-size: 1.1em;
	width: 450px;
	float: right;
	padding: 10px 20px 0 0;
}

#header li {
	text-align: right;
}

.slogan {
	font-size: 1.6em;
	line-height: 1.6em;
	text-transform: uppercase;
}



/* BREADCRUMB */

#breadcrumb {
	color: #666;
	font-size: 0.9em;
	line-height: 2em;
	width: 885px;
	margin: 0 50px;
	padding: 15px 0 0 16px;
	height: 30px;
	background: transparent url(../images/bg_breadcrumb2.png) no-repeat;
}

#breadcrumb a {
	color: #000;
	text-decoration: underline;
}

#breadcrumb a:hover {
	color: #fff;
}

#contentwrap {
	width: 900px;
	margin: 0 auto;
}



/* NAV */

#nav {
	background: #111;
	color: #f60;
	width: 190px;
	float: left;
}

#nav ul {
/* 	background: url(../images/bg_li.png) repeat-y top left; */
	padding-top: 6px;
}

#nav li {
	text-transform: capitalize;
	padding: 0 0 3px 15px;
}

#nav a {	
	color: #fff;
}

#nav a:hover {
	color: #A20;
}



/* CONTENT */

#content {
/* 	font-size: 1.2em; */
	color: #fff;
	background: #111;
	width: 660px;
	padding: 20px 23px 25px;
	float: right;
}

#content p {
	margin: 1em 0;
	line-height: 1.3em;
	word-spacing: 0.1em;
}

#content h2 {
	background: url(../images/bg_h2.png) no-repeat;
	font-size: 1.6em;
	height: 56px;
	line-height: 60px;
	padding-left: 44px; 
	margin-bottom: 20px;
}

#content h3 {
	color: #fff;
/* 	margin: 0 14px 10px 7px; */
/* 	margin-left: 7px; */
/* 	margin-right: 14px; */
	margin-bottom: 10px;
	font-size: 1.2em;
	background: #921;
	padding: 10px 10px 8px;
}

#content .entry {
	border: 1px #921 solid;
	padding: 10px 10px 8px;
}

#content .produits {
	background: #000;
/* 	width: 686px; */
	min-height: 170px;
	clear: both;
	border: 1px #333 solid;
	margin: 30px 0px;
}

#content p.productname{
	background: #600;
	width: 484px;
	font-size: 1.4em;
	float: right;
	border: 4px #000 double;
	border-right: none;
	margin: 10px 0 0;
	
}

#content p.productinfo{
	float: right;
	width: 474px;
	margin: 0;
	padding: 10px 10px 10px 0;

}

#content ul {
	background: #181818;
	border: 1px #222 solid;
	margin-bottom: 30px;
	padding: 10px;
}

#content li {
	padding: 2px 0;
}

#content li:hover {
	color: #921;
}

/* FOOTER */

#footer {
	font-size: 0.9em;
	color: #444;
	background: transparent url(../images/bg_footer.png);
	width: 1000px;
	height: 100px;
	padding-top: 20px;
/* 	line-height: 120px; */
	text-align: center;
	margin: 0 auto;
	clear: both;
}



/* GALLERY */

.thumbnail {
float: left;
margin: 10px;
/* padding: 5px; */
}

.full_size {
border:1px solid #CFCFCF;
margin:10px 10px;
padding:3px;
width:448pxpx;
height:400px;
}

.description {
text-align:center;
font-style:italic;
}

.thumbnail_photo {
border:1px solid #333;
margin:10px 10px;
padding:3px;
float:left;
}



/* FORMULAIRE */

form {
/* 	border: 1px #921 solid; */
	border: 1px #222 solid;
	padding: 10px 10px 8px;
	background: #181818;
}

label {
	width: 80px;
	display: inline-block;
}

input {
	width: 250px;
}

textarea {
	width: 100%;
	height: 5em;
}