/* CSS default styles for demenagementshaegeman.be */
/* 
	This stylesheet is based on css Zen Garden submission 133,
	'Ordered Zen', created by Steve Smith [www.orderedlist.com],
	released under Creative Commons License: 
	http://creativecommons.org/licenses/by-nc-sa/1.0/
*/

	body {
		font-family: "Tahoma", Verdana, Helvetica, Arial, sans-serif;
		font-size: 12px;
		background: #D6BEC6 url(/style/bg.png);
		color: #555040;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	/*/*/a{}
	body {
		font-size:  xx-small;
		voice-family: "\"}\"";
		voice-family: inherit;
		font-size: x-small;
	}
	html>body {
	  font-size: x-small;
	}
	/* */

/* -- Blocks -- */

	#container {
		position: relative;
		margin: 5px auto;
		background-color: #FFF;
		width: 760px; 
		padding: 0 5px;
		border-bottom: 5px solid #FFF;
		border-top: 5px solid #FFF;
		font-size: 110%;
		text-align: left;
	}
	
	#header {
		position: relative;
		width: 760px;
		height: 105px;
		background-color: #FFF;
	}
	
	#maincontainer {
		position: relative;
		width: 760px;
		background: #FFF url(/style/bg_container.gif) repeat-y;
	}

	#content {
		width: 525px;
		margin-right: 120px;
		padding: 10px;
		padding-bottom: 7em;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 505px;
	}
	html>body #content {
		width: 505px;
	}
	
	#menus {
		float: right;
		width: 230px;
	}
	
	#footer {
		clear: both;
		position: relative;
		background-color: #F5F5F5;
		border-top: 5px solid #FFF;
		padding: 0;
	}
	
	#pepperkoffee {
		width: 770px;
		text-align: right;
		margin: 0px auto 10px;
	}
	
/* -- Titles -- */

	h1 {
		margin: 0;
	}
	h1 a {
		position: absolute;
		display: block;
		width: 250px;
		height: 65px;
		bottom: 20px;
		left: 3px;
		padding: 0;
	}
	h1 a:hover {
		border: 0;
	}
	h1 span {
		display: none;
	}
	
	h2 {
		display: none;
	}

	h4 {
		border-bottom: 1px solid #6B0F15;
		border-left: 5px solid #6B0F15;
		color: #6B0F15;
		padding-left: 10px;
		margin-bottom: 10px; margin-top: 0;
		font-size: 110%;
	}
	
	h4.qualite, h4.prix, h4.service {
		padding: 0;
		border: none;
		background-position: 100% 0;
		width: 500px;
		background-repeat: no-repeat;
	}
	h4.qualite span, h4.prix span, h4.service span {
		display: none;
	}
	
	h4.qualite {
		height: 30px;
	}
	h4.prix {
		height: 51px;
	}
	h4.service {
		height: 40px;
	}

/* -- Links -- */

	#maincontainer a:link, a:visited {
		color: #369;
		text-decoration: none;
		padding-bottom: 1px;
	}
	
	#maincontainer a:hover {
		text-decoration: none;
		color: #036;
		padding-bottom: 0;
		border-bottom: 1px dotted #036;
	}

/* -- Header elements -- */

	/* -- Access panels -- */
		
		#accessPanels {
			position: relative;
			width: 760px;
			height: 125px;
			background-color: #FFF;
		}
		#accessPanels p {
			margin:0;
			padding:0;
		}
		#accessPanels .p1part, #accessPanels .p1pro {
			position: absolute;
			top: 0;
			left: 0;
			width: 525px;
			height: 120px;
		}
		#accessPanels .p1part span, #accessPanels .p1pro span { 
			display: none;
		}
		#accessPanels .p2part, #accessPanels .p2pro {
			position: absolute;
			top: 0;
			left: 530px;
			width: 230px;
			height: 120px;
			overflow: hidden;
		}
		#accessPanels .p2part span, #accessPanels .p2pro span {
			visibility: hidden;
			white-space: nowrap;
		}
		#accessPanels .p2part a, #accessPanels .p2pro a {
			width: 230px;
			height: 60px;
			float: right;
			visibility: visible;
			text-indent: -9000px;
			overflow: hidden;
			margin-top: -1.4em;
			margin-bottom: 1.4em;
			padding: 0;
		}
		#accessPanels a:hover {
			border: 0;
		}
	
	/* -- Languages selection -- */
		
		#languages {
			position: absolute;
			top: 201px;
		}
		#languagesPart {
			margin-left: 10px;
		}
		#languagesPro {
			margin-left: 420px;
		}
		#languages img {
			margin: 1px;
			border: 0;
		}
		#languages img:hover {
			margin: 0;
			border: 1px solid #000;
		}
	
/* -- Content elements -- */
	
	#content img {
		float: left;
		vertical-align: text-bottom;
		margin: 4px 10px 10px;
		padding: 0px;
	}

	
/* -- Content elements -- */
	
	#content ul {
		margin: 1em 20px 2em 20px;
		padding-left: 24px;
	}

	/* -- Photos -- */
		
		#photos {
			margin: 0; padding: 0;
			width: 505px;
			border: 1px solid #000;
			border-bottom: none;
			background-color: #FFF;
			voice-family: "\"}\"";
			voice-family: inherit;
			width: 503px;
		}
		html>body #photos {
			width: 503px;
		}
		
		#photos .ligne {
			height: 130px;
		}
		
		#photos img {
			margin: 10px 34px 10px 66px;
			width: 150px; height: 110px;
			border: none;
		}
	
		#bottomphotos {
			margin: 0; margin-bottom: 10px;
			padding: 0;
			width: 505px;
			height: 18px;
			background-position: 100% 0;
			background-color: transparent;
			background-repeat: no-repeat;
		}
		#bottomphotos span {
			display: none;
		}

/* -- Main menu elements -- */
	
	#menus ul {
		list-style-type: none;
		width: 210px;
		margin: 0 0 10px 0;
		padding: 0;
	}
	
	#menus li {
		margin: 10px 0;
		padding: 0;
		color: #FFF;
		voice-family: "\"}\"";
		voice-family: inherit;
		padding-left: 25px;
		margin-left: 10px;
		background: transparent url(/style/bullet_normal.gif) no-repeat 0 1px;
	}
	html>body #menus li {
		padding-left: 25px;
	}
	
	#menus li:hover {
		background: transparent url(/style/bullet_normal_over.gif) no-repeat 0 1px;
	}
	
	#menus ul.mainmenu li {
		background: transparent url(/img/truck2.gif) no-repeat 0 3px;
	}
	#menus ul.mainmenu li:hover {
		background: transparent url(/img/truck.gif) no-repeat 0 3px;
	}
	
	#menus li a:link, #menus li a:visited {
		display: block;
		font-weight: bold;
		color: #EB8547;
	}
	#menus li a:hover {
		color: #ECBDA1;
		border-bottom: 1px solid #ECBDA1;
	}
	
	#menus img {
		margin: 5px 0;
		border: none;
	}
	
	#menus h3 {
		width: 210px;
		margin: 0 0 10px;
		background: #6B0F15 url(/style/link_list_h3.gif) repeat-y top left;
		padding: 5px 5px 5px 15px;
		font-weight: bold;
		color: #E9E6D9;
		font-size: 100%;
	}
	
	#menus .imgContact {
		width: 230px;
		height: 80px;
		margin: 0; padding: 0;
	}
	#menus .imgContact span {
		display: none;
	}
	
/* -- Footer elements -- */

	#footer div {
		padding: .5em;
		color: #999;
	}
	
	#footer img.right {
		position: absolute;
		top: 150%;
		right: 0;
		border: 0;
	}

/* -- Form elements -- */
	
	fieldset {
		margin: 0;
		padding: 1em;
		border: 1px solid #CCC;
	}
	
	label {
		margin-top: 10px;
		display: block;
	}
	
	input,select,textarea {
		font: x-small/1.4 Tahoma, Verdana, Helvetica, Arial, sans-serif;
	}
	
/* -- Other HTML elements -- */

	acronym {
		border-bottom: 1px dotted #555040;
		cursor: help;
	}

	.menuCentre {
		margin: 0px auto;
		width: auto;
		text-align: center;
	}

	.erreur {
		padding: 1em;
		font-weight: bold;
		background-color: #FFF0F5;
		border: 1px solid #C00;
	}

	dl.contactPhone {
		background: transparent url(/img/telephone.gif) no-repeat top left;
	}
	dl.contactEmail {
		background: transparent url(/img/emailbox.gif) no-repeat top left;
	}
	dl.contactMail {
		background: transparent url(/img/mailbox.gif) no-repeat top left;
	}
	dl dt {
		margin-left: 100px;
		margin-bottom: 10px;
		background-color: #EEE;
		color: #000;
		padding: 4px;
		padding-left: 10px;
		font-weight: bold;
	}
	dl dd {
		margin-left: 125px;
	}

	img.noborder {
		border: 0;
	}
	
	.takecontact {
		border: 1px solid #369;
		padding: 1em;
		background-color: #F0F8FF;
	}