@charset "UTF-8";
/* --- Cappuccino SA | CSS Document | www.contreforme.ch / s.rossetti - 2008 --- */
/* --- tags --- */
*{
	margin:0;
	padding:0;
	outline:none;
	border:none;
}
html,
body{
	height:100%;
}
body{
	background-color:#000;
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#374042;
	line-height:1.5em;
}
/* --- id's --- */
#site{
	width:100%;
	height:100%;
}
#site table{
	margin-left:-10px;
}
#site table td{
	vertical-align:top;
}
#site h1,
#site h2,
#site h3,
#site h4,
#site h5,
#site h6{
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing:3px;
	margin-bottom:5px;
	padding-top:25px;
	border-top:2px solid #ec7f1b;
	line-height:1.1em;
}
#__connexion{
	position:fixed;
	right:10px;
	top:10px;
	color:#333;
	cursor:pointer;
}
#cap{
	position:relative;
	background:url(../__layout/__statics/captopbg.png) repeat-x left top;
	width:900px;
	margin:0 auto -60px;
	min-height:100%;
	height:auto !important;
	height:100%;
}
	#cap_img{
		position:relative;
		z-index:-1;
	}
	#cap_coffeebeans,
	#cap_keywordleft{
		position:absolute;
		top:370px;
		left:-19px;
	}
	#cap_coffeebeans{
		top:260px;
		left:41px;
	}
	#cap_coffeecup,
	#cap_keywordright{
		position:absolute;
		top:220px;
		right:-20px;
	}
	#cap_coffeecup{
		right:67px;
		top:345px;
	}
	#cap_wrapper{
		position:absolute;
		background:url(../__layout/__statics/capwrapperbg.png) repeat-y left top;
		min-height:100%;
		height:auto !important;
		height:100%;
		margin-bottom:-140px;
		width:550px;
		left:175px;
	}
		#cap_banner{
			padding-top:100px;
			background:url(../__layout/__statics/captopbg.png) repeat-x left top;
		}
			#cap_log{
				border:0;
			}
			#cap_log img{
				position:absolute;
				top:5px;
				left:-175px;
			}
			#cap_language{
				position:absolute;
				right:-160px;
				top:10px;
			}
			#cap_language a{
				color:#ccc;
				text-decoration:none;
			}
			#cap_language a:hover{
				color:#fff;
			}
			#cap_language a.selected{
				color:#666;
			}
			#cap_menu{
				overflow:hidden;
				position:relative;
			}
				#cap_menu ul {
					float:left;
					list-style-type:none;
					position:relative;
					left:50%;
				}
				#cap_menu li{
					float:left;
					line-height:15px;
					position: relative;
					right:50%;
					background:url(../__layout/__statics/capmenuleftbg.png) no-repeat left top;
					padding:0px 5px;
				}
				#cap_menu li a{
					text-decoration:none;
					font-weight:bold;
					display:block;
					background:url(../__layout/__statics/capmenurightbg.png) no-repeat right top;
					border:0;
					padding:5px 5px 5px 2px;
					color:#2d1c00;
				}
				#cap_menu li a:hover{
					color:#fff;
				}
				#cap_menu li.selected a{
					background-image:url(../__layout/__statics/capmenurightbg_over.png);
					color:#fff;
				}
				#cap_menu li.selected{
					background-image:url(../__layout/__statics/capmenuleftbg_over.png);
				}
				#cap_content_top{
					position:relative;
					margin:0 auto;
					width:550px;
					height:40px;
					background:url(../__layout/__statics/captopcontent.png) no-repeat left top;
				}
		#cap_submenu{
			list-style-type:none;
			background:url(../__layout/__statics/capsubmenuline.png) no-repeat right top;
			padding-top:1px;
			position:absolute;
			left:-170px;
			top:150px;
			width:175px;
			z-index:1000;
		}
			#cap_submenu li.selected{
				background:url(../__layout/__statics/capsubmenubgover.png) repeat-y right top;
			}
			#cap_submenu a{
				display:block;
				width:105px;
				color:#aaa;
				text-decoration:none;
				padding:5px 20px 5px 50px;
				background:url(../__layout/__statics/capsubmenuline.png) no-repeat right bottom;
			}
			#cap_submenu a:hover,
			#cap_submenu li.selected a{
				color:#fff;
			}
		#cap_content{
			border:5px solid #3b3f42;
			border-top:none;
			border-bottom:none;
			position:relative;
			left:50%;
			margin-left:-275px;
			width:540px;
			background:#2c3033 url(../__layout/__statics/capcontentbg.png) repeat-x left top;
			z-index:50;
		}
			#capimgwelcome{
				position:relative;
				margin:-18px 0 0 -42px;
				z-index:80;
			}
			#cap_article_top{
				position:relative;
				width:540px;
				height:27px;
				margin:-37px 0 0 -59px;
				background:url(../__layout/__statics/caparticletop.png) repeat-y 10px top;
			}
			#cap_article{
				background:url(../__layout/__statics/caparticlebg.png) repeat-y 10px top;
				min-height:200px;
				height:auto !important;
				height:200px;
				width:420px;
				padding:10px 60px;
			}		
			#cap_article ul{
				list-style-type:disc;
				list-style-position:inside;
			}
			#cap_article ul li{
				padding-left:5px;
			}
			#cap_content a:link,
			#cap_content a:visited,
			#cap_content a:hover,
			#cap_content a:active{
				color:#ac6000;
				text-decoration:none;
				border-bottom:1px dotted #ac6000;
			}
			#cap_content a:hover{
				border-bottom-style:solid;
			}
			#cap_content a.slimbox{
				border:none;
			}
			#cap_content div.errors,
			#cap_content div.thankyou{
				margin:10px 0;
				background-color:#f96;
				padding:5px 0;
			}
			#cap_content div.thankyou{
				background-color:#6c9;
			}
			#cap_content div.thankyou p,
			#cap_content div.errors p,
			#cap_content div.errors ul{
				margin:5px;
			}
			#cap_content #cap_orderform table{
				letter-spacing:normal;
				border-collapse:collapse;
			}
			#cap_content #cap_orderform table input{
				padding:2px;
			}
			#cap_content #cap_orderform table input.submit{
				padding:3px;
				border:1px solid #ec7f1b;
				float:right;
				margin-top:10px;
			}
			#cap_content #cap_orderform table textarea{
				padding:2px;
				font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
				font-size:1em;
				width:100%;
			}
			#cap_content #cap_orderform table td{
				height:25px;
				vertical-align:middle;
			}
			#cap_content #cap_orderform tr.mainhead td{
				font-weight:bold;
				font-size:1.1em;
				height:35px;
			}
			#cap_content #cap_orderform tr.head td{
				font-weight:bold;
			}
			#cap_content #cap_orderform tr.head td.cap_prod_price{
				border:none;
			}
			#cap_content #cap_orderform td.cap_user_label{
				width:150px;
			}
			#cap_content #cap_orderform td.cap_user_input{
				width:200px;
			}
			#cap_content #cap_orderform td.cap_user_input input{
				width:98%;
			}
			#cap_content #cap_orderform td.cap_prod_label{
				width:170px;
			}
			#cap_content #cap_orderform td.cap_prod_label,
			#cap_content #cap_orderform td.cap_prod_unit,
			#cap_content #cap_orderform td.cap_prod_price,
			#cap_content #cap_orderform td.cap_prod_input{
				border-bottom:1px solid #fff;
			}
			
			#cap_content #cap_orderform td.cap_prod_unit{
				font-style:italic;
			}
			#cap_content #cap_orderform td.cap_prod_price{
				width:75px;
				text-align:right;
				padding-right:25px;
			}
			#cap_content #cap_orderform td.cap_prod_input{
				width:30px;
			}
			#cap_content img.cap_prod_labels{
				position:relative;
				left:250px;
				margin-bottom:10px;
			}
		#pusher{
			background:#2c3033 url(../__layout/__statics/caparticlebottom.png) no-repeat 10px top;
			width:540px;
			margin:0 auto;
			height:120px;
		}
		#cap_footer{
			font-size:0.8em;
			background:#171719 url(../__layout/__statics/capfootertopbg.png) repeat-x left top;
			height:40px;
			width:520px;
			margin:0 5px;
			padding:10px;
			color:#a9adb0;
			position:absolute;
			bottom:0px;
		}
			#cap_footer ul{
				list-style-type:none;
				width:240px;
				line-height:1.6em;
			}
			#cap_footer ul li strong{
				color:#ec7f1b;
			}
			#cap_footer ul a{
				text-decoration:none;
				border-bottom:1px dotted #fff;
				color:#fff;
			}
			#cap_footer ul.ftr_left{
				float:left;
			}
			#cap_footer ul.ftr_right{
				float:right;
			}
/* --- specific items --- */
	/* --- machines list --- */
div#cap_mac_list{
	float:none;
	clear:both;
	padding-top:10px;
	font-size:0.9em;
	letter-spacing:0;
	line-height:1.4em;
}
div#cap_mac_list div.cap_mac_item,
div#cap_mac_list div.cap_acc_item{
	margin-bottom:15px;
}
div#cap_mac_list a img{
	border:none;
}
div#cap_mac_list dt,
div#cap_mac_list h1{
	font-weight:bold;
	color:#322712;
}
div#cap_mac_list h1{
	font-size:1.2em;
	padding-top:7px;
	margin-bottom:4px;
}
div#cap_mac_list p{
	clear:both;
	width:100%;
	margin:5px 0px;
}
div#cap_mac_list dl{
	width:215px;
	margin-left:210px;
}
div#cap_mac_list div.cap_acc_item dl{
	width:300px;
	margin-left:120px;
}
div#cap_mac_list dd{
	margin-bottom:5px;
}
div#cap_mac_list dd,
div#cap_mac_list h1 span{
	font-weight:normal;
	color:#2c3033;
}
div#cap_mac_list ul{
	list-style-type:none;
	width:80px;
	float:left;
	margin-left:8px;
}
div#cap_mac_list ul li{
	margin:2px;
	float:left;
	width:35px;
	padding:0;
}
div#cap_mac_list br.pusher{
	clear:both;
	margin-bottom:10px;
}
	/* --- contact form --- */
#cf_contact{
	width:350px;
	padding-top:10px;
	margin:0 auto;
}
	#cf_contact ul{
		list-style-type:none;
	}
	#cf_contact ul li{
		padding-left:0px;
		margin-bottom:10px;
	}
	#cf_contact label,
	#cf_contact input,
	#cf_contact textarea{
		padding:3px;
		width:344px;
		font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		font-size:1em;
		background-color:#ccc;
		color:#333;
	}
	#cf_contact label{
		display:block;
		background-color:#666;
		color:#ccc;
	}
	#cf_contact input.submit{
		width:351px;
	}
/* --- misc classes --- */
	/* small inputs */
	input.int{
		width:98%;
		padding:2px;
		text-align:right;
	}
	/* --- floaters --- */
	.left{
		float:left;
		padding:2px;
		margin-right:5px;
	}
	.right{
		float:right;
		padding:2px;
		margin-left:5px;
	}
	/* --- form's alerts/responses --- */
	h3.alert,
	h3.confirm{
		padding-top:5px;
		color:#f50;
	}
	h3.confirm{
		color:#070;
	}
	/* --- objects/videos/etc. --- */
	object,
	object object{
		margin-bottom:-5px;
	}
	span.inserted_video,
	span.inserted_flv{
		margin-left:-5px;
		margin-bottom:-5px;
	}
	/* --- googlemap --- */
	#gmap{
		width:420px;
		height:300px;
		margin:0 auto;
		border:1px solid #fff;
		overflow:hidden;
	}
	/* --- contreforme's signature --- */
	#cf{
		text-align:center;
		font-size:0.8em;
		color:#666;
		clear:both;
	}
	#cf a{
		color:#888;
		text-decoration:none;
	}
#editeur .inserted_image_popup{
	border-color: red;
	cursor: pointer;
}
#editeur table{
	font-size: 100%;
}
.contenu table td,
#editeur td{
	border: dotted 1px #333;
	vertical-align: top;
}
.contenu ul,
#editeur ul{
	list-style-type:disc;
	list-style-position:inside;
}
.contenu ul li,
#editeur ul li{
	padding-left:5px;
}