* {
   padding: 0;
   margin: 0;
}

body {
	font-family: Arial, sans-serif;
	font-size: small;
	text-align: center;
	line-height: 1.2em;
	color: #444444;
	background: #BBBBBB;
}


img {
   border: none;
}

/* ---[ common elements ]--------------------- */

p {
	margin: 0.1em 0 1em;
	padding: 0;
}
h1 {
   font-family: Arial, sans-serif;
	font-size: 150%;
	color: #444444;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
h2 {
   font-family: Arial, sans-serif;
	font-size: 150%;
	color: #444444;
	font-weight: bold;
	padding: 0;
	margin: 0 0 1em 0;
   text-align: center;
}
h3 {
	margin: 1.5em 0 0 0;
	padding-bottom: 3px;
	font-family: Arial, sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #666666;
}
h4 {
	margin: 1em 0 0 0;
	padding-bottom: 0;
	font-family: Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #666666;
}
code {
	color: #7B9905;
	font-size: 110%;
	line-height: 1.2em;
	text-align: left;
	}
code strong {
	color: #4E6200;
	}
abbr, acronym, .popup {
	font-style: normal;
	border-bottom: 1px dotted;
	}
em {
	font-style: italic;
	}
strong {
	font-weight: bold;
	}
strike {
	text-decoration: line-through;
	}
address {
	margin: 0;
	padding: 0;
	font-style: normal;
	}

a:link {
   text-decoration: none;
	color: #40659B;
	}
a:visited {
   text-decoration: none;
	color: #40659B;
	}
a:hover {
   text-decoration: none;
	color: #036;
	}

li p {
   margin-top: 0;
   margin-bottom: 0;
}

.menu {
   margin-bottom: 3em;
}

.menu ul {
   position: relative;
   padding: 0;
   margin: 0;
   margin-top: 1em;
}

.menu ul li {
   display: inline;
   position: relative;
   padding-right: 10px;
   padding-left: 10px;
/*   border-right: 1px solid #ffa508; */
   background: url("../img/vertical_orange.png") right ;
   background-repeat : no-repeat;
}
.menu ul li a {
   color: #888888;
}
.menu ul li a:visited {
   color: #888888;
}
.menu ul li.active {
}

.menu ul li a.active {
   color: #004A94;   
}
.menu ul li a.active:visited {
   color: #004A94;   
}

div.menu ul._level0 li.containsItems a.active {
   padding: 0.3em;
   padding-bottom: 2em;
   background: #EEEEEE;
}

.menu ul._level0 li.containsItems ul a.active {
   padding-bottom: inherit;
   padding-top: inherit;
}

.menu ul li ul {
   position: absolute;
/*   padding: 0 0 0 18em;*/
   top: 1em;
   left: 3em;
   background: #EEEEEE;
}
.menu ul li ul li {
   display: inline;
   position: relative;
   padding-right: 10px;
   padding-left: 10px;
}
.menu ul li ul li.active {
   line-height: 1em;
}
.menu li.li_last {
   background: none;
}

ul#subtitle_menu2 {
   margin-top: -1em;
   font-size: 85%;
}


/* ---[ top ]------------------------------- */

#wrap {
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 776px;
	background: url("../img/main_bg.png") repeat 0 0;	
}

/*
#head {
   background: red url("../img/top_bg2b.png") no-repeat 0 0;
   height: 65px;
}
#head:hover {
   background: blue url("../img/top_bg2b.png") no-repeat 0 0;
}
*/

#header {
   height: 62px;
   background: #110022;
}

#main {
   border: 1px solid red;
}
#footer {
   position: absolute;
   bottom: 0;
   height: 65px;   
   background: #110022;
   clear: both;
}

#logo {
   position: absolute;
   top: 9px;
   left: 20px;
}
ul#top-menu {
   position: absolute;
   top: 0;
   left: 0;
   padding: 0;
   margin: 0;
}
ul#top-menu li {
   list-style: none;
   position: absolute;
   padding: 0;
   margin: 0;
}


#products {
   position: absolute;
   top: 34px;
   left: 281px;
}
#produits {
   position: absolute;
   top: 31px;
   left: 281px;
}
#community {
   position: absolute;
   top: 25px;
   left: 508px;
}
#communaute {
   position: absolute;
   top: 24px;
   left: 485px;
}
#clients {
   position: absolute;
   top: 24px;
   left: 525px;
}
#services {
   position: absolute;
   top: 30px;
   left: 398px;
}
#services_fr {
   position: absolute;
   top: 31px;
   left: 384px;
}
#contact {
   position: absolute;
   top: 20px;
   left: 658px;
}
#content {
   position: relative;
   padding: 3em;
	background: none;
}
#main-content {
   position: relative;
}

#main-content ul.normal {
   margin-left: 0;
   padding-top: 0.5em;
   padding-left: 10px;
}

#main-content ul.normal li {
   list-style: none;
   padding: 0 0 4px 13px;
	line-height: 1.3em;
   background: url("../img/bullet.gif") no-repeat 0 5px;
}

#lang-choice {
	position: absolute;
	right: 6px;
	top: 1px;
}
#promo
{
	position: absolute;
	top: 55px; 
	right: 60px;
	text-align: center;
	border: 1px solid #ccc;
	padding: 4px;
	color: #555;
	z-index: 100;
}

#promo a
{
	font-size: 15px;
}