/* Thanks to Orman Clark for the inspiration*/
/*  
Theme Name: Planetclean 
Theme URI: http://www.planetclean-france.com
Description: Custom design for Planetclean
Version: 3.0
Author: Lieven Vandenbroucke for Xtence
Author URI: http://www.xtence.be
*/
* { margin: 0; padding: 0; }
body { 
	background: #fff url(bg-body.jpg) center top repeat-x; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 62.5%; 
	color: #333; 
	line-height: 21px; 
}
#page{
	padding:  0;
	margin: 200px auto 0;
	width: 960px;
	text-align: justify;
}
a { 
	outline: none; 
	color: #006699; 
	text-decoration: none; 
}
a:hover { 
	text-decoration: underline; 
}
a.loc, a.loc:hover { 
	text-indent: -100000px; 
}
#header { 
	height: 225px; 
	position: fixed; 
	width: 940px; 
	z-index: 10000; 
	top: 0; 
	left: 50%; 
	margin-left: -470px; 
	background: transparent url(top.png) center top no-repeat; 
}
#header h1{
	float: right;
	margin: 25px 70px 0 0;
	color: #fff;
	font-size: 2em;
	font-weight: normal;
}
div.nav { 
	float: right; 
	width: 880px; 
	height: 56px; 
}
div.nav ul { 
	list-style-type: none; 
}
div.nav li { 
	float: left; 
	text-indent: -9999px; 
}
div.nav li a { 
	display: block; 
	margin-left: 5px; 
	margin-right: 5px; 
}
a.top { 
	width: 80px; 
	height: 60px; 
	background: url(arrow-le-haut.png) left top no-repeat; 
}
a.boven { 
	width: 80px; 
	height: 60px; 
	background: url(arrow-boven.png) left top no-repeat; 
}
a.planet-enzym { 
	height: 41px; 
	margin-top: 7px; 
	width: 115px; 
	background: url(enzym-tab.png) left top no-repeat; 
}
a.planet-cleaner { 
	height: 41px; 
	margin-top: 7px; 
	width: 119px; 
	background: url(cleaner-tab.png) left top no-repeat; 
}
a.wow-cuisine { 
	height: 41px; 
	margin-top: 7px; 
	width: 107px; 
	background: url(wow-cuisine-tab.png) left top no-repeat; 
}
a.wow-voiture { 
	height: 41px; 
	margin-top: 7px; 
	width: 107px; 
	background: url(wow-voiture-tab.png) left top no-repeat; 
}
a.wow-keuken { 
	height: 41px; 
	margin-top: 7px; 
	width: 107px; 
	background: url(wow-keuken-tab.png) left top no-repeat; 
}
a.wow-auto { 
	height: 41px; 
	margin-top: 7px; 
	width: 107px; 
	background: url(wow-auto-tab.png) left top no-repeat; 
}
a.contact { 
	height: 41px; 
	margin-top: 7px; 
	width: 68px; 
	background: url(contact-tab.png) left top no-repeat; 
}
a.distributeur { 
	height: 41px; 
	margin-top: 7px; 
	width: 107px; 
	background: url(distri-tab.png) left top no-repeat; 
}
a.verdelers { 
	height: 41px; 
	margin-top: 7px; 
	width: 107px; 
	background: url(verdelers-tab.png) left top no-repeat; 
}
a.planet-enzym:hover, a.planet-cleaner:hover, a.wow-keuken:hover, a.distributeur:hover,
a.wow-cuisine:hover, a.contact:hover, a.wow-voiture:hover, a.wow-auto:hover, a.verdelers:hover { 
	background-position: left -41px; 
}
#langue{
	float: right;
	padding: 10px 30px 0 0;
}
#langue p.nl a,
#langue p.fr a{
	display: block;
	height:14px;
	width:48px;
	text-indent: -100000px; 
	margin: 0 0 5px 0;
}
#langue p.nl a{
	background: url(vlag_B.gif) left top no-repeat;
}
#langue p.fr a{
	background: url(vlag_F.gif) left top no-repeat;
}
.produits { 
	width: 940px; 
	margin: 0 auto; 
	font-size: 2.1em;
	font-weight: normal;
}
.economisez{
	font-size: 17px;
	text-align: center;
	font-weight: normal;
}
span.button a{
	background-image: url(button.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	height:59px;
	width:268px;
	color:#fff;
	line-height:50px;
	font-size:20px;
	text-align: center;
	text-decoration: none;
}
span.button a:hover{
	background-position: 0 -61px;
}
span.le a{
	margin: 0 0 0 100px;
}
span.ri a{
	margin:0 0 0 60px;
}
.produits, .economisez{/*
	color:#21429C;
	background-color: #fff;
	filter:alpha(opacity=60);
	-moz-opacity:.40;
	opacity:.65;
	z-index: 100;*/
	color:/*#6E84BF*/#24A068;
}
.restaurants { width: 100%; }
#nettoyants-enzym, #nettoyage-professionel, #wow-cuisine, #wow-voiture { 
	height: 500px; 
	padding-bottom: 150px; 
	width: 940px; 
	margin: 0 auto; 
}
#contacter-nous { 
	height: 1000px; 
	width: 940px; 
	margin: 0 auto; 
}
.left{
	float: left;
}
.right{
	float: right;
}
.top{
	height:15px;
}
.top1{
	height:170px;
}
.top2{
	height:170px;
}
.top3{
	height:170px;
}
.top4{
	height:250px;
}
#nettoyants-enzym img{
	margin: 0 0 0 50px;
}
#nettoyants-enzym {
	background: url(plaques.png) 80% bottom no-repeat;
}
#nettoyage-professionel{
	overflow: hidden;
	background: url(plaques-blue.png) 20% bottom no-repeat;
}
#nettoyage-professionel img{
	margin: 0 50px 0 0;
}
#wow-cuisine img{
	margin: 0 0 0 50px;
}
#wow-voiture img{
	margin: 0 50px 0 0;
}
.nettoyage h2, .nettoyage h3, .nettoyage h4{
	font-weight: normal;
	text-align: center;
	width:350px;
	color: #21429C;
}
.nettoyage h2 {
	margin: 5px 70px 0 0;
	font-size: 2.2em;
	line-height:1.3em;
}
.nettoyage h3 { 
	margin: 5px 70px 15px 0;
	font-size: 2em;
}
.nettoyage ul { 
	color: #222; 
	font-size: 1.4em; 
	line-height: 24px; 
	margin-left: 40px; 
	width: 400px; 
}
#nettoyage-enzymatique{
	margin: 20px 80px 0 0;
	float: right;
}
#nettoyage-degraisser{
	margin: 20px 0 0 80px ;
	float: left;
}
#laver-cuisine-sans-eau{
	margin: 70px 80px 0 0;
	float: right;
}
#laver-voiture-sans-eau{
	margin: 70px 0 0 0;
	width:470px;
	float: right;
}
#laver-voiture-sans-eau h2{
	width: 460px;
	text-align: right;
}
#laver-voiture-sans-eau dt{
	font-weight: bold;
	font-size: 1.5em; 
}
#laver-voiture-sans-eau dd{
	margin: 0 0 0 20px;
	font-size: 1.4em; 
}
.horeca{ 
	background: url(water.jpg) center center no-repeat; 
}
.cuisine-propre { 
	background: url(cuisine.jpg) center top no-repeat; 
}
.sans-eau { 
	background: url(laver-voiture.jpg) center center no-repeat; 
}
.contacter-nous { 
	background: url(foot.jpg) center top no-repeat; 
}
.contacter-nous h2{
	text-align: center;
}
.contacter-nous form{
	padding: 20px 0 0 70px;
}
.distributeurs{
	clear: both;
	width: 940px; 
	margin: 0 auto; 
}
.distributeurs-nettoyant{
	float: left;
	width: 300px;
	margin: 0 5px 0 0;
}
.distributeurs-nettoyant dt{
	font-size: 1.2em;
	font-weight: bold;
	color: #006699; 
	margin:10px 0 0 0;
}
.collage{
	margin: 100px 0 0 0;
}
#bottom{
	width: 100%; 
	overflow: hidden;
	background: url(bottom.jpg) center bottom repeat-x; 
}
.ok,.error, .important{
	border: 1px solid;
	margin: 10px 0px;
	padding: 15px 10px 15px 100px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.important {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url(important.png);
	 background-repeat: no-repeat;
	 height: 110px;
}
.ok {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url(ok.png);
	 background-repeat: no-repeat;
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url(error.png);
	 background-repeat: no-repeat;
	 min-height: 110px;
}
.message{
	margin-left: 30px;
}
.message_not{
	margin-left: 30px;
	color:red;
}
label{
	width: 100px;
	float: left;
	text-align: right;
	margin-right: 2em;
	display: block;
}
.submit input{
	margin-left: 4.5em;
} 
input{
	color: #000;
	width: 259px;
	height: 27px;
	margin:0.5em;
	background: transparent url(inputt.png) bottom right no-repeat;
	border:none;
}
textarea{
	margin: 4px 0 5px 10px;
	color: #000;
	width: 375px;
	height: 101px;
	background: transparent url(textarea.png) bottom right no-repeat;
	border:none;
}
input.xtence{
	background: url(submit.png) top center no-repeat;
	width: 158px;
	height: 31px;
	border:none;
	margin: 4px 0 5px 10px;
}
form{
	float: left;
}
#adresse{
	float: left;
	width: 401px;
	height: 398px;
	background: url(notes.png) top left no-repeat;
}
#adres_nl{
	float: left;
	width: 401px;
	height: 398px;
	background: url(notesnl.png) top left no-repeat;
}
#footer{
	clear: both;
	padding: 100px 0 0 0;
}
.notfound{
	font-size:80px;
	color:#333;
	padding: 100px 0 0 0;
	text-align: center;
}