/*
+--------------------------------------------------------------------------
|		IDG - Main Style v1.0
|		========================================
|		by Benjamin Camara
|		© 2005 Pixelcreatif - Interactive Web Design
|		http://www.pixelcreatif.com
|		========================================
|		Web: http://www.pixelcreatif.com
|		Email: contact@pixelcreatif.com
|		Licence Info: contact@pixelcreatif.com
|		========================================
|		This program is free software; you can redistribute it and/or
|		modify it under the terms of the GNU General Public License as
|		published by the Free Software Foundation; either version 2 of
|		the License, or (at your option) any later version.
+---------------------------------------------------------------------------
|
|		> Mainstyle CSS2
|		> CSS2 written by Benjamin Camara
|		> Date started: December 12th, 2005
|
|		> CSS2 Version Number: 1.0.0
+--------------------------------------------------------------------------
*/

/*---------------------------------------------------------
//		Basic Elements
//---------------------------------------------------------
*/
html, body {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #666;
}



/*
abbr, acronym, .help {
	border-bottom: 1px dotted #999;
	cursor: help;
}
a:link, a:active, a:visited	{
	color: #333;
	text-decoration: none;
}
a:hover	{
	text-decoration: underline;
}
a.titleLnk, a.titleLnk:link, a.titleLnk:visited  {
	color: #ec6519;
	text-decoration: none;
}
a.titleLnk:hover, a.titleLnk:active  {
	color: #ec6519;
	text-decoration: underline;
}
a.greenLnk, a.greenLnk:link, a.greenLnk:visited  {
	color: #582;
	text-decoration: underline;
}
a.greenLnk:hover, a.greenLnk:active  {
	color: #141;
	text-decoration: underline;
}
a.greyLnk, a.greyLnk:link, a.greyLnk:visited  {
	color: #999;
	text-decoration: none;
}
a.greyLnk:hover, a.greyLnk:active  {
	color: #666;
	text-decoration: underline;
}
a.whiteLnk, a.whiteLnk:link, a.whiteLnk:visited  {
	color: #ddd;
	text-decoration: none;
}
a.whiteLnk:hover, a.whiteLnk:active  {
	color: #fff;
	text-decoration: underline;
}
a.more, a.more:link, a.more:visited  {
	font-style: italic;
	color: #582;
	text-decoration: underline;
}
a.more:hover, a.more:active  {
	color: #141;
	text-decoration: underline;
}
a.mapLnk, a.mapLnk:link, a.mapLnk:visited  {
	color: #582;
	text-decoration: none;
}
a.mapLnk:hover, a.mapLnk:active  {
	color: #141;
	text-decoration: none;
}
table {
	width: 96%;
	margin: 10px 1%;
}
thead th {
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
	border: 1px solid gray;
  border-width: 0 1px 1px 0;
}
tbody th {
	width: 30%;
  border-bottom: 1px solid #ccc;
}
th, td {
	font: 11px verdana, "Andale Mono", Courier, "Courier New", monospace;
	color: #666;
	text-align: right; padding: 2px 6px;
  border-bottom: 1px solid #ddd;
}
th {
	border-right: 1px solid gray; 
	background: #e7ddff;
}
td {
	font: 10px verdana, "Andale Mono", Courier, "Courier New", monospace;
	text-align: center;
	border-right: 1px solid gray;
}
tr.totals th, tr.totals td {border-bottom: 6px solid gray;}
tr th.empty, tr.insert th, tr.insert td {background: #fff;}
tr.insert th, tr.insert td {
	line-height: 1px;
	background: #dbd2f2;
}
strong {
	color: #ec6519;
}
*/
/*---------------------------------------------------------
//		Specifics Classes
//---------------------------------------------------------
*/
.spacer {
	clear: both;
}
/*---------------------------------------------------------
//		Header Divs
//---------------------------------------------------------
*/
#container {
	position:absolute;
	left: 50%;
	width: 720px;
	margin-left: -360px;
	text-align: left;
/*	border: 1px solid #c00;*/
}
#header {
	float: left;
	width: 720px;
	height: 45px;
	text-align: right;
	background: url('img/icons.gif') 560px 10px no-repeat;
}
#mainWrapper {
	float: left;
	width: 720px;
}
#logo {
	float: left;
	width: 170px;
	height: 140px;
	margin: 0px;
	margin-bottom: 15px;
	background: url('img/logo.gif') 50% 0px no-repeat;
}
#logo a {
	display: block;
	width: 170px;
	height: 124px;
}
#wrapper {
	float: left;
	width: 540px;
/*	border: 1px solid #000;*/
}
#main {
	float: left;
	width: 540px;
	padding: 10px 10px 10px 16px;
	text-align: justify;
	}
	html>body #main {
	padding: 0px 10px 0px 16px;
	width: 512px;
}
/*
#mainTxt {
	float: left;
	width: 510px;
	padding: 10px 0px 10px 17px;
	text-align: justify;
	line-height: 16px;
	}
	html>body #mainTxt {
	margin: 0px;
	width: 490px;
}
#pinkTxt {
	float: left;
	width: 300px;
	padding: 10px 0px 10px 17px;
	text-align: justify;
	line-height: 16px;
	}
	html>body #pinkTxt {
	margin: 0px;
	width: 300px;
}
*/
.mainTxt {
	float: left;
	width: 510px;
	padding: 10px 0px 10px 17px;
	text-align: justify;
	line-height: 16px;
	}
	html>body .mainTxt {
	margin: 0px;
	width: 490px;
}
.pinkTxt {
	float: left;
	width: 300px;
	padding: 20px 0px 10px 17px;
	text-align: justify;
	line-height: 16px;
	}
	html>body .pinkTxt {
	margin: 0px;
	width: 300px;
}
.subHeadline {
	float: left;
	padding-left: 15px;
	font: bold 10px verdana, courier, "Courier New", monospace;
	color: #666;
	background: url('img/puce_carre.gif') 0 3px no-repeat;
	}
	html>body .subHeadline {
}



/*
#logo {
	float: left;
	width: 250px;
	height: 84px;
	margin-top: 0px;
	background: url('img/logo.gif') 5px 10px no-repeat;
}
#logo a {
	display: block;
	width: 250px;
	height: 84px;
}
#contact {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 10px;
	color: #999;
}
#mainWrapper {
	position: relative;
	left: 50%;
	width: 785px;
	top: 0px;
	margin-left: -392px;
	text-align: left;
	background: url('img/logolight.gif') 100% 100% no-repeat;
}
*/
/*---------------------------------------------------------
//		Home Styles
//---------------------------------------------------------
*/
/*
#homeHeader {
	float: left;
	z-index: 0;
	width: 780px;
	height: 184px;
	margin: 6px 0 0 0;
	background: url('img/head.gif') no-repeat;
}
#homeProductsTitle, #homeSolutionsTitle, #homeNewsTitle {
	float: left;
	font-family: 'Trebuchet MS'; font-size: 15px; font-weight: bold; color: #666;
	margin-top: 1px;
	padding: 3px 0 1px 10px;
	background: #dbd2f2;
}
#homeProductsTitle, #homeSolutionsTitle {
	width: 300px;
	}
	html>body #homeProductsTitle, #homeSolutionsTitle {
	width: 289px;
}
#homeNewsTitle {
	width: 180px;
	}
	html>body #homeNewsTitle {
	width: 171px;
}
#homeSolutionsTitle {
	border-right: 1px solid #fff;
}
#homeMainTop, #homeMainBot {
	float: left;
	font-family: 'verdana'; font-size: 1em; color: #666;
	line-height: 16px;
	padding: 0;
}
#homeMainTop {
	width: 599px;
	}
	html>body #homeMainTop {
	width: 598px;
}
#homeMainBot {
	width: 555px;
	margin: 20px 0 0 17px;
	padding-top: 10px;
	background: #EDE6FF;
	border: 2px solid #dbd2f2;
	}
	html>body #homeMainBot {
	width: 550px;
	margin: 20px 0 0 35px;
}
.botTxt {
	margin: 0px 15px 15px;
}
.productsLD, .productsSD, .productsSF, .productsAH {
	float: left;
	border-bottom: 6px solid #ec6519;
	margin: 5px 15px 15px 8px;
  padding: 0 0px 1px 1px;
	}
	html>body .productsLD, .productsSD, .productsSF, .productsAH {
	margin: 5px 15px 15px 15px;
  padding: 0 2px 3px 0px;
}
.productsLD, .productsSF, .productsAH {
	width: 245px; height: 56px;
}
.productsSD {
	width: 245px; height: 75px;
}
.productsLD img, .productsSD img, .productsSF img, .productsAH img {
	border: 1px solid #7764aa;
}
.imgPlus {
	margin-bottom: -4px;
	border: 0;
}
.indigo {
	margin: 6px 0 -16px 0;
	border: 0;
}
#homeProducts, #homeSolutions, #homeNews {
	float: left;
	font-family: 'verdana'; font-size: 1em; color: #666;
	line-height: 16px;
	margin-top: 0px;
	padding: 0;
}
#homeProducts, #homeSolutions {
	width: 299px;
	}
	html>body #homeProducts, #homeSolutions {
	width: 298px;
}
#homeNews {
	width: 180px;
}
.solutionsTitle {
	font-family: 'Trebuchet MS'; font-size: 15px; font-weight: bold; color: #ec6519;
	margin-top: 14px;
	padding: 3px 0 0 32px;
	background: url('img/arrow.gif') 10px 0 no-repeat;
	}
	html>body .solutionsTitle {
	padding: 3px 0 0 34px;
}
.solutionsTxt {
	margin: -12px 8px 0 34px;
	padding-bottom: 10px;
	border-bottom: 1px solid #dbd2f2;
}
.newsTitle {
	font-family: 'verdana'; font-size: 10px; font-weight: bold; color: #444;
	margin-top: 14px;
	padding: 3px 0 0 10px;
	}
	html>body .newsTitle {
}
.newsTxt {
	margin: -18px 8px 0 10px;
	}
	html>body .newsTxt {
	margin: -12px 8px 0 10px;
}
.flag {
	width: 27px;
	height: 21px;
	border: 0px;
}
*/
/*---------------------------------------------------------
//		Detail Styles
//---------------------------------------------------------
*/
/*
#approachHeader {
	float: left;
	width: 780px;
	height: 103px;
	margin-top: 6px;
	background: url('img/concept.jpg') ;
}
#productsHeader {
	float: left;
	width: 780px;
	height: 103px;
	margin-top: 6px;
	background: url('img/products.jpg') ;
}
#servicesHeader {
	float: left;
	width: 780px;
	height: 103px;
	margin-top: 6px;
	background: url('img/services.jpg') ;
}
#partnersHeader {
	float: left;
	width: 780px;
	height: 103px;
	margin-top: 6px;
	background: url('img/partners.jpg') ;
}
#newsHeader {
	float: left;
	width: 780px;
	height: 103px;
	margin-top: 6px;
	background: url('img/news.jpg') ;
}
#aboutHeader {
	float: left;
	width: 780px;
	height: 103px;
	margin-top: 6px;
	background: url('img/about.jpg') ;
}
#contactHeader {
	float: left;
	width: 780px;
	height: 103px;
	margin-top: 6px;
	background: url('img/contact.jpg') ;
}
#mapHeader {
	float: left;
	width: 780px;
	height: 103px;
	margin-top: 6px;
	background: url('img/sitemap.jpg') ;
}
#mLevel3 {
	float: left;
	width: 780px;
	margin-top: 1px;
	padding: 5px 0 3px 10px;
	background: #dbd2f2;
	}
	html>body #mLevel3 {
	width: 770px;
}
#main {
	float: left;
	width: 577px;
	font-family: 'verdana'; font-size: 1em; color: #666;
	line-height: 16px;
	margin-top: 24px;
	padding-bottom: 15px;
	border-right: 1px solid #7764aa;
	border-bottom: 1px solid #7764aa;
	}
	html>body #main {
	width: 576px;
}
#main ul {
	list-style: none;
	margin: 1em 0 1em 0;
	padding-left: 24px;
	}
#main ul li {
	padding: 0 0 4px 10px;
	line-height: 1.2em;
	background: url(img/dot.gif) 0 5px no-repeat;
}
#faq {
	float: left;
	width: 550px;
	margin: 5px 5px 20px;
	padding-left: 10px;
	}
	html>body #faq {
	width: 520px;
	margin: 0px 5px 20px;
	padding-left: 50px;
}
#faq ul {
	list-style: none;
	margin: 1em 0 1em 0;
	padding-left: 20px;
	}
#faq ul li {
	font-style: italic;
	color: #666;
	padding: 0 0 4px 15px;
	line-height: 1.2em;
	background: url(img/arrows.gif) 0 5px no-repeat;
}
#map {
	float: left;
	width: 550px;
	margin: 20px 5px 20px 5px;
	padding-left: 10px;
	}
	html>body #map {
	width: 520px;
	padding-left: 50px;
}
#map ul{
	list-style: none;
	margin: 6px 0 0px 0;
	padding-left: 20px;
}
#map ul.level1 li {
	font-weight: bold;
	padding: 0 0 10px 15px;
	background: url(img/arrows.gif) 0 5px no-repeat;
}
#map ul.level2 li {
	font-weight: normal;
	padding: 0 0 6px 10px;
	line-height: 1em;
	background: url(img/dot.gif) 0 5px no-repeat;
}
#map ul.level3 li {
	padding: 2px 0 2px 10px;
	background: url(img/bullet_dot.gif) 0 5px no-repeat;
}
#ldSchema {
	float: left;
	width: 577px;
	height: 229px;
	margin: 15px 0;
	background: url('img/ldschemav2.jpg') 35px no-repeat;
	}
	html>body #ldSchema {
	margin: 15px 0 30px;
}
#ldSchema a {
	display: block;
	width: 577px;
	height: 229px;
}
#sfPict {
	float: left;
	width: 560px;
	margin: 15px 0;
	text-align: center;
}
.sfImg {
	margin: 0 10px;
	vertical-align: top;
}
.quoteTxt {
	font-family: 'Trebuchet MS'; font-size: 16px; font-weight: bold; font-style: italic; color: #75b03b;
	text-align: center;
	padding: 15px 0;
}
.mainTitle {
	font-family: 'Trebuchet MS'; font-size: 18px; font-weight: bold; color: #ec6519;
	text-transform: uppercase;
	margin-top: 0px;
	padding: 3px 0 0 22px;
	background: url('img/arrow.gif') 0px 0 no-repeat;
	}
	html>body .mainTitle {
	padding: 2px 0 0 24px;
}
.mainTitle2 {
	font-family: 'Trebuchet MS'; font-size: 18px; color: #ec6519;
	margin-top: 0px;
	padding: 3px 0 0 22px;
	background: url('img/arrow.gif') 0px 0 no-repeat;
	}
	html>body .mainTitle2 {
	padding: 2px 0 0 24px;
}
.mainSubTitle {
	font-family: 'Trebuchet MS'; font-size: 15px; font-weight: bold; color: #7764aa;
	line-height: 20px;
	margin: 20px 10px 16px 0px;
	border-bottom: 1px solid #ec6519;
}
.mainTxt {
	margin-right: 10px;
}
.mainPic {
	float: left;
	width: 550px;
	text-align: center;
/*	border: 1px solid #c00;*		/
}
.avantage {
	float: left;
	width: 200px;
	margin-left: 1px;
	padding: 10px;
	background: #ede6ff;
	}
	html>body .avantage {
	padding: 10px 3px;
	width: 196px;
}
.liste {
	background: url(img/bullet.gif) 0% 6px no-repeat;
	padding: 0 0 8px 10px;
	margin-left: -35px;
	list-style-type: none;
}
.listeExt {
	margin-bottom: 6px;
}
.picLs, .picPt {
	border-bottom: 6px solid #ec6519;
}
.picLs img, .picPt img {
	border: 1px solid #7764aa;
}
.picLs {
	float: left;
	width: 200px; height: 70px;
	margin-top: 24px;
  padding: 0 0px 1px 1px;
	}
	html>body .picLs {
  padding: 0 2px 3px 1px;
}
.picPt {
	float: right;
	width: 280px; height: 162px;
	margin: 6px 8px 10px 10px;
  padding-bottom: 1px;
	}
	html>body .picPt {
	margin: 4px 15px 10px 10px;
  padding: 0 2px 3px 0;
}
.docLink {
	float: left;
	width: 200px;
	background: #eee;
	border: 1px solid #ddd;
}
.linkBox {
	float: left;
	width: 200px;
	margin-bottom: 1px;
  padding: 0 0 1px 1px;
	border-bottom: 6px solid #ec6519;
	}
	html>body .linkBox {
  padding: 0 2px 1px 1px;
}
.linkBullet {
	background: url(img/arrows.gif) 0 6px no-repeat;
	padding: 0 0 0px 12px;
	margin: 6px 0 0 -30px;
	list-style-type: none;
}
.notes {
	font: italic 10px verdana;
	margin: 0 20px;
}
*/

/*---------------------------------------------------------
//		Footer Styles
//---------------------------------------------------------
*/
/*
#footer {
	position: absolute;
	margin-top: 2.5em;
	width: 785px;
}
#copyright, #pix {
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #ddd;
	letter-spacing: 1px;
}
#copyright {
	float: left;
}
#pix {
	float: right;
}
#gotop {
	position: absolute;
	width: 15px;
	height: 13px;
	margin-top: -24px;
	right: 18px;
	background-image: url('img/top.gif');
}
#gotop a {
	display: block;
	width: 15px;
	height: 13px;
}
*/
/*---------------------------------------------------------
//		Mentions Styles
//---------------------------------------------------------
*/
/*
#legalContainer {
	position:absolute;
	left: 25px;
	width: 600px;
}
#legalWrapper {
	float: left;
	width: 560px;
	margin-top: 16px;
	padding: 10px 10px 0px 10px;
	border: 20px solid #7764aa;
	}
	html>body #legalWrapper {
	width: 500px;
	margin-top: 25px;
}
.legalTxt {
	color: #666;
	padding: 0px 8px 1px 8px;
	text-align: center;
	}
	html>body .legalTxt {
	padding: 2px 8px 2px 8px;
}
.titleTxt {
	font-family: 'Trebuchet MS'; font-size: 15px; font-weight: bold; color: #ec6519;
	margin-top: 20px;
	padding: 3px 0 0 32px;
	background: url('img/arrow.gif') 10px 2px no-repeat;
	}
	html>body .titleTxt {
	padding: 3px 0 0 34px;
}
*/
/*---------------------------------------------------------
//		Form Styles
//---------------------------------------------------------
*/
/*
#formBoard, #loginBoard {
	background: #eee;
	border: 3px solid #ddd;
}
#formBoard {
	width: 500px;
	margin: 30px 0 30px 30px;
}
#loginBoard {
	width: 300px;
	margin: 30px 0 30px 130px;
}
.formTxt, .rightTxt, .leftTxt, .inpTxt, .send  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
     color: #ec6519;
}
td.rightTxt, td.leftTxt, td.formTitle {
	border: 0px;
}
.formTitle, .formFooter {
	text-align: center;
     background: #ccccff;
}
.formTitle {
	font-weight: bold;
	padding:5px;
}
.formFooter {
	padding:10px;
}
.formTxt {
	margin: 0;
	padding: 0;
  border-bottom: 6px solid #ec6519;
}
.leftTxt {
	text-align: left;
}
.rightTxt {
	width: 50%;
	text-align: right;
}
.send {
  width: 68px;
  height: 20px;
}
*/
/*---------------------------------------------------------
//		Navigation Styles
//---------------------------------------------------------
*/
/*
div#nav {
	float: right;
	margin: -16px 2px 2px 8em;
  background: transparent;
	z-index: 100;
	}
	html>body div#nav {
	margin: -16px 4px 2px 8em;
}

div#nav ul {margin: -2px 0 0px 0; padding: 0; background: white;
	font-family: 'verdana'; font-size: 12px; font-weight: bold;
  border: 1px solid #CCC; border-width: 0 1px;}

div#nav>ul a {width: auto;}
div#nav ul ul {position: absolute; width: 8.75em;
	font-size: 11px; font-weight: normal; 
	z-index: 101;
  display: none;}
div#nav ul ul li {border-bottom: 1px solid #CCC;}

div#nav li {position: relative; list-style: none; margin: 0; border-bottom: 6px solid #7764aa;
	z-index: 102;
  float: left; width: 8em; line-height: 1em;}
div#nav li:hover {background: #EBB; border-bottom: 6px solid #ec6519;}

div#nav li.submenu:hover {background-color: #EDD;}
div#nav li a {display: block; padding: 0.25em 0 0.25em 0.5em;
  text-decoration: none; width: 7.5em;}
div#nav li.submenu li.submenu:hover {background-color: #EDD;}

div#nav ul.level1 li a {color: #666;}
div#nav ul.level2 li a {color: #666;}

div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}

div#nav ul.level2, div#nav ul.level3, div#nav ul.level2 li {
	width: 14em;				/* longueur des menus de niveau 2 et 3 *	/
}
div#nav ul.level2 {top: 26px; left: -1px; border-bottom: 3px solid #0c0;}

div#nav ul.level3 {top: -1px; left: 15em; border-top: 1px solid #CCC; border-bottom: 3px solid #0c0;}

div#nav ul.level2 li, ul.level3 li {white-space: nowrap; border-bottom: 0px;}
div#nav ul.level2 li a, ul.level3 li a {
	width: 14em;				/* longueur des menus de niveau 2 et 3 (IE) *	/
	}
	html>body div#nav ul.level2 li a, ul.level3 li a {
	width: 14.5em;
}

div#sideBar {
	float: left;
	width: 202px;
	font-family: 'Trebuchet MS'; font-size: 12px; font-weight: bold; color: #7764aa;
	margin: 1em 0 0 1px;
	padding: 0 0 15px;
	border-top: 1px solid #ede6ff;
}
#sideBar ul {
	list-style: none;
	margin: 0;
	padding: 0 0 10px;
}
#sideBar li {
	padding: 1px 0;
	border-bottom: 1px solid #ede6ff;
}
#sideBar a {
  display: block;
	width: 202px;
  padding: 4px 0 4px 6px;
	text-decoration: none;
  border-left: 6px solid #ede6ff;
	}
	html>body #sideBar a {
	width: 190px;
}
#sideBar a:link, a:visited {color: #333;}
#sideBar a:hover {color: #ec6519;
  background: #ede6ff;
  border-left: 6px solid #ec6519;
}
#sideBar a.current {
	color: #ec6519;
  border-left: 6px solid #ec6519;
}
*/