/* @override http://monkey.local/watimberdecking.com.au/squelettes/habillage.css */

/* CSS */

/* RESET */
html .spip-admin-float { z-index: 9999; top: 40px; position: fixed; }

* {	margin: 0;	padding: 0;	outline: 0; }
p{ margin: 15px 0 15px 0; line-height:1.5em; }
i{ font-style: italic; }
strong{ font-weight: bold; }
h1{ font-size: 20px; font-weight:normal; color:#699a56; }
h2 { color: #46503e; padding-bottom: 3px; font-size:20px; font-weight: normal; }
h3{ font-size:12px; font-weight: bold; margin: 20px 0 20px 0; }
ol li{ list-style: decimal; margin-left: 25px; }
ul li{ list-style: disc; margin-left: 25px; list-style-type:square; margin-bottom:6px; }
a, a:visited { color:#000; text-decoration:none; }
a:hover, a:focus { color:#000; text-decoration:underline; }
a.spip_in, a.spip_in:visited { color:#000; text-decoration:none; }
a.spip_in:hover, a.spip_in:focus { text-decoration:underline;}
a.spip_out { color:#000; text-decoration:none; }
a.spip_out:visited { text-decoration:none; }
a.spip_out:hover, a.spip_out:focus { text-decoration:underline; }
a img { border: none; }

html { background-color: #fff; }
html,body { height: 100%; }
body { margin: 0; font-family: Lucida Grande, Verdana, Arial, sans-serif; color: #666; font-size:12px; min-width: 954px; }

#development { padding-top: 100px; text-align: center; }
#dev-title { padding-top: 50px; font-size: 18px; }

#home { background: url(images/home-bg.gif) no-repeat center top; }
	#home #hd { overflow: auto; height: 151px; }
		#hd-left { float: left; padding-left: 10px; }
		#hd-right { float: right; padding-top: 35px; padding-right: 15px; }
	#home #con { padding-top: 42px; }
		.home-nav { background: transparent url(images/home-nav-bg.png) no-repeat left top; margin: 0 14px; width: 226px; padding: 27px 32px 0; float: left; }
		#home .home-nav { background: transparent url(images/home-nav-bg.png) no-repeat left top; margin: 0 14px 0 145px; width: 226px; padding: 27px 32px 0; float: left; }
		#home #home-nav-2 {
			float: right;
			margin-left: 0;
			margin-right: 145px;
		}
			.home-nav-title { display: block; text-transform: lowercase; padding-top: 40px; font-size: 30px; color: #9b9b9b; text-align: center; padding-bottom: 20px; }
			.home-nav a:hover .home-nav-title { color: #575656; text-decoration: none; }
	#home #bottom { overflow: hidden; padding-top: 50px; padding-bottom: 0; }
		#home #bottom #ft { float: left; width: 300px; position: absolute; bottom: 20px; left: 30px; padding-left: 0; padding-bottom: 0; }
		#bottom-right { width: 163px; float: right; }
			#bottom-right img { padding-bottom: 20px; }
	
#hd { overflow: visible; height: 106px; }
	#logo { float: left; width: 293px; }

#page { width: 954px; margin: 0 auto; position: relative; min-height: 100%; }


/****** Menu ******/

#nav { float: left; width: 661px; text-transform: lowercase; }

#top-nav { margin: 0; padding: 6px 0; overflow: auto; border-bottom: solid 1px #e8e8e8; font-size: 14px; clear: both; }
#top-nav li { float: right; position: relative; list-style:none; margin: 0; padding: 0 11px; }
#top-nav li a, #top-nav a:link, #top-nav a:visited { color: #9b9b9b; text-decoration: none; }
#top-nav li.on a, #top-nav .on a:link, #top-nav .on a:visited { color: #575656; text-decoration: none; }
#top-nav li a:hover { text-decoration: none; color: #575656; }

#section-nav { margin: 0; padding: 50px 0 12px; overflow: auto; border-bottom: solid 1px #e8e8e8; font-size: 18px; clear: both; }
#section-nav li { float: right; position: relative; list-style:none; margin: 0; padding: 0 10px; }
#section-nav li a, #section-nav a:link, #section-nav a:visited { color: #605f5f; text-decoration: none; }
#section-nav li.on a, #section-nav .on a:link, #section-nav .on a:visited { color: #303030; text-decoration: none; }
#section-nav li a:hover { text-decoration: none; color: #303030; }

#subnav { position: absolute; z-index: 999; left: 658px; top: 84px; border: solid 3px #757474; background-color: #ebe7e7; font-size: 14px; }
.hasJS #subnav { display: none; }
	#subnav li { margin: 0; list-style: none; padding: 5px 10px; }


/****** End Menu ******/

#con { overflow:auto; }
	.client-nav { padding-bottom: 80px; padding-top: 30px; }
	#section { overflow: auto; }
		#section .banner { float: left; width: 603px; }
		#section #con { float: left; }
	
	.height { min-height: 300px; padding-bottom: 80px; }
	.banner { position: relative; width: 867px; height: 151px; padding: 29px 44px 62px 43px; background: #fff url(images/banner-bg.gif) no-repeat left top; clear: both; }
		.banner-title { position: absolute; color: #303030; font-size: 28px; line-height: 30px; padding-left: 20px; top: 145px; text-transform: lowercase; left: 42px; background: url(images/banner-title-bg.png) repeat left top; width: 865px; height: 35px; }
	#section .banner { position: relative; width: 603px; height: auto; padding: 25px 29px 80px; background: #fff url(images/section-img-bg.gif) no-repeat left top; clear: both; }
		#section #banner-img { height: 401px; position: relative; }
		#section .banner-title { left: 0; width: 583px; bottom: 0; top: auto; }
		#section #section-text { width: 604px; padding-left: 0; padding-top: 40px; }
	
	.article-title { font-size: 14px; color: #2e2e2e; font-weight: bold; }
	.testimonial { padding-bottom: 30px; }
	.testimonial .article-title {  font-size: 12px; color: #666; }
	.testimonial .article-text { padding-bottom: 0; font-size: 14px; font-style: italic; }
	#page19 #contact .article-title { padding-bottom: 15px; }
	
	#documents { padding-top: 40px; padding-bottom: 20px; overflow: auto; }
		#documents #documents-title { font-size: 15px; font-weight: bold; padding-bottom: 20px; }
		#documents .doc { padding-top: 10px; width: 170px; font-size: 13px; font-weight: bold; float: left; }
		#documents .doc img { vertical-align: middle; }
	
	.sections { text-align: center; padding-top: 5px; width: 293px; padding-bottom: 80px; }
		.section-menu-title { float: left; width: 187px; text-align: right; padding-top: 43px; font-size: 14px; }
			.section-menu-title a { text-transform: lowercase;color: #9b9b9b; }
			.section-menu-title a:hover { color: #575656; text-decoration: none; }
		.section-icon { float: left; width: 100px; }
		.section-icon img { background: url(images/section-icon-bg.gif) no-repeat left top; padding: 9px 11px 14px; }
		
	#bottom { position: relative; padding-bottom: 80px; overflow: auto; }
		#section-text { width: 604px; padding-left: 29px; }
		#page13 #section-text, #page19 #section-text, #page18 #section-text, #page76 #section-text { float: left; width: 534px; padding-right: 20px; }
		#page13 #contact, #page19 #contact, #page18 #contact, #page76 #contact { float: left; padding-left: 20px; width: 330px; padding-top: 15px; border-left: solid 1px #e9e8e8; }
		#page18 #contact { padding-left: 40px; margin-left: 20px; width: 290px; }	
		.article-text { padding-bottom: 30px; }
			#contact .field-text input { width: 312px; }
			#contact textarea { width: 315px; }
			#contact .cell1 { padding-right: 10px; font-weight: bold; }
	
	#con-left { float:left; overflow: auto; width: 250px; padding-left: 42px; position: relative; }
	
	#con-right { width: 620px;  float: left; overflow: auto; position:relative; }
	
	#portfolio-menu { overflow: auto; padding-bottom: 80px; padding-top: 30px; }
		.portfolio-nav { background: #fff url(images/portfolio-nav-bg.gif) no-repeat left top; width: 137px; padding: 19px 23px 19px 24px; float: left; }
			.portfolio-nav-title { display: block; text-transform: lowercase; padding-top: 35px; font-size: 24px; color: #9b9b9b; text-align: center; padding-bottom: 20px; }
			.portfolio-nav a:hover .portfolio-nav-title { color: #575656; }
	
	.thumb-section { padding-left: 60px; padding-bottom: 80px; overflow: auto; width: auto; }		
		.photo-thumb { width: 138px; height: 128px; padding: 19px 24px 30px; float: left; margin: 10px; background: url(images/thumb-bg.gif) no-repeat left top }
		#page18 .photo-thumb { float: none; }
		#pagination { clear: both; padding-top: 40px; font-size: 14px; text-align: right; padding-right: 102px; }
			#pagination .prev { padding-right: 20px; }
			#pagination .next { padding-left: 20px; }
			#pagination .page-title { padding-right: 50px; font-size: 18px; }
	
	
	/**** Blog ****/
	
	#archive-content {  }
		#archive-title { font-size: 24px; color: #2E2E2E; padding-bottom: 20px; }
		.year { padding-bottom: 20px; }
			.year .header { font-size: 18px; }
			.hasJS .year .header { font-size: 18px; cursor: pointer; display: block; }
			.year .links { padding-top: 10px; padding-left: 10px; }
				.year .news-link { padding-bottom: 5px; }
				.year .news-link.on { font-weight: bold; }
	.blog-article { padding-bottom: 40px; border-bottom: solid 1px #e9e8e8; margin-bottom: 50px; }
		.blog-article-title { font-size: 24px; color: #2e2e2e; }
		.blog-article-date { padding: 15px 0; font-size: 14px; color: #2e2e2e; }
		.blog-article-content {  }
		
	.subscribe { padding-right: 55px; padding-top: 40px; }
		.subscribe li { margin: 0; list-style: none; padding-top: 10px; }
			.subscribe label { display: none; }
	
	/**** End Blog ****/
	
	/**** Restricted ****/
	
	.restricted { overflow: auto; padding-top: 40px; padding-bottom: 80px; }
		.restricted-icon { float: left; overflow: auto; width: 318px; }
			.restricted-logo { float: left; width: 117px; height: 78px; padding: 17px 22px 27px; background: url(images/restricted-img-bg.gif) no-repeat left top; }
			.restricted-info { float: left; width: 157px; padding-top: 5px; }
				.restricted-name { font-size: 15px; color: #2e2e2e; height: 50px; }
				.restricted-date { font-size: 12px; color: #2e2e2e; }
				.padlock { padding-top: 10px; }
				
	#gallery-date { padding-top: 10px; font-size: 14px; }

	/**** End Restricted ****/
	
	/**** Gallery ****/
	
	#gallery-top { overflow: auto; padding-left: 30px; padding-top: 10px; position: relative; }
		#gallery-info-left { width: 410px; float: left; }
		#gallery-info-left .erreur_message { clear: both; text-align: right; width: 384px; }
			#price-message { padding-top: 15px; }
			#add-cart-buttons {  }
				#add-cart-bottom { overflow: auto; clear: both; padding-top: 10px; }
					.add-button { float: left; width: 205px; padding-top: 5px; }
						.add-button input { border: none; padding-left: 36px; background: #fff url(images/cart-bg.gif) no-repeat left 5px; font-size: 24px; color: #5a5959; }
						.add-button input:hover { color: #2e2e2e; text-decoration: none; cursor: pointer; }
					.qty { width: 87px; float: left; overflow: auto; padding-top: 15px; }
						.qty .form_label { float: left; width: 40px; text-align: center; }
						.qty .form_object { float: left; width: 47px; }
				
				.size {  }
					.size .form_label { display: none; }
					.size .form_object { overflow: hidden; width: 410px; }
						.size .size-title { font-size: 14px; padding-bottom: 10px; }
						.size .form_object .paper { float: left; width: 210px; }
						.size .form_object .canvas { float: left; width: 200px; }
						.size table { font-size: 10px; }	
							.size td { padding-right: 10px; padding-top: 2px; }
		#gallery-info-right { width: 471px; padding-left: 25px; border-left: solid 1px #e8e8e8; float: left; overflow: auto; position: relative; min-height: 176px; padding-bottom: 20px; }
			#gallery-info-titles { overflow: auto; }
				#gallery-titles { float: left; width: 270px; }
					#gallery-subtitle { font-size: 15px; }
				#filename { float: right; width: 200px; text-align: right; padding-top: 10px; }
				#back-link { position: absolute; right: 0; bottom: 0; }
		
	#gallery, .gallery { overflow: auto; padding-bottom: 80px; padding-top: 20px; }
	#section #con.gallery { float: none; }
		#gallery-left {  }
			#gallery-large, .gallery-large { padding: 0 37px; width: 875px; background: #fff url(images/gallery-large-bg.gif) repeat-y left top; }
				#gallery-large-top, #gallery-large-bottom, .gallery-large-top, .gallery-large-bottom { font-size: 1px; line-height: 1px; }
		#gallery-right { width: 167px; float: left; padding-top: 5px; }
			#gallery-thumbs { margin-left: 30px; }
				.thumb { padding: 6px 9px 11px; margin-left: ; background: url(images/gallery-thumb-bg.gif) no-repeat left top; margin: 0 auto; }
			#gallery-pagination { font-size: 10px; color: #2e2e2e; text-align: center; padding-top: 20px; }
				.pagination_label { display: none; }
				#gallery-pagination .on { color: #999; }
		#pages { overflow: auto; padding: 20px 0; text-align: center; font-size: 16px; font-weight: bold; }
			#pages #previous { float: left; width: 50%; }
			#pages #next { float: right; width: 50%; }
	
	/**** End Gallery ****/
	
	
	/**** Login ****/
	
	#page26 .height p { text-align: center; padding-top: 50px; }
	#page26 .height p.boutons { text-align: left; padding-top: 0; padding-left: 90px }
	#page26 .choix { padding-left: 90px; }
	#page26 ul input { width: 200px; }
	#page26 ul .choix input { width: auto; }
	.formulaire_login { min-height: 200px; width: 300px; margin: 0 auto; padding-top: 65px; }
		.formulaire_login legend { display: none; }
		.formulaire_login fieldset { border: none; }
			.formulaire_login li { margin: 0; list-style: none; overflow: auto; padding-bottom: 5px; }
				.formulaire_login li label { display: block; width: 90px; float: left; }
				.formulaire_login em { padding-left: 90px; }
				.formulaire_login li.editer_session { padding-top: 20px; }
					.formulaire_login li.editer_session label { width: auto; float: none; display: inline; }
	#logout { text-align: center; padding-top: 20px; font-size: 11px; }
		#logout a { color: #666; }
	
	/**** End Login ****/
	
	/**** Shopping Cart ****/
	
	.empty_cart { text-align:center; }
	#page-cart #con { margin: 0 auto; padding-top: 40px; width: 802px; }
		#page-cart th { text-align: left; font-size: 14px; padding-bottom: 10px; }
		#page-cart .shop-quantity { width: 60px }
		#page-cart .shop_cart_product { width: 500px; padding-right: 10px; }
		#page-cart .shop_cart_price { width: 100px; padding-right: 10px; text-align: right; }
		#page-cart .padding { width: 532px; }
		#page-cart .total-title { width: 150px; text-align: left; }
		#page-cart .shop_cart_total { width: 120px; text-align: right; font-weight: bold; }
		#page-cart .currency { text-align: right; width: 120px; font-weight: bold; }
		#page-cart .subtotal td { border-top: solid 1px #E8E8E8; padding-top: 10px; }
		#page-cart td { height:20px; }
		#page-cart #checkout-button { padding-bottom: 30px; overflow:auto; text-align: right; }
			#page-cart #checkout-button input { border: none; width: 182px; text-align: left; padding-left: 36px; background: #fff url(images/cart-bg.gif) no-repeat left 5px; font-size: 24px; color: #5a5959; }
			#page-cart #checkout-button input:hover { color: #2e2e2e; text-decoration: none; cursor: pointer; }
		#page-cart #clear-button { overflow:auto; text-align: right; }
			#page-cart #clear-button input { border: none; width: 182px; text-align: left; padding-left: 36px; background: #fff url(images/cart-bg.gif) no-repeat left 5px; font-size: 24px; color: #5a5959; }
			#page-cart #clear-button input:hover { color: #2e2e2e; text-decoration: none; cursor: pointer; }
		#page-cart #update-button { overflow:auto; padding-top:30px; text-align: right; }
			#page-cart #update-button input { border: none; width: 182px; text-align: left; padding-left: 36px; background: #fff url(images/cart-bg.gif) no-repeat left 5px; font-size: 24px; color: #5a5959; }
			#page-cart #update-button input:hover { color: #2e2e2e; text-decoration: none; cursor: pointer; }
		#page-cart .shop_flash { text-align: center; padding-bottom: 10px; }
		#page-cart .product-title img { padding-right: 10px; vertical-align: middle; }
		
	/**** End Shopping Cart ****/
	
	/**** Forms ****/
	
	.form-field { overflow:auto; padding-bottom:15px; }
		.form_label { padding-bottom: 5px; }
		.form_object { width:200px; }
		.error_message { font-size: 11px; color: #a03030; }
		textarea { font-family: Lucida Grande,Verdana,Arial,sans-serif; font-size: 12px; color: #666; }
	
	/**** End Form ****/

/**** Footer ****/

#ft { color: #646363; font-size: 11px; padding-left: 42px; clear: both; position: absolute; bottom: 20px; }
	#ft a, #ft a:link, #ft a:visited { color: #646363; }
	#ft-small, #ft-small a, #ft-small a:link, #ft-small a:visited { font-size: 10px; color: #979797; }
	#ft-small a:hover, #ft-small a:focus { text-decoration: underline; }
	#ft #social_small { height: 5px; line-height: 1px; }
	#page6 #ft .socialtags { display: none; }
	#page5 #ft .socialtags { display: none; }

/**** End Footer ****/