@charset "utf-8";
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 22, 2011 */



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

}


/* Global styles
----------------------------------------------------------------------------------- */
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:13px;
/*background:#f2f2f2;
background-image:url(../images/bg.jpg);
background-repeat:no-repeat;
background-position:center top;*/
}
:focus{
	outline:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

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, a:link{
color: #e8b02a;	
text-decoration:underline;
}
a:visited{
color: #e8b02a;	
text-decoration:underline;
}
a:hover{
color: #ffffff ;
text-decoration: none;
}
p{
padding-bottom:5px;
}
ol{
list-style-type:none;
}
/* CMS styles
----------------------------------------------------------------------------------- */
/* Container styles
----------------------------------------------------------------------------------- */
#container{
position:relative;
height:auto;
width:1000px;
margin:0 auto;
z-index:3;
}
/* Header styles
----------------------------------------------------------------------------------- */
#header
	{
	background:url(../images/header.png) no-repeat top center;
	height:130px;
	position:relative;
	margin:0;
	}
#header h2,#header h3{
	position:absolute;
	text-indent:-9999px;
}
#sep-menu
    {
	background:url(../images/separateur-menu.png) no-repeat;
	height:14px;
	width:2px;
	float:left;
	margin-top:5px;
	margin-left:10px;
	}
#lang 
    {
	left:880px;
	font-family: "trebuchet MS";
	color: #726d6d;
	font-size:11px;
	position:absolute;
	}
#lang a:link{
color: #e8b02a;	
text-decoration:none;
}
#lang a:visited{
color: #e8b02a;	
text-decoration:none;
}
#lang a:hover{
color: #726d6d ;
text-decoration: none;
}
#navig
{
padding-top:150px;
width:200px;
}
#menu01{
background:url(../images/01.png) no-repeat;
width:142px;
height:20px;
}
#menu01-h{
background:url(../images/01-h.png) no-repeat;
width:142px;
height:20px;
cursor:pointer;
}
#menu02{
background:url(../images/02.png) no-repeat;
width:90px;
height:23px;
}
#menu02-h{
background:url(../images/02-h.png) no-repeat;
width:90px;
height:23px;
cursor:pointer;
}
#menu04{
background:url(../images/04.png) no-repeat;
width:180px;
height:28px;
}
#menu04-h{
background:url(../images/04-h.png) no-repeat;
width:180px;
height:28px;
cursor:pointer;
}
#menu03{
background:url(../images/03.png) no-repeat;
width:97px;
height:28px;
}
#menu03-h{
background:url(../images/03-h.png) no-repeat;
width:97px;
height:28px;
cursor:pointer;
}
#menu2{
background:url(../images/2.png) no-repeat;
width:97px;
height:25px;
}
#menu2-h{
background:url(../images/2-h.png) no-repeat;
width:97px;
height:25px;
cursor:pointer;
}
#menu3{
background:url(../images/3.png) no-repeat;
width:129px;
height:25px;
}
#menu3-h{
background:url(../images/3-h.png) no-repeat;
width:129px;
height:25px;
cursor:pointer;
}
#menu4{
background:url(../images/4.png) no-repeat;
width:94px;
height:25px;
}
#menu4-h{
background:url(../images/4-h.png) no-repeat;
width:94px;
height:25px;
cursor:pointer;
}
#menu5{
background:url(../images/5.png) no-repeat;
width:91px;
height:25px;
}
#menu5-h{
background:url(../images/5-h.png) no-repeat;
width:91px;
height:25px;
cursor:pointer;
}
#menu6{
background:url(../images/6.png) no-repeat;
width:93px;
height:25px;
}
#menu6-h{
background:url(../images/6-h.png) no-repeat;
width:93px;
height:25px;
cursor:pointer;
}
#menu7{
background:url(../images/7.png) no-repeat;
width:93px;
height:25px;
}
#menu7-h{
background:url(../images/7-h.png) no-repeat;
width:93px;
height:25px;
cursor:pointer;
}
#menu8{
background:url(../images/8.png) no-repeat;
width:92px;
height:25px;
}
#menu8-h{
background:url(../images/8-h.png) no-repeat;
width:92px;
height:25px;
cursor:pointer;
}
#menu9{
background:url(../images/9.png) no-repeat;
width:101px;
height:25px;
}
#menu9-h{
background:url(../images/9-h.png) no-repeat;
width:101px;
height:25px;
cursor:pointer;
}
#menu10{
background:url(../images/10.png) no-repeat;
width:156px;
height:25px;
}
#menu10-h{
background:url(../images/10-h.png) no-repeat;
width:156px;
height:25px;
cursor:pointer;
}
#menu11{
background:url(../images/11.png) no-repeat;
width:86px;
height:25px;
}
#menu11-h{
background:url(../images/11-h.png) no-repeat;
width:86px;
height:25px;
cursor:pointer;
}
#menu12{
background:url(../images/12.png) no-repeat;
width:120px;
height:30px;
}
#menu12-h{
background:url(../images/12-h.png) no-repeat;
width:120px;
height:30px;
cursor:pointer;
}
/*#header #nav{
	position:absolute;
	top:150px;
	width:200px;
}

#header #nav li{
	position:relative;
	float:left;
	clear:both;
}
#header #nav a{
	padding:13px 10px;
	display:block;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-family: 'AvantGardeRegular';
	font-size:14px;
}
#header #nav a:hover, #header #nav a.selected{
	color:#e8b02a;
	font-family: 'AvantGardeRegular';
}

*/
#nav2 {
	position:relative;
	float:left;
	}
#nav{
	/*position:absolute;*/
	/*top:150px;*/
	width:200px;
	margin-top:25px;
}

#nav li{
	position:relative;
	float:left;
	clear:both;
}
#nav a{
	padding:13px 10px;
	display:block;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-family: 'AvantGardeRegular';
	font-size:14px;
}
#nav a:hover, #nav a.selected{
	color:#e8b02a;
	font-family: 'AvantGardeRegular';
}

#menu01f{
background:url(../images/01f.png) no-repeat;
width:142px;
height:20px;
}
#menu01f-h{
background:url(../images/01f-h.png) no-repeat;
width:142px;
height:20px;
cursor:pointer;
}
#menu02f{
background:url(../images/02f.png) no-repeat;
width:90px;
height:23px;
}
#menu02f-h{
background:url(../images/02f-h.png) no-repeat;
width:90px;
height:23px;
cursor:pointer;
}
#menu04f{
background:url(../images/04.png) no-repeat;
width:190px;
height:23px;
}
#menu04f-h{
background:url(../images/04-h.png) no-repeat;
width:190px;
height:23px;
cursor:pointer;
}
#menu03f{
background:url(../images/03f.png) no-repeat;
width:97px;
height:28px;
}
#menu03f-h{
background:url(../images/03f-h.png) no-repeat;
width:97px;
height:28px;
cursor:pointer;
}
#menu1f{
background:url(../images/1f.png) no-repeat;
width:119px;
height:28px;
}
#menu1f-h{
background:url(../images/1f-h.png) no-repeat;
width:119px;
height:28px;
cursor:pointer;
}

#menu3f{
background:url(../images/2f.png) no-repeat;
width:140px;
height:25px;
}
#menu3f-h{
background:url(../images/2f-h.png) no-repeat;
width:140px;
height:25px;
cursor:pointer;
}
#menu4f{
background:url(../images/3f.png) no-repeat;
width:129px;
height:25px;
}
#menu4f-h{
background:url(../images/3f-h.png) no-repeat;
width:129px;
height:25px;
cursor:pointer;
}
#menu5f{
background:url(../images/4f.png) no-repeat;
width:94px;
height:25px;
}
#menu5f-h{
background:url(../images/4f-h.png) no-repeat;
width:94px;
height:25px;
cursor:pointer;
}
#menu6f{
background:url(../images/5f.png) no-repeat;
width:93px;
height:25px;
}
#menu6f-h{
background:url(../images/5f-h.png) no-repeat;
width:93px;
height:25px;
cursor:pointer;
}
#menu7f{
background:url(../images/6f.png) no-repeat;
width:93px;
height:25px;
}
#menu7f-h{
background:url(../images/6f-h.png) no-repeat;
width:93px;
height:25px;
cursor:pointer;
}
#menu8f{
background:url(../images/7f.png) no-repeat;
width:93px;
height:25px;
}
#menu8f-h{
background:url(../images/7f-h.png) no-repeat;
width:93px;
height:25px;
cursor:pointer;
}
#menu9f{
background:url(../images/8f.png) no-repeat;
width:129px;
height:25px;
}
#menu9f-h{
background:url(../images/8f-h.png) no-repeat;
width:129px;
height:25px;
cursor:pointer;
}
#menu10f{
background:url(../images/9f.png) no-repeat;
width:101px;
height:25px;
}
#menu10f-h{
background:url(../images/9f-h.png) no-repeat;
width:101px;
height:25px;
cursor:pointer;
}
#menu11f{
background:url(../images/10f.png) no-repeat;
width:156px;
height:25px;
}
#menu11f-h{
background:url(../images/10f-h.png) no-repeat;
width:156px;
height:25px;
cursor:pointer;
}
#menu12f{
background:url(../images/12f.png) no-repeat;
width:101px;
height:25px;
}
#menu12f-h{
background:url(../images/12f-h.png) no-repeat;
width:101px;
height:25px;
cursor:pointer;
}
#slideshow {
height:277px;
left:208px;
position:absolute;
top:45px;
width:512px;
}
#slideshow2 {
height:230px;
left:648px;
position:absolute;
top:154px;
width:304px;
}
#slideshow #slideshowimg
    {
	}
#slideshow #slideshowimg2
    {
	}
#contact-t
    {
	font-family: "trebuchet MS";
	font-size:24px;
    color:#1c1c1c;
    height:50px;
	width:300px;
	height:30px;
	float:left;
	}
#contact-text {
color:#ffffff;
float:left;
font-family:"trebuchet MS";
font-size:11px;
font-weight:normal;
/*height:150px;*/
margin-left:665px;
margin-top:10px;
/*top:340px;*/
/*position:absolute;*/
text-align:justify;
width:220px;
}
#contact-text2
    {
	height:144px;
	font-family: "trebuchet MS";
	color: #1c1c1c;
	font-size:11px;
	font-weight:normal;
	font-style:regular;
	text-align:justify;
	float:right;
	margin-top:-653px;
	left:550px;
	padding-left:130px;
	position:absolute;
	}
#contact-text2 img
    {
	border:5px solid #bababa;
	}
#enter
    {
	padding-top:470px;
	margin-left:800px;
	width:100px;
	height:30px;
	}
#annimation {
left:110px;
position:absolute;
top:40px;
}
/* Content styles
----------------------------------------------------------------------------------- */
#content
    {
	float:left;
	width:1000px;
	height:auto;
	}
#content #body-bbg
	{
	background:url(../images/bbg.png) repeat-y;
	height: auto;
	font-family: "trebuchet MS";
	color: #ffffff;
	font-size:12px;
	font-weight:normal;
	font-style:regular;
	text-align:justify;
	width:1000px;
	min-height:465px;
	line-height:20px;
	}
#content #body-bbg2
	{
	background:url(../images/bbg2.png) repeat-y;
	height: auto;
	font-family: "trebuchet MS";
	color: #ffffff;
	font-size:11px;
	font-weight:normal;
	font-style:regular;
	text-align:justify;
	width:1000px;
	min-height:250px;
	
	}
#body-bbg #top-body1
    {
	background:url(../images/top-body.jpg) no-repeat center top;
	height:auto;
	width:1000px;
	min-height:162px;
	}
#body-bbg2 #top-body2
    {
	background:url(../images/top-body2.jpg) no-repeat center top;
	height:auto;
	width:1000px;
	min-height:200px;
	}
h1 {
font-size:22px;
color:#ffffff;
height:35px;
width:555px;
text-align:right;
}
.bold
    {
	font-weight:bold;
	}
.img
    {
	padding-top:15px;
	padding-left:5px;
	position:absolute;
	}
#top-body1 #text1 {
	/*margin-left:452px;*/
	min-height:100px;
	padding-bottom:10px;
	width:555px;
	position:relative;
	float:right;
}
#top-body2 #text2
    {
	margin-left:50px;
min-height:100px;
padding-bottom:10px;
width:860px;
padding-top:2px;
	}
#top-body2 #text3
    {
	width:800px;
	margin-left:450px;
	padding-bottom:10px;
	min-height:200px;
	}
/* Footer styles
----------------------------------------------------------------------------------- */
/*#footer
    {
	background-image:url(../images/footer.png);
	background-position:top;
	background-repeat:no-repeat;
	height:51px;
    }*/
#footer2
    {
	background-image:url(../images/footer2.png);
	background-position:top;
	background-repeat:no-repeat;
	height:45px;
    }
#footer
  {background:url(../images/footer.png) repeat-x;
  height:75px;
  width:auto;
  margin-left:-215px;
  margin-right:-205px;
  clear:both;
  }
#bg-footer2
  {background:url(../images/bg-footer.png) repeat-x;
  height:59px;
  width:auto;
  margin-left:-270px;
  margin-right:-220px;
  }
#footer-bas
    {
	width:1000px;
	position:absolute;
	margin-top:10px;
	}
.Clear{
	position:relative;
	display:block;
	clear:both;
}
#Proximedia {
background:url("../images/proximedia.png") no-repeat scroll 0 0 transparent;
display:block;
position:absolute;
left:5px;
text-indent:-9999px;
width:15px;
height:73px;
}
#logo a
    {
	text-decoration:none;
	}
#menu-bas
     {
	margin-left:80px;
	font-family: "trebuchet MS";
	color: #bebebe;
	font-size:11px;
	font-weight:normal;
	font-style:regular;
	text-align:justify;
	 }
#footer-bas ul
    {
	margin-left:30px;
    padding:0;
    list-style-type:none;
    text-align:center;
	margin-top:10px;
	}
#footer-bas li 
    {
	float:left;
    margin:auto;
    padding:0;
	width:100px;
	}
#footer-bas a{
 color: #484848;
 text-decoration:none;
 font-size:11px;
 display:block;
 text-align:center;
 background:url(../images/sep-footer.jpg) no-repeat right;
}
#footer-bas a:hover{
 color: #c01c09;
 text-decoration:none;
 font-size:11px;
}
.formular{
width:555px;
padding-bottom:10px;
}
.formular legend{
color:#ffffff;
}
.formular #txtEmail{
background-color:#000000;
color:#c3c3c3;
}
.formular #txtName{
background-color:#000000;
color:#c3c3c3;
}
.formular #txtStreet{
background-color:#000000;
color:#c3c3c3;
}
.formular #txtNumber{
background-color:#000000;
color:#c3c3c3;
}
.formular #txtZipcode{
background-color:#000000;
color:#c3c3c3;
}
.formular #txtCity{
background-color:#000000;
color:#c3c3c3;
}
.formular #txtPhone{
background-color:#000000;
color:#c3c3c3;
}
.formular #txtComment{
background-color:#000000;
color:#c3c3c3;
}

/* SuperBGImage */
#superbgimage{
	position:absolute;
	display:none;
	left:0;
	top:0;
}
#superbgimage .scanlines{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:3;
	background: url(../images/blank.gif);
}


/*menu accordion*/
.categoryitems li,.SystemenItems li {
list-style-type:none;
}
.categoryitems,.SystemenItems
{
margin-left:-35px;
}
.arrowlistmenu{
width: 209px;
 /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/

background: url(../images/bg-menu.png) no-repeat top left; 
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
padding: 8px ; /*header text is indented 10px*/
cursor: hand;
width:220px;
cursor: pointer;

	
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background: url(../images/bg-menu.png) no-repeat top left; 
}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px;

 /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
font-family: "Trebuchet MS";
 color: #0b5087;
 text-decoration:none;
 font-size:15px;
/*custom bullet list image*/
display: block;
padding: 2px 0;
 /*link text is indented 19px*/

font-weight: normal;

border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
	font-family: "Trebuchet MS";
 color: #0b5087;
 text-decoration:none;
 font-size:15px;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
 font-family: "Trebuchet MS";
 color: #de6725;
 text-decoration:none;
 font-size:15px;

}