/*----------------------------------------------------------------------------- FONTS */

@font-face {
    font-family: 'FuturaStdMedium';
    src: url('../fonts/futurastd-medium-webfont.eot');
    src: url('../fonts/futurastd-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futurastd-medium-webfont.woff') format('woff'),
         url('../fonts/futurastd-medium-webfont.ttf') format('truetype'),
         url('../fonts/futurastd-medium-webfont.svg#FuturaStdMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*----------------------------------------------------------------------------- BASICS */

html{
	height:100%;
	background:#fff url(../images/html-bg.png) repeat-x top;}
	
body{
	height:100%; margin:0; padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.8em;
	color:#808080;
	background:url(../images/body-bg.png) no-repeat top center;}
	
div, p, form, img{
	padding:0px; margin:0px;}
	
h1{
	font-family:"FuturaStdMedium", Arial, Helvetica, sans-serif;
	font-size:30px;
	line-height:30px;
	padding:0 0 30px 0; margin:0px;
	font-weight:normal;
	color:#000;
	letter-spacing:1px;}
	
h2{
	font-size:18px;
	line-height:30px;
	padding:0 0 30px 0; margin:-30px 0 0 0;
	font-weight:normal;}
	
h3{
	font-family:"FuturaStdMedium", Arial, Helvetica, sans-serif;
	font-size:30px;
	line-height:25px;
	padding:0 0 10px 0; margin:0px;
	font-weight:normal;
	color:#000;
	letter-spacing:1px;}
	
h4{
	font-family:"FuturaStdMedium", Arial, Helvetica, sans-serif;
	font-size:38px;
	line-height:38px;
	padding:0 0 0 0; margin:0 0 -3px 0;
	font-weight:normal;
	color:#000;}
	
h5{
	font-size:12px;
	padding:0px; margin:0px;
	font-weight:normal;}

a{
	color:#ec6242;
	text-decoration:none;}
	
a:hover{
	text-decoration:underline;}
	
a.iframe{
	border:0px;
	text-decoration:none;
	color:#808080;}
	
a.iframe img{
	border:0px;}

/*----------------------------------------------------------------------------- LAYOUT */

#wrapper{
	width:960px;
	margin:0 auto;
	position:relative;}
	
#logo{
	width:324px;
	height:167px;
	background:url(../images/logo.png) no-repeat;
	position:absolute;
	top:15px;
	left:40px;}
	
#logo a{
	width:324px;
	height:167px;
	display:block;
	cursor:pointer;
	border:0;
	text-indent:-999px;
	overflow:hidden;}
	
.shade{
	width:960px;
	height:11px;
	background:url(../images/shade.png) no-repeat;
	position:absolute;
	top:260px;
	left:0;
	z-index:90;}
	
#content-wrapper{
	width:960px;
	margin:260px 0 0 0;
	float:left;
	background:url(../images/content_wrapper-bg.gif) repeat-y right;}
	
#content{
	width:590px;
	margin:30px 0 0 18px;
	padding:0 0 30px 0;
	float:left;}
	
#sidebar{
	width:320px;
	min-height:365px;
	height:auto !important;
	height:365px;
	margin:0 0 0 32px;
	padding:100px 0 20px 0;
	float:left;
	background:url(../images/sidebar-bg.png) no-repeat top;
	position:relative;}

#phone{
	width:309px;
	height:117px;
	background:url(../images/phone-bg.png) no-repeat;
	position:absolute;
	top:10px;
	right:10px;}
	
.phone-content{
	margin:12px 0 0 66px;
	float:left;}
	
.sidebar-content{
	width:282px;
	margin:10px 0 0 18px;
	padding:0 0 10px 0;
	font-family:"FuturaStdMedium", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	float:left;}
	
.sidebar-content-2{
	width:282px;
	margin:10px 0 0 18px;
	padding:0 0 10px 0;
	font-family:"FuturaStdMedium", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	float:left;}
	
.sidebar-content span{
	color:#000;
	width:100px;
	font-weight:normal;
	display:inline-block;}
	
#sidebar .line{
	width:100%;
	height:2px;
	margin:17px 0 0 0;
	float:left;
	background:url(../images/sidebar-line.gif) repeat-x;}
	
	
a.iframe .number{
	font-family:"FuturaStdMedium", Arial, Helvetica, sans-serif;
	font-size:38px;
	line-height:38px;
	padding:0 0 0 0; margin:0 0 -3px 0;
	font-weight:normal;
	color:#000;}
	
#addthis{
	position:absolute;
	top:175px;
	right:0;}
	
#addthis a{
	display:inline-block;}

/*----------------------------------------------------------------------------- MENU */

#menu-placeholder{
	width:960px;
	height:38px;
	position:absolute;
	top:211px;
	left:0;
	z-index:91;}
	
#menu{
	width:960px;
	height:38px;
	background:#000 url(../images/menu-bg.png) repeat-x;
	position:relative;}
	
#menu_rounded-left{
	width:5px;
	height:38px;
	background:url(../images/menu-rounded.png) no-repeat -5px 0;
	position:absolute;
	top:0;
	left:0;}
	
#menu_rounded-right{
	width:5px;
	height:38px;
	background:url(../images/menu-rounded.png) no-repeat 0 0;
	position:absolute;
	top:0;
	right:0;}

	
/***menu-build***/
	
#menu ul{
	margin:0;
	padding:0;
	list-style:none;}
	
#menu ul li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	background:url(../images/menu-line.png) no-repeat right;
	position:relative;}
	
#menu ul li:hover{
	background:url(../images/menu-hover.png) repeat-x;}
	
#menu ul li.active{
	background:url(../images/menu-hover.png) repeat-x;}
	
#menu ul li a{
	height:38px;
	line-height:38px;
	font-family:"FuturaStdMedium", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	font-style:none;
	text-decoration:none;
	letter-spacing:1px;
	color:#fff;
	padding:0 15px;
	display:inline-block;
	cursor:pointer;
	/**css3**/
	text-shadow: 0px -1px 0px #000000;}
	
#menu ul li:hover a{
	/**css3**/
	text-shadow: 0px -1px 0px #0178a8;}
	
#menu ul li.active a{
	/**css3**/
	text-shadow: 0px -1px 0px #0178a8;}
	
	
/***submenu-build***/

#menu ul li ul{
	margin:0;
	padding:0;
	list-style:none;
	display:none;}
	
#menu ul li:hover ul{
	display:block;
	position:absolute;
	top:38px;
	left:0;}
	

#menu ul li ul li{
	margin:0;
	padding:0;
	list-style:none;
	float:none;
	background-image:none;
	background:#0178a8;}
	
#menu ul li ul li a{
	width:200px;}



/*----------------------------------------------------------------------------- FOOTER_MENU */

#footer{
	width:960px;
	height:115px;
	float:left;
	background:url(../images/footer-bg.png) no-repeat top;
	text-align:center;
	line-height:16px;
	font-size:12px;
	text-decoration:none;
	color:#626262;
	padding:12px 0 0 0;
	clear:both;}
	
#footer ul{
	margin:10px 0 0 0;
	padding:0;
	list-style:none;}
	
#footer ul li{
	margin:0;
	padding:0;
	list-style:none;
	display:inline-block;
	font-size:12px;
	color:#626262;}
	
#footer ul li a{
	height:16px;
	line-height:16px;
	font-size:12px;
	text-decoration:none;
	color:#626262;
	padding:0 10px;
	display:inline-block;}
	
#footer ul li:hover a{
	color:#fff;}
	
	

/*----------------------------------------------------------------------------- FORMULIER */