body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {
	margin:0;padding:0;
	font-size: 100%;
	border: 0;
	outline: 0;
	background: transparent;
	
}


body {
   margin: 0; /* pour �viter les marges */
     text-align: center; /* pour corriger le bug de centrage IE */
	font-family:Arial,sans-serif;background:#F6F3F2;
}

img {
	border:none;
}

em {
	font-style: normal;
	color: #FFCC00;
}
/* SIDEBAR =========== */

div#bar {
	position: absolute;
	height:90px;
	width: 552px;/*1.0029em;*//*/24;*/
padding:O;/*border:1px solid #C0C0C0;margin-bottom: 1em;
*/}


	#bar p {
		margin: 0 20px;
	}
	
	
/* HOMEPAGE ========== 

*/

div#container {
text-align:left;
	margin-left:auto;
	margin-right:auto;
	width:600px;
}
#image_top{display:block;position:relative;left:100px !important;}
.langue {float:left;margin:0;}
#LANGUES {display:block;position:relative;left:100px;}
#ZH {clear:both;display:block;text-align:left;padding-left:100px;color:#690102;font-size:0.77em;text-decoration:none;}
.titre_partenaire {position:relative;margin-top:30px;display:block;clear:both;color:grey;font-variant:small-caps;text-align:center;font-size:78%;font-weight:bold;}
#bar-container {
	position: absolute;
	height: 100%;
	/*width:343px;*/
}
.nettoyeur {clear:both}
#p_home div#bar {
	background: #000 url(../../images/logo_bg.gif) bottom right no-repeat;
	z-index:100;
	border-left: 1px solid #333;
}
#p_home div#bar div {
	background:#000;
}
#p_home div#bar p.small {
	color: #FFF;
	margin: 2em 0 0 1.6667em; /* / 12px */
}

div#contact ul {
	position: absolute;
	left: 20px;
	bottom: 20px;
	z-index:1;
	margin: 0 55% 0 0;
	background: #333;
	list-style-type: none;
	padding: 0;
}
	div#contact li {
		float: left;
		margin: 0 20px 0 0;
		font-size:50%;
		padding: 0;
	}
	
/* Panels */
	
div#panels {
	position: relative;
	z-index:10;
	top: 100px;/*;4.1667em*/
	left: -22px;
	height: 300px;
	width: 272px;/**/;
}

	/* Common styles for tabs */
	div.tab {
		height: 75px;
		width: 22px;
		background-position: 0 0;
		text-indent: -10000px;
	}
	div.tab:hover {
		background-position: -22px 0;
		cursor: pointer;
	}
	div.tab-1 {
		background-image: url(../../images/tab_about2.gif);
	}
	div.tab-2 {
		height: 89px;
		background-image: url(../../images/tab_contact.gif);
	}
	
	div.tabs {
		float: left; /* instead of position: absolute which creates IE z-index issue */
		width: 22px;
		height: 155px;
	}
		/* Tabs in inactive position */
		div.tabs div.tab {
			position: absolute;
			width:22px;
		}
			div.tabs div.tab-1 {
				top: 0;
				z-index: 14;
			}
			div.tabs div.tab-2 {
				top: 75px;
				height: 89px;
				z-index: 13;
			}
			
	div.panel {
		position: absolute;
		z-index: 11;
	}
	div.panel-last {
		z-index: 12;
	}
		/* Tabs in active pos - moved by jQuery */
		div.panel div.tab {
			float: left;
		}
		div.panel div.tab-1 {}
		div.panel div.tab-2 {
			margin-top: 75px;
		}

		div.content {
			margin-left: 22px;
			width: 210px;/*;*/
			background-color:#000000;
			padding: 0.8334em;/*20px;*/
			color: #FFF;
		}
			div.content p {
				font-size: 75%;
				padding-right:0.3334em;/*8px;*/
				margin-bottom: 0.7em;
			}
			div.content p.box {
				padding:0.3334em;/*8px;*/
				border: 1px dashed #333;
				font-size: 0.4583em;
				margin-bottom: 0;
			}

/* social networks */
div.content p.sn {
	padding-right: 0;
	margin-bottom:0;
	position: relative;
}
	p.sn a.twitter {
		outline: 0;
	}
	p.sn a.linkedin {
		outline: 0;
		position: absolute;
		top: 0; right: -6px;
	}

	
/* simplyScroll */

.logicbox {
	width: 552px; /**/
	height: 90px;
}
.logicbox .simply-scroll-clip {
	width: 552px; /**/
	height: 90px
}

.logicbox .simply-scroll-list li {
	float: left;
	/*width: 200px;*/
	height: 90px;line-height:90px;
	padding-right:43px; /*modif TW*/
	
}
.logicbox .simply-scroll-list li a{
	vertical-align:center;
	text-align:center;
	height: 90px;line-height:118px;display: table-cell;
}

/* Tool Tip */

#tooltip {
	display: none;
	position: absolute;
	z-index: 1000;
	padding: 8px;
	border: 1px dotted #fff;
	background-color: #C0C0C0;
	width:250px;
	color:#fff;
	font-size: 0.77em;
}

/* Overlay */

#overlay {
	position: relative;
	z-index: 1000;
	width: 328px;/*;*/
	height: 150px;/*;*/
	display: none;
	text-align:left;color:#fff;
}
h1 {font-weight:bold;font-variant:small-caps;text-align:left;}
#overlay div.texte {border-bottom:1px dotted #fff;padding-bottom:3px;margin-bottom:3px;font-size:77%;}
#overlay p.web {color:#DC143C;}
#overlay p.web a{color:#DC143C;}
	#overlay-clip {
		position: absolute;
		overflow: hidden;
		z-index: 1002;
		width:0;
		height:0;
	}
	#overlay-content {
		position: absolute;
		overflow: hidden; /* set in to auto in JS (firefox bug?) */
		z-index: 1001;
		/*background-color: grey;*/
		width:328px;/*;*/
		height:150px;/*;*/
		left: 0;
		top: 0;
	}
	#overlay-close {
		position: absolute;
		z-index: 1003;
		top: 0;
		right: 0;
		width: 22px;
		height:22px;
		overflow: hidden;
		background-image: url(../../../IMG/skin/overlay-close.gif);
		background-position: 0 0;
		
	}
	#overlay-close:hover {
		background-position: 0 -22px;
		cursor: pointer;
	}

.overlay {
	display: none;
	background-color: #C0C0C0;
	padding: 18px 22px 22px 22px
	/*padding: 0.75em 0.9167em 0.9167em;*/
}
/*
#key2luxury {
	background-image: url(../images/client_k2l_bg.jpg)
}*/

/* CONTENT ========================== 

*/

#wrapper {
	margin: 0 auto;
	width: 960px;
	overflow: auto;
	height: 100%;
	background: #333; 
}

.sub #bar {
	position: fixed;
}

.sub #bar p.small {
	
}

#main {
	float: right;
	/*margin: 56px 0 0 384px;*/
	margin-top: 56px;
	width: 576px;
	color: #FFF;
}
	#main h2 {
		padding: 4px 8px;
		border: 1px solid #000;
		margin-bottom: 1.2em;
	}

	#main p {
		margin: 0 0 1.2em 0;
	}
	
	#main ul, #main ol {
		margin: 0 0 1.2em 0;
	}
	
	#main li, #main p, #main th {
		font-size: 75%;
	}
	#main p.small {
		font-size: 50%;
	}

table.config {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 1.2em;
}
	table.config th {
		text-align: left;
		font-size: 18px;
		padding-left: 16px;
	}
	
	table.config td {
		padding: 3px 0;
		border-top: 1px solid #555;
		font-size: 12px;
		padding-left: 16px;
	}
	
	table.config td.grey {
		color: #CCC;
	} 
	


pre {
	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	background-color:#222;
	padding: 16px;
	margin-bottom: 1.2em;
	overflow:auto;
}
pre .comment {
	color:#999;
}



/*
 * simplyScroll 1.0.3 - a scroll-tastic jQuery plugin
 *
 * http://logicbox.net/jquery/simplyscroll
 * http://logicbox.net/blog/simplyscroll-jquery-plugin
 * http://plugins.jquery.com/project/simplyScroll
 *
 * Copyright (c) 2009 Will Kelly - http://logicbox.net
 *
 * Dual licensed under the MIT (MIT-LICENSE.txt)
 * and GPL (GPL-LICENSE.txt) licenses.
 *
 * Last revised: 21/02/2009 00:34
 *
 */

/* Default/Master classes 

Example markup format (for horizontal scroller)
Note all DIVs are generated and should not be hard-coded

<div class="your-custom-class simply-scroll-container">
	<div class="simply-scroll-btn simply-scroll-btn-left"></div>
	<div class="simply-scroll-btn simply-scroll-btn-right"></div>
	<div class="simply-scroll-clip">
		<ul class="simply-scroll-list">
			<li>...</li>
			...
		</ul>
	</div>
</div>


*/

.simply-scroll-container { /* Container DIV - automatically generated */
	position: relative;
}

	.simply-scroll-clip { /* Clip DIV - automatically generated */
		position: relative;
		overflow: hidden;
		z-index: 2;
	}

	.simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		overflow: hidden;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
		.simply-scroll-list li {
			padding: 0;
			margin: 0;
			list-style: none;
		}
	
		.simply-scroll-list li img {
			border: none;
			/*display: block;*/
		}
	
	.simply-scroll-btn {
		position: absolute;
		background-image: url(buttons.png);
		width: 42px;
		height: 44px;
		z-index:3;
		cursor: pointer;
	}
	
	.simply-scroll-btn-left {
		left: 6px;
		bottom: 6px;
		background-position: 0 -44px;
	}
	.simply-scroll-btn-left.disabled {
		background-position: 0 0 !important;
	}
	.simply-scroll-btn-left:hover {
		background-position: 0 -88px;
	}
	
	.simply-scroll-btn-right {
		right: 6px;
		bottom: 6px;
		background-position: 84px -44px;
	}
	.simply-scroll-btn-right.disabled {
		background-position: 84px 0 !important;
	}
	.simply-scroll-btn-right:hover {
		background-position: 84px -88px;
	}
	
	.simply-scroll-btn-up {
		right: 6px;
		top: 6px;
		background-position: -126px -44px;
	}
	.simply-scroll-btn-up.disabled {
		background-position: -126px 0 !important;
	}
	.simply-scroll-btn-up:hover {
		background-position: -126px -88px;
	}
	
	.simply-scroll-btn-down {
		right: 6px;
		bottom: 6px;
		background-position: -42px -44px;
	}
	.simply-scroll-btn-down.disabled {
		background-position: -42px 0 !important;
	}
	.simply-scroll-btn-down:hover {
		background-position: -42px -88px;
	}

/* Custom class modifications - override classees

.simply-scroll is default

*/

.simply-scroll { /* Customisable base class for style override DIV */
	width: 576px;
	height: 200px;
	margin-bottom: 1em;
}

	.simply-scroll .simply-scroll-clip {
		width: 576px;
		height: 200px;
	}
	
		.simply-scroll .simply-scroll-list {}
		
		.simply-scroll .simply-scroll-list li {
			float: left;
			width: 290px;
			height: 200px;
		}
		.simply-scroll .simply-scroll-list li img {}
	
	.simply-scroll .simply-scroll-btn {}
	
	.simply-scroll .simply-scroll-btn-left {}
	.simply-scroll .simply-scroll-btn-left.disabled {}
	.simply-scroll .simply-scroll-btn-left:hover {}
	
	.simply-scroll .simply-scroll-btn-right {}
	.simply-scroll .simply-scroll-btn-right.disabled {}
	.simply-scroll .simply-scroll-btn-right:hover {}
	
	.simply-scroll .simply-scroll-btn-up {}
	.simply-scroll .simply-scroll-btn-up.disabled {}
	.simply-scroll .simply-scroll-btn-up:hover {}
	
	.simply-scroll .simply-scroll-btn-down {}
	.simply-scroll .simply-scroll-btn-down.disabled {}
	.simply-scroll .simply-scroll-btn-down:hover {}
	


/* Vertical scroller example */

.vert { /* wider than clip to position buttons to side */
	width: 340px;
	height: 400px;
	margin-bottom: 1.5em;
}

	.vert .simply-scroll-clip {
		width: 290px;
		height: 400px;
	}
	
		.vert .simply-scroll-list {}
		
		.vert .simply-scroll-list li {
			width: 290px;
			height: 200px;
		}
		.vert .simply-scroll-list li img {}
	
	.vert .simply-scroll-btn {}

	.vert .simply-scroll-btn-up { /* modified btn pos */
		right: 0;
		top: 0;
	}
	.vert .simply-scroll-btn-up.disabled {}
	.vert .simply-scroll-btn-up:hover {}
	
	.vert .simply-scroll-btn-down { /* modified btn pos */
		right: 0;
		top: 52px;
	}
	.vert .simply-scroll-btn-down.disabled {}
	.vert .simply-scroll-btn-down:hover {}