body { background: #908c82 url(/g/page-background.jpg) repeat-x; }

/*
 * ie6warn.css
 */

div.ie6warn {
	display: block;
	width: 100%;
	height: 22px;
	background: #ffffe1;
	font: normal 11px tahoma, arial, helvetica, sans-serif;
	border-bottom: 1px #000 solid;
	color: #000;
	}

	div.ie6warn a {
		display: block;
		width: 100%;
		height: 18px;
		background: #ffffe1 url(http://www.byebyeinternetexplorer.org/public/ie6-warning-icon-off.gif) no-repeat center left;
		padding-top: 4px;
		padding-left: 26px;
		text-decoration: none;
		color: #000;
		}

	div.ie6warn a:hover {
		background: #0a246a url(http://www.byebyeinternetexplorer.org/public/ie6-warning-icon-on.gif) no-repeat center left;
		color: #fff;
		}

/*
 * END OF
 */


div.container {
	width: 980px;
	margin: 0 auto;
	margin-top: 20px;
	}

	/**** TOP MENU ****/

	.menutop {
		height: 80px;
		width: 980px;
		background: transparent url(/g/menutop-background.png) no-repeat top left;
		}

		.menutop a,
		.menutop a:visited,
		.menutop a:active,
		.menutop a:hover {
			position: relative;
			font: bold 18px arial;
			color: #aaa;
			letter-spacing: -0.2pt;
			text-decoration: none;
			}

		.menubar {
			position: relative;
			float: right;
			top: 47px;
			right: 30px;
			z-index: 15;
			}

		#menubar li {
			display: inline;
			float: right;
			padding: 4px 10px 7px 10px;
			}

		#menubar li:hover {
			background: #a9c123;
			//background: #fff;
			position: relative;
			}

		#menubar li.active:hover { background: none; }

		#menubar li.active a { color: #fff; }
		#menubar li.active:hover a { color: #fff; }
		#menubar li:hover a { color: #000; }

		#menubar li span {
			display: none;
			font: normal 11px arial;
			color: #444;
			text-align: center;
			border-top: 1px #666 solid;
			margin-top: 6px;
			padding-top: 6px;
			}
		#menubar li:hover span { display: block; }
		#menubar li.active:hover span { display: none; }

/**** CONTENU ****/

	div.content,
	div.content-blog {
		width: 920px;
		padding: 0 30px 0 30px;
		background: transparent url(/g/content-background.png) repeat-y top left;
		overflow: hidden;
		}

	div.content-blog { background: transparent url(/g/blog-background.png) repeat-y top left; }

	div.homepage {
		height: 539px;
		}

	div.homedetails {
		background: url(/g/logo-homepage.gif) no-repeat left center;
		height: 100px;
		padding: 20px;
		position: relative;
		z-index: 999;
		top: 399px;
		font: normal 15px arial, helvetica, sans-serif;
		color: #000;
		text-align: right;
		}

	/**** PAGE TITLES ****/

	h1.pagetitle {
		position: relative;
		top: 28px;
		left: 20px;
		font: bold 36px arial;
		color: #fff;
		letter-spacing: -1pt;
		z-index: 3;
		}

	h2.shadow {
		position: relative;
		top: -14px;
		left: 22px;
		z-index: 2;
		color: #000;
		font: bold 36px arial;
		letter-spacing: -1pt;
		}

	/**** PAGE "LEGAL" ****/

	.page-legal {
		padding: 30px;
		}

		.page-legal h1 {
			font: normal 36px arial, helvetica, sans-serif;
			color: #000;
			padding-bottom: 30px;
			letter-spacing: -2px;
			}

		.page-legal h2 {
			font: bold 24px arial;
			color: #777;
			letter-spacing: -0.4pt;
			padding-bottom: 20px;
			}

		.page-legal h3 {
			font: italic 18px georgia;
			color: #777;
			letter-spacing: -0.4pt;
			padding-bottom: 20px;
			}

		.page-legal p {
			font: normal 16px/24px arial;
			color: #444;
			text-align: justify;
			padding: 0 20px 15px 30px;
			}

		.page-legal ul {
			list-style: disc;
			padding-left: 45px;
			padding-bottom: 20px;
			}

		.page-legal ul li {
			font: normal 16px/24px arial;
			color: #444;
			padding: 0 20px 0px 10px;
			text-align: justify;
			}

	/**** PAGE "ABOUT" ****/

	.header-about {
		width: 920px;
		height: 100px;
		background: url(/g/h1-about.jpg) no-repeat top left;
		}

	.page-about {
		padding: 30px;
		}

		.page-about h2 {
			font: italic 24px/30px georgia;
			color: #c75829;
			padding-bottom: 30px;
			}

		.page-about h3 {
			font: bold 20px arial;
			color: #000;
			letter-spacing: -0.4pt;
			padding-bottom: 20px;
			}

		.page-about p {
			font: normal 16px/24px arial;
			color: #444;
			padding-left: 30px;
			padding-bottom: 16px;
			}

	/**** PAGE "BLOG" ****/

	.header-blog {
		width: 920px;
		height: 100px;
		background: url(/g/h1-blog.jpg) no-repeat top left;
		}

	.page-blog {
		position: relative;
		float: left;
		width: 585px;
		padding: 30px;
		}

		.header-search {
			z-index: 9;
			position: relative;
			top: 0px;
			right: 0px;
			float: right;
			width: 235px;
			padding: 20px;
			height: 60px;
			_padding: 17px 20px 0px 20px;
			_height: 60px;
			background: transparent url(/g/black_50.png);
			}

			.header-search h2 {
				position: relative;
				top: -5px;
				font: normal 20px georgia;
				color: #fff;
				padding: 0;
				}

			.header-search input {
				position: relative;
				top: -5px;
				padding: 3px;
				width: 190px;
				font: normal 14px arial;
				color: #555;
				_width: 170px;
				}

			#searchsubmit {
				position: relative;
				top: 7px;
				//top: 3px;
				width: 23px;
				height: 25px;
				border: none;
				}

		.capsule-blog {
			background: #e2f0f4;
			padding: 30px;
			}

		.capsule-blog-title {
			background: #e2f0f4;
			padding: 10px 30px 16px 30px;
			}

			.capsule-blog-title h2 {
				font: italic 24px/30px georgia;
				color: #4f6f93;
				}

			.capsule-blog-title small,
			.capsule-blog-title small a {
				font: italic 12px arial;
				color: #333;
				text-decoration: none;
				}

		.page-blog .navigation {
			padding-top: 30px;
			background: url(/g/divider.gif) no-repeat center top;
			margin: 0 auto;
			margin-top: 10px;
			text-align: center;
			}

		.capsule-blog h2,
		.page-blog h2 {
			font: italic 24px/30px georgia;
			color: #4f6f93;
			padding-bottom: 10px;
			}

		.page-blog .post {
			padding-top: 30px;
			margin-top: 10px;
			background: url(/g/divider.gif) no-repeat center top;
			}

		.page-blog .post-first {
			padding-top: 0px;
			background: none;
			}

		.page-blog .post-head {
			padding-bottom: 10px;
			//background: url(/g/divider.gif) no-repeat center bottom;
			//margin-bottom: 20px;
			}

			.page-blog .post-head h2 a {
				position: relative;
				padding: 2px;
				left: -2px;
				font: bold 20px arial;
				color: #000;
				letter-spacing: -0.4pt;
				text-decoration: none;
				}

			.page-blog strong {
				font-weight: bold;
				}

			.page-blog img.aligncenter {
				display: block;
				margin: 0 auto;
				}
			
			.page-blog .post-head h2 a:hover { background: #d4eff1; }


			.page-blog .post-head small.details {
				font: italic 11px arial;
				color: #888;
				}

				.page-blog .post-head small.details b {
					font-weight: normal;
					color: #000;
					}

				.page-blog .post-head small.details a {
					color: #000;
					text-decoration: none;
					}

			.page-blog .metadata {
				padding: 10px 0 20px 0;
				font: italic 13px arial;
				color: #70b4ca;
				}

				.page-blog .metadata a {
					color: #777;
					text-decoration: none;
					}

				.page-blog .metadata a:hover { text-decoration: underline; }

		.page-blog h3 {
			font: bold 20px arial;
			color: #000;
			letter-spacing: -0.4pt;
			padding-bottom: 20px;
			}

		.page-blog p,
		.page-blog li {
			font: normal 16px/24px arial;
			color: #444;
			padding-bottom: 16px;
			}

		.page-blog ul { list-style: disc; }

		.post-metadata {
			background: url(/g/divider.gif) no-repeat center top;
			padding-top: 20px;
			margin-top: 20px;
			margin: 0 auto;
			text-align: center;
			}

			.post-metadata a {
				font: normal 13px arial;
				color: #777;
				text-decoration: none;
				}

			.post-metadata a:hover { text-decoration: underline; }

		.blog-navigation {
			background: url(/g/divider.gif) no-repeat center top;
			padding-top: 20px;
			margin-top: 20px;
			}

			.blog-navigation a {
				font: normal 13px arial;
				color: #000;
				text-decoration: none;
				}

			.blog-navigation a:hover { text-decoration: underline; }

		#respond h3 {
			background: url(/g/divider.gif) no-repeat center top;
			padding-top: 20px;
			margin-top: 20px;
			}

	/**** SIDEBAR ****/

	.sidebar-blog {
		position: relative;
		float: left;
		width: 215px;
		padding: 30px;
		}

		.sidebar-blog div.cap {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 275px;
			height: 30px;
			background: url(/g/blog-sidebar-cap.png) no-repeat top left;
			_display: none;
			}

		.sidebar-container {
			position: relative;
			top: -30px;
			font: normal 14px/18px arial;
			}

			.sidebar-container a {
				color: #000;
				text-decoration: none;
				}

			.sidebar-container a:hover { text-decoration: underline; }

			.sidebar-container h2 {
				display: block;
				position: relative;
				left: -30px;
				padding: 13px 0 0 20px;
				margin-bottom: 10px;
				background: transparent url(/g/black_50.png);
				height: 40px;
				width: 255px;
				font: normal 20px georgia;
				color: #fff;
				float: left;

				/* Specific for IE6 */
				_left: 0px;
				_margin-left: -15px;
				_margin-top: -30px;
				_height: 30px;
				}

			.sidebar-container ul li ul { padding-bottom: 16px; }

			.sidebar-container ul li ul li {
				display: block;
				padding-bottom: 4px;
				_position: relative;
				_z-index: 999;
				_clear: both;
				_background: red;
				}

	/**** COMMENTS ****/

	h3#comments {
		background: url(/g/divider.gif) no-repeat center top;
		padding-top: 20px;
		margin-top: 20px;
		}

	.comment-textfield,
	.comment-textarea {
		padding: 3px;
		font: normal 14px arial;
		color: #555;
		width: 350px;
		}

	.comment-textarea { width: 575px; }
	.comment-submit { padding-top: 10px; }

	/**** PAGE "PORTFOLIO" ****/

	.header-portfolio {
		width: 920px;
		height: 100px;
		background: url(/g/h1-portfolio.jpg) no-repeat top left;
		}

	.page-portfolio {
		padding: 30px;
		}

		.page-portfolio h2 {
			font: italic 24px/30px georgia;
			color: #7b614a;
			padding-bottom: 30px;
			}

		.page-portfolio h3 {
			font: bold 20px arial;
			color: #000;
			letter-spacing: -0.4pt;
			padding-bottom: 20px;
			}

		.page-portfolio p {
			font: normal 16px/24px arial;
			color: #444;
			padding-left: 30px;
			padding-bottom: 16px;
			}

		.page-portfolio a { color: #000; }

	.portfolio img {
		width: 168px;
		height: 168px;
		padding: 11px;
		background: url(/g/thumb-background.gif) no-repeat top left;
		}
	.portfolio img:hover { background: url(/g/thumb-background-hover.gif) no-repeat top left; }
	.portfolio p { padding: 0; }

	.realisations img,
	img.portfolio-category {
		width: 380px;
		height: 220px;
		padding: 15px;
		background: url(/g/real-background.gif) no-repeat top left;
		cursor: hand;
		}

	.realisations img:hover,
	img.portfolio-category:hover { background: url(/g/real-background-hover.gif) no-repeat top left; }

	.realisations p { padding-left: 20px; }

	.returnbutton,
	.returnbutton-en,
	.returnbutton-nl {
		margin: 0 auto;
		margin-bottom: 20px;
		margin-top: 20px;
		width: 380px;
		height: 30px;
		overflow: hidden;
		background: url(/g/port-return-fr.gif) no-repeat bottom left;
		cursor: hand;
		}
	.returnbutton:hover { background: url(/g/port-return-fr.gif) no-repeat top left; }

	.returnbutton-en { background: url(/g/port-return-en.gif) no-repeat bottom left; }
	.returnbutton-en:hover { background: url(/g/port-return-en.gif) no-repeat top left; }

	.returnbutton-nl { background: url(/g/port-return-nl.gif) no-repeat bottom left; }
	.returnbutton-nl:hover { background: url(/g/port-return-nl.gif) no-repeat top left; }

	/**** PAGE "CONTACT" ****/

	.header-contact {
		width: 920px;
		height: 100px;
		background: url(/g/h1-contact.jpg) no-repeat top left;
		}

	.page-contact {
		padding: 30px;
		}

		.page-contact h2 {
			font: italic 24px/30px georgia;
			color: #826b34;
			padding-bottom: 30px;
			}

		.page-contact h3 {
			font: bold 20px arial;
			color: #826b34;
			letter-spacing: -0.4pt;
			padding-bottom: 20px;
			}

		.page-contact p {
			font: normal 16px/24px arial;
			color: #444;
			padding-left: 30px;
			padding-bottom: 16px;
			}

		.page-contact .map {
			padding: 7px;
			border: 1px #826b34 solid;
			}

			.page-contact small a {
				position: relative;
				display: block;
				color: #666;
				text-decoration: underline;
				margin-top: 4px;
				font: normal 10px arial;
				}

		.page-contact .contact-left,
		.page-contact .contact-right {
			position: relative;
			float: left;
			width: 420px;
			padding-bottom: 20px;
			}

	/**** CONTACT FORM ****/

	form#contact {
		font-family: arial;
		padding: 0 0 15px 30px;
		}

		form#contact h3 {
			font: normal 11px arial, helvetica, sans-serif;
			color: #555;
			line-height: 24px;
			letter-spacing: 0px;
			padding: 0;
			margin: 0;
			}

		form#contact h3.required {
			color: #555;
			font-weight: bold;
			}

		form#contact table.plaintable {
			padding: 0;
			border-spacing: 0;
			border: 0;
			}

		form#contact input,
		form#contact select,
		form#contact textarea {
			border: 1px #c3c3c3 solid;
			border-top: 1px #7c7c7c solid;
			border-bottom: 1px #ddd solid;
			padding: 2px;
			background: #fff;
			}

		form#contact input:focus,
		form#contact select:focus,
		form#contact textarea:focus { background: #ffffcc; }

		form#contact input.control {
			border: 0;
			background: transparent;
			padding: 0;
			}

		form#contact select.short,
		form#contact input.short  { width: 50px; }
		form#contact input.medium { width: 174px; }
		form#contact input.long   { width: 450px; }
		form#contact textarea     {
			width: 450px;
			height: 120px;
			}

		form#contact label.error {
			width: 1px;
			margin-left: -9999px;
			display: none; }

		form#contact input.error,
		form#contact textarea.error {
			border: 1px #826b34 solid;
			background: #e1dcc2 url(/g/field-error.png) no-repeat center right;
			}

		form#contact input.button,
		input.button {
			border: 0;
			width: 160px;
			height: 26px;
			background: #ddd;
			padding: 0 0 5px 0;
			margin-top: 10px;
			font: bold 13px arial, helvetica, sans-serif;
			color: #000;
			}

		form#contact input.button:focus,
		form#contact input.button:hover,
		input.button:focus,
		input.button:hover {
			background: #826b34;
			color: #fff;
			}

		form#contact div.button-envoyer-fr,
		form#contact div.button-annuler-fr,
		form#contact div.button-envoyer-en,
		form#contact div.button-annuler-en,
		form#contact div.button-envoyer-nl,
		form#contact div.button-annuler-nl {
			position: relative;
			float: left;
			margin: 10px 10px 0 0;
			width: 160px;
			height: 40px;
			cursor: pointer;
			}

		form#contact div.button-envoyer-fr { background: url(/g/contact-form-buttons.png) no-repeat 0px 0px; }
		form#contact div.button-annuler-fr { background: url(/g/contact-form-buttons.png) no-repeat 0px -40px; }
		form#contact div.button-envoyer-en { background: url(/g/contact-form-buttons.png) no-repeat 0px -80px; }
		form#contact div.button-annuler-en { background: url(/g/contact-form-buttons.png) no-repeat 0px -120px; }
		form#contact div.button-envoyer-nl { background: url(/g/contact-form-buttons.png) no-repeat 0px -160px; }
		form#contact div.button-annuler-nl { background: url(/g/contact-form-buttons.png) no-repeat 0px -200px; }

		form#contact div.button-envoyer-fr:hover { background: url(/g/contact-form-buttons.png) no-repeat -160px 0px; }
		form#contact div.button-annuler-fr:hover { background: url(/g/contact-form-buttons.png) no-repeat -160px -40px; }
		form#contact div.button-envoyer-en:hover { background: url(/g/contact-form-buttons.png) no-repeat -160px -80px; }
		form#contact div.button-annuler-en:hover { background: url(/g/contact-form-buttons.png) no-repeat -160px -120px; }
		form#contact div.button-envoyer-nl:hover { background: url(/g/contact-form-buttons.png) no-repeat -160px -160px; }
		form#contact div.button-annuler-nl:hover { background: url(/g/contact-form-buttons.png) no-repeat -160px -200px; }

/**** FOOTERS ****/

.footerhome {
	width: 900px;
	height: 70px;
	padding: 30px 40px 0 40px;
	background: transparent url(/g/homepage-footer.gif) no-repeat top left;
	font: normal 13px arial;
	}

	.footerhome a {
		color: #000;
		}

.footerpage {
	width: 900px;
	height: 70px;
	padding: 30px 40px 0 40px;
	background: transparent url(/g/otherpage-footer.jpg) no-repeat top left;
	font: normal 13px arial;
	}

	.footerpage a {
		color: #000;
		}

/**** VARIOUS ELEMENTS ****/

.invisible { display: none; }

/**** Captions for the blog ****/

/* Captions */
.alignleft {
float: left;
}
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions */