@charset "utf-8";

/* Global styles
----------------------------------------------------------------------------------- */
/* Stylesheet written by Proximedia */
/* Clientnumber 03014231*/
/* Created on 15/05/2012 */
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
html, body{
	height:100%;
}
body{
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
background:#f3f3f3;
text-align:left;
background-image:url(../images/bg-intro.png);
background-repeat:repeat;
background-position:center top;
}
#bg{
/*background-image:url(../images/bg.jpg);*/
background-image:url(../images/bg-intro.png);
background-repeat:no-repeat;
background-position:center top;
min-height:900px;
}
:focus{
	outline:none;
}
/*table {
	border-collapse:collapse;
	border-spacing:0;
}*/
fieldset,img { 
	border:0;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
a:link, a:visited{
color: #656565;	
text-decoration:underline;
}
a:hover{
color: #000000;
text-decoration: none;
}
p{
padding-bottom:5px;
}
ol{
list-style-type:none;
}
strong{
font-weight:bold;
}
@font-face {
    font-family: 'HelveticaCondensedLightLiRegu';
    src: url('../js/helveti2-webfont.eot');
    src: url('../js/helveti2-webfont.eot?#iefix') format('eot'),
         url('../js/helveti2-webfont.woff') format('woff'),
         url('../js/helveti2-webfont.ttf') format('truetype'),
         url('../js/helveti2-webfont.svg#webfontJFwNSv0J') format('svg');
    font-weight: normal;
    font-style: normal;

}

@import url(http://fonts.googleapis.com/css?family=Pathway+Gothic+One);

/* CMS styles
----------------------------------------------------------------------------------- */
/* Container styles
----------------------------------------------------------------------------------- */
#container{
position:relative;
height:auto;
width:1000px;
margin:0 auto;
}
/* Intro styles
----------------------------------------------------------------------------------- */
#box1
	{
	background:url(../images/bg-box.png) no-repeat left top;
	height:379px;
	width:329px;
	float:left;
	margin-top:123px;
	}
#logo-intro1{
margin-top:36px;
margin-left:32px;
}
#enter1{
background:url(../images/bg-enter.png) no-repeat left top;
margin-top:73px;
margin-left:25px;
width:282px;
height:26px;
font-family: 'Pathway Gothic One', sans-serif;
font-size:23px;
color:#000000;
text-align:center;
padding-top:9px;
}
#logo-intro2{
margin-top:47px;
margin-left:48px;
}
#enter2{
background:url(../images/bg-enter.png) no-repeat left top;
margin-top:73px;
margin-left:25px;
width:282px;
height:26px;
font-family: 'Pathway Gothic One', sans-serif;
font-size:23px;
color:#000000;
text-align:center;
padding-top:9px;
}
#logo-intro3{
margin-top:41px;
margin-left:43px;
}
#enter3{
background:url(../images/bg-enter.png) no-repeat left top;
margin-top:98px;
margin-left:25px;
width:282px;
height:26px;
font-family: 'Pathway Gothic One', sans-serif;
font-size:23px;
color:#000000;
text-align:center;
padding-top:9px;
}
#box1 a, #box1 a:link, #box1 a:visited{
color: #000000;	
text-decoration:none;
}
#box1 a:hover{
color: #616361;
text-decoration: none;
}

#keywordsAperen, #keywordsCouwels, #keywordsDeckers{
font-family: 'Pathway Gothic One', sans-serif;
margin-top:25px;
font-size:15px;
text-align: center;
}

/* Header styles
----------------------------------------------------------------------------------- */
#header
	{
	background:url(../images/header.png) no-repeat top center;
	height:461px;
	position:relative;
	margin:0;
	}
/*******************************************************************************************/
#nav{
	position:absolute;
	top:99px;
	right:31px;
	azimuth:center;
	z-index:3;
	height:36px;
	}

#nav li:first-child{
     background-image:none;
}
#nav li{
    background:url(../images/sep-menu.png) no-repeat left top;
}
#nav li a{
	  font-family: 'Pathway Gothic One', sans-serif;
	  color:#fff;
	  font-size:13px;
	  /*text-transform:uppercase;*/
      display:block;
	  height:20px;
	  padding-top:12px;
	  padding-bottom:4px;
	  padding-left:5px;
	  padding-right:5px;
	  }

#nav li a:hover, #nav .selected a {
color:#01b0f1;
}
/*******************************************************************************************/
#slideshow
    {
	left:34px;
	position:absolute;
	top:162px;
	width:923px;
	height:269px;
	border:3px solid #204c74;
	}
#logo1{
position:absolute;
top:37px;
left:27px;
height:106px;
}
#logo2{
position:absolute;
top:37px;
left:27px;
height:106px;
}
#logo3{
position:absolute;
top:37px;
left:27px;
height:106px;
}

#languages{
position:absolute;
right:140px;
top:59px;
word-spacing:5px;
font-size:13px;
}

#jfontsize{
position:absolute;
right:40px;
top:59px;
word-spacing:5px;
font-size:13px;

}
#jfontsize a{text-decoration:none; color:#FFFFFF;}

.jfontsize-button{
background:#000000;
border:1px solid #d2d2d2;
width:20px;
text-align:center;
float:left;
margin-left:5px;
margin-bottom:2px;
}
#prix td{
padding:4px;
}
#prix td p{
padding:0px;
}
strong{
font-weight:bold;
}
.illustration-right{
float:right;
margin-left:20px;
border:1px solid #000000;
}
.illustration-left{
float:left;
margin-right:20px;
border:1px solid #000000;
}
/* Content styles
----------------------------------------------------------------------------------- */
#content
    {
	float:left;
	width:1000px;
	height:auto;
	position:relative;
	}
#content #body-bbg
	{
	background:url(../images/bbg.png) repeat-y center top;
	height: auto;
	font-family: "trebuchet MS";
	color: #000000;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	width:1000px;
	float:left;
	margin-top:200px;
	}
#body-bbg #top-body
    {
	background:url(../images/top-body.png) no-repeat center top;
	height:auto;
	width:1000px;
	min-height:200px;
	float:left;
	margin-top:-200px;
	}
h1 {
font-size:26px;
color:#000000;
font-family: 'Pathway Gothic One', sans-serif;
height:auto;
line-height:24px;
}
#top-body #text1 {
margin-left:54px;
padding-top:18px;
width:900px;
margin-bottom:20px;
float:left;
}
#text1 .highslide:hover img {
border-color:#000000;
}	
#text1 .highslide img {
border:2px solid #000000;
}
#content li{
list-style-image:url(../images/puce.png);
}
#sep-titre{
background:url(../images/sep-titre.png) no-repeat left bottom;
padding-left:25px;
margin-left:-25px;
margin-bottom:5px;
padding-bottom:20px;
}
#galerie{margin-left:-2px; float:left; padding-bottom:20px; margin-top:15px;}
/* form cont styles
----------------------------------------------------------------------------------- */
.left{
width:550px;
float:left;
margin-left:25px;
}
.right{
width:200px;
float:left;
margin-top:55px;
}
/* box-head styles
----------------------------------------------------------------------------------- */
#block-box{
width:1000px;
position:relative;
float:left;
}
#block-box #bbg-box
	{
	background:url(../images/bbg-box.png) repeat-y center top;
	height: auto;
	width:1000px;
	float:left;
	min-height:115px;
	color:#000000;
	padding-bottom:30px;
	}
/*#bbg-box #top-box
    {
	background:url(../images/top-box.png) no-repeat center top;
	height:auto;
	width:1000px;
	min-height:218px;
	float:left;
	margin-top:-218px;
	}*/
#contact-text{
margin-left:48px;
padding-top:20px;
width:490px;
float:left;
}
#box2{
margin-left:5px;
padding-top:10px;
width:410px;
float:left;
}

/* Footer styles
----------------------------------------------------------------------------------- */
#footer
    {
	background-image:url(../images/footer.png);
	background-position:top;
	background-repeat:no-repeat;
	min-height:83px;
	float:left;
	width:1000px;
    }
#Proximedia {
background:url("../images/proximedia.png") no-repeat scroll 0 0 transparent;
display:block;
position:absolute;
left:897px;
margin-top:12px;
text-indent:-9999px;
height:20px;
width:90px;
}
/*#facebook{
position:absolute;
right:180px;
margin-top:16px;
}*/
.contact-data{
text-indent:-9999px;
position:absolute;
}

#footerSlideContainer {
	line-height:12px;
	Z-index:9999!important;
}
#footerSlideText li {
    line-height: 18px !important;
}
#footerSlideText ul {
    padding: 0;
}
#footerSlideContainer a img {
	border:none!important;
}

#footerSlideText {
	background-color:#e8e8e8!important;
	color:#000!important;
}
#footerSlideText h3 {
	color:#000!important;
}
#footerSlideText a:link, #footerSlideText a:visited {
	color:#000!important;
}
