@charset "utf-8";
/***************************************
	Desolve.org styles Version 3.1 2009
	Copyright James Williamson
	these styles are designed for training
	and tutorial purposes and are free
	for you to used for personal training
	and development.
	
	These styles may not be reused or
	republished in another work without
	expressed written consent of the author

*****************************************/

/**********************************
	Color values:
	#8C7E62 -dark tan
	#DED6AE -light tan
	#602E0C - burgandy accent
	#EFAD2F -orange accent
	#333 - dark grey
	#666 - lighter grey

***************************************/

/***************************************
1A: BASE STYLES
****************************************/
/* neutralize browser styles */
body, html {
	margin:0;
	padding:0;
	}
/* General Styles */
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background-image: url(../_images/background.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
}





	

/***************************************
2A: LAYOUT STYLES
****************************************/

/* ---------All layout generic styles---------------- */
.twoColSmSide #container, .twoColLgSide #container, .oneCol #container {
	width: 780px;
	margin: 0 auto;
	text-align: left;
} 
.twoColSmSide #header, .twoColLgSide #header, .oneCol #header {
	height: 200px;
	position: relative;
	background-image: url(../_images/header.png);
	background-repeat: no-repeat;
	background-position: right bottom;
} 
.twoColSmSide #sidebar div, .twoColLgSide #sidebar div {
	padding-bottom: 1em;
	margin-bottom: 1em;
	
}
.twoColSmSide #footer, .twoColLgSide #footer, .oneCol #footer {
	padding: 20px 1em .5em;
	margin-bottom: 1em;
	background-image: url(../_images/footer.png);
	background-repeat: no-repeat;
} 
.twoColSmSide #footer p, .twoColLgSide #footer p, .oneCol #footer p {
	font-size: 0.7em;
	color: #000;
	text-align: center;
	margin-bottom: 0em;
	
}
/* --------------Large sidebar layout styles -------------*/
.twoColLgSide #sidebar {
	float: left;
	width: 230px;
	padding: 0;
	color: #fff;
}
.twoColLgSide #mainContent {
	margin: 0 0 0 250px; /* left margin allows space for sidebar */
	padding: 0; 
} 
/* --------------Small sidebar layout styles -------------*/
.twoColSmSide #sidebar {
	float: left;
	width: 200px;
	padding: 0;
	color: #fff;
}
.twoColSmSide #mainContent {
	margin: 0 0 0 220px; /* left margin allows space for sidebar */
	padding: 0; 
} 

/* -----------------One column layout styles ----------------------------*/
.oneCol #mainContent {
	margin: 0; /*no margin needed in a one column layout*/
	padding:0;
	}
	
/***************************************
3A: GENERAL TYPOGRAPHY AND COLOR STYLES
****************************************/

/* ---------------- header specific styles ----------------*/
#header ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float:left;
	position: absolute;
	right: 140px;
	bottom: 65px;
	width: 451px;
	height: 60px;
}
#header li {
	float: left;
}
#header li a:link, #header li a:visited {
	padding: .2em .2em;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 1.2em;
	margin-right: 0.5em;
}
#header li a:hover {
	color: #FFF;
}
#header li a.current, #header li a.current:hover, #header li a.current:active {
	color: #FFF;
	cursor: default;
}
#header #logo {
	height: 80px;
	width: 205px;
	position: absolute;
	top: 65px;
	right: 573px;
	background-image: url(../_images/logo.png);
	background-repeat: no-repeat;
	background-position: left top;
}

/* -------------------- main content specific styles ------------------*/
#mainContent img {
	
	display: block;
	padding: 3px;
	margin: 1.6em auto;
}

#mainContent slide {
	
	display: block;
	padding: 0px;
	margin: 0.6em auto;
	margin-left: 3em;
}

#mainContent p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.80em;
	line-height: 1.6;
	padding-right: 1.6em;
	padding-left: 1.6em;
	color: #333;
	margin-top: 0.5em;
}
#mainContent a {
	font-weight: bold;
	color: #963;
	text-decoration: none;
	padding-bottom: 0.1em;
	
}
#mainContent a:hover {
	color: #C96;
	border: none;
}
#mainContent .article, #mainContent .galleryArticle, #mainContent .archive {
	background: #fff;
	padding: 0.5em 0.5em 2em;
	margin-bottom: 1em;
	
	
}



	

#mainContent h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.95em;
	margin: 1em .5em;
	color: #006;
}
/* ------ mainContent gallery styles --------------*/
#mainContent .galleryArticle h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.4em;
	line-height:1.75em;
	text-align: center;
	color: #666;
	margin: 0.4em 2em 0;
	font-weight: normal;
	padding: 0;
	background: none;
}
#mainContent .galleryArticle h2 {
	position: relative;
	top: -0.5em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	line-height: 1;
	color: #666;
	font-weight: normal;
	text-align: center;
	padding: 0 0 20px;
		
}
#mainContent .author {
	font-style: italic;
	margin-left: 60px;
	font-size: 0.9em
	}
/* ------ mainContent archive styles --------------*/	


/* ------------------sidebar specific styles -----------------------*/
#sidebar h1{
	margin: 0;
	text-indent: -1000em;
	height: 35px;
	margin-bottom: .25em;
	}

#sidebar #archive h1 {
	margin-bottom: 0;
	
}


#sidebar #archive ul  {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#sidebar #archive ul li {
	margin:0;
	padding:0;
	
	}

#sidebar #archive ul a {
	display: block;
	width: 170px;
	padding-left: 35px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	color: #fff;
	text-decoration: none;
	line-height: 40px;
	margin: 0;
	
}
#sidebar #archive ul a:hover {
	background-position: -200px 0px;
	color: #999;
	}
#sidebar #archive ul a.current {
	background-position: top right;
	color: #FFF;
	cursor: default;
	}
#sidebar #archive ul a.last {
	border-bottom: none;
	}
.twoColSmSide #sidebar div#archive {
	padding:0;
	background-image: url(../_images/navigation_sidebar.png);
	background-repeat: no-repeat;
	}


#sidebar div img {
	margin: 1em 1em;
	bottom: auto;
		
}
#sidebar div p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #fff;
	margin: 0 10px;
}
#sidebar  div#next  p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #fff;
	margin: 1em .7em;
	line-height: 1.6;
}
#sidebar div#next img {
	border: none;	
}
#sidebar div p.caption {
	font-size: 0.8em;
	margin-top: 0em;
	text-align: center;
}
#sidebar div h2 {
	font-size: 1em;
	margin-left: 10px;
	margin-top: 0px;
}

/* ----------- resetting some content for the one column layout ---------*/

/***************************************
4A: SHOPPING AREA STYLING / INCLUDES SPRY WIDGET STYLING
****************************************/


/***************************************
5A: TABLE STYLES
****************************************/


/***************************************
6A: FORM STYLES
****************************************/

#formWrap {
	background: #999;
	padding: 1em 0;
	}
form#frmContact {
	width: 505px;
	margin: 0 auto;
	}
fieldset {
	background: #EBE6CD;
	border: none;
	margin: 1em 0;
	padding-bottom: .5em;
	}
legend {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	color: #602E0C;
	line-height: 1.4;
	background: #EBE6CD;
	padding: 0.2em .5em;
	margin-left: 0.5em;
}
#formWrap p {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #602E0C;
	font-size: 0.85em;
	line-height: 1.2;
	margin: 1.4em 0;
}
input.text {
	width: 250px;
}
textarea {
	width: 300px;
	margin-top: .5em;
}
label.top {
	display: block;
	margin-bottom: .5em;
}
label.check {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
	line-height: 1;
	color: #000;
}
span.aside {
	font-style: italic;
}
p.required {
	position: relative;
}
span.required {
	position: absolute;
	left: 320px;
	padding-left: 35px;
	background: url(../_images/notice_icon.gif) no-repeat left center;
	color: #c00;
	height: 25px;
	line-height: 25px;
}
.auteur {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #000000;
	text-align: center;
}
input.text:focus, textarea:focus {
	background: #F9D59D;
}

/***************************************
7A: CLASS ACCENT STYLES
****************************************/

.clearLeft{ /*used for clearing left floated elements*/
	clear:left;
}
.clearRight{ /*used for clearing right floated elements*/
	clear:right;
}
.clearBoth{ /*used for clearing all floated elements*/
	clear:both;
}
.clearfloat { /* used for clearing and containing internal floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.rightAlign    {
	text-align: right;
}