body {background:#ffffff url(../images/bg.gif) top left repeat-x; margin:0 auto;}
#wrapper {margin:0 auto; width:1001px; color:#000000;}
.left {float:left}
.right {float:right}
.cls {clear:both; line-height:1px; font-size:1px;}
.topbar {float:right; width:395px; margin-bottom:5px;}
.topmenu { width:108px; float:left; margin:10px 5px 0 0; padding:0px;}
.topmenu ul { margin:0px; padding:0px; }
.topmenu ul li { margin:0px; padding:0px 4px 0 4px; list-style:none; float:left; font-family:tahoma; font-size:11px; color:#CCCCCC;}
.topmenu ul li a { font-size:11px; color:#666666; text-decoration:none;}
.topmenu ul li a:hover{ font-size:11px; color:#CCCCCC; text-decoration:none;}
.searchbar {width:275px; float:right; margin:4px 6px 0 0px; padding:0px;}
.searchbg{background:url(../images/search_bg.gif) no-repeat left top; width:214px; height:15px; padding:5px 10px 5px 10px; margin:0px; border:0px; font-family:Tahoma, Arial, sans-serif; font-size:12px; color:#333333; float:left;}
.topbg { background:#ffffff url(../images/top_bg.gif) top left repeat-x; height:85px; border-left:1px solid #c0d3e4; border-right:1px solid #c0d3e4; margin:-1px 0 -1px 0;}
.logo { float:left; margin:13px 0 0 8px; padding:0px;}

#menubar{margin:30px 0 0 0; padding:0px; width:740px; float:right}
ul.menu {list-style:none; margin:0; padding:0; font-size:11px; font-family:tahoma;}
ul.menu * {margin:0; padding:0; z-index:2000}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu li {position:relative; float:left;}
ul.menu ul {position:absolute; top:33px; left:0; background:#ffffff; display:none; opacity:0; list-style:none; float:left;}
ul.menu ul li {position:relative; border-bottom:1px dashed #cccccc; border-top:none; width:211px; margin:0;}
ul.menu ul li a {display:block; padding:8px; background-color:#ffffff; color:#057abb}
ul.menu ul li a:hover {background-color:#d9e7f3; color:#057abb}
ul.menu ul ul {left:211px; top:-1px;}
ul.menu .menulink {font-weight:bold; text-align:center; text-transform:uppercase; width:auto; padding:15px;}
ul.menu .menuselected {padding:12px 0 0 0; font-weight:bold; background-color:#ffffff; color:#057abb; width:211px; height:28px; text-align:center; text-transform:uppercase;}
ul.menu .menuhover, ul.menu .menulink:hover {background:#ffffff; color:#057abb}
ul.menu .sub {background:#ffffff url(../images/arrow.gif) 200px 10px no-repeat;}
ul.menu .topline {border-top:1px solid #82633a}
ul.menu .divider {margin:0px; padding:0px; background:url(../images/menubg_devider.gif) left 12px no-repeat; width:1px; height:33px; float:left}
ul.menu .left{ float:left; margin:0px; padding:0px;}
ul.menu .right{ float:left; margin:0px; padding:0px;}

.contentbg {background:#ffffff url(../images/content_bg.gif) top left repeat-x; margin:0px; padding:0px; font-family:Tahoma; font-size:12px; color:#666666; text-align:left; padding:15px;}
.brandimages {background:url(../images/band_bg.gif) top left no-repeat; width:772px; height:67px; margin:0 0 10px 0; padding:6px 6px 6px 195px; text-align:right;}
.heading { background:url(../images/heading_arrow.gif) no-repeat; font-family:Tahoma; font-size:12px; font-weight:bold; color:#026299; text-align:left; padding-left:15px; margin-bottom:20px; line-height:23px; }
.more { background:url(../images/more_bg.gif) no-repeat; width:64px; height:20px; font-family:Tahoma; font-size:10px; font-weight:noraml; color:#000000; text-align:left; float:right; padding:2px 0 0 10px; margin:10px 0 10px 0;}
.more a{ color:#000000; text-decoration:none;}
.more a:hover{color:#057cbd; text-decoration:none;}

.homeleftcolumn{float:left; width:700px; color:#000000}
.homerightcolumn {float:right; width:255px;}
.scroll { width:246px; height:182px; overflow:auto; padding:3px; margin:1px 0 1px 0;}
.scroll .image {float:left; padding-right:10px;}
.scroll .content {float:right; font-family:Tahoma; font-size:11px; font-weight:noraml; color:#000000; text-align:left; width:120px;}
.scroll .line {border-bottom:#cccccc 1px dashed; margin:0 0 5px 0; clear:both; padding-top:5px;}
.scroll .content strong{font-family:Tahoma; font-size:11px; font-weight:bold; color:#026299; text-align:left;}
.line { border-bottom:#cccccc 1px dashed; margin:10px 0 15px 0; clear:both;}
.highlightvideos {border:solid 1px #c3c3c3; width:253px;}
.bottom { background:#000000; padding:8px 15px 0 15px; font-family:Tahoma, Verdana, sans-serif; font-size:11px; text-align:left; color:#575757;}
.bottom a{ text-decoration:none; color:#cccccc; }
.bottom a:hover{ text-decoration:underline; color:#cccccc;}

.gallery{ background:url(../images/gallery_bg.gif) top left no-repeat; width:680px; height:150px; margin-left:15px;}

#slideshow {
	margin:0 auto;
	width:680px;
	height:150px;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:648px;
  height:150px;
  overflow:auto; /* affiche une scrollbar au cas ou */
  position:relative;
  padding:15px 0 0 0;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:648px; /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */
  height:130px;
}

#slideshow #slidesContainer .slide .slideimage{
	width:100px;
	float:left;
	margin-right:5px;
}

#slideshow #slidesContainer .slide .content strong{
	float:right;
	font-family:Tahoma; font-size:11px; text-align:left; color:#000000; font-weight:bold; margin-bottom:5px; 
	width:142px;
	margin-left:5px;
}

#slideshow #slidesContainer .slide .content{
	float:right;
	font-family:Tahoma; font-size:11px; text-align:left; color:#000000;
	width:142px;
	margin-left:5px;
}

.control {
  display:block;
  width:40px;
  height:160px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#navDiapo{
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	right:25px;
	bottom:10px;
	cursor:pointer;
}
#leftControl {
  top:65px;
  left:-13px;
  background:transparent url(../images/control_left.png) no-repeat 0 0;
}

#rightControl {
  top:65px;
  right:-26px;
  background:transparent url(../images/control_right.png) no-repeat 0 0;
}

#leftcontentwrap{
	background:url(../images/leftcontentwrap_bg.gif) repeat-y;
	width:230px;
}

#rightcontentwrap{
	width:770px;
	border-right:#f0f0f0 solid 1px;
}

.leftmenu {
	margin:0px;
	padding:0px;
}
.leftmenu ul {
	margin:0px;
	padding:0px;
}

.leftmenu ul li{
	margin:0 0 0 1px;
	padding:0px;
	list-style:none;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-size:11px;
	color:#000000;
}

.leftmenu ul li a{ 
	display:block;
	font-size:11px;
	color:#000000;
	font-weight:bold;
	background:url(../images/leftmenu_bg.gif) no-repeat;
	border-top:1px solid #989898;
	width:217px;
	height:22px;
	padding:5px 0 0 10px;
	text-decoration:none;
}

.leftmenu ul li a:hover{
	display:block; 
	font-size:11px;
	color:#004e7a;
	font-weight:bold;
	text-decoration:none;
	background:url(../images/leftmenu_bg_hover.gif) no-repeat;
	border-top:1px solid #989898;
	width:217px;
	height:22px;
	padding:5px 0 0 10px;
}

.breadcrumb {
	background:#ffffff;
	border-bottom:#f0f0f0 solid 1px;
	height:20px;
	padding-left:10px;
	margin:0;
}

.breadcrumb .buttons {
	font-family:Arial;
	font-size:11px;
	color:#999999;
}

.breadcrumb .buttons ul{
	margin:0px;
	padding:0px;
}

.breadcrumb .buttons ul li{
	float:left;
	list-style:none;
	font-family:Arial;
	font-size:11px;
	color:#999999;
	padding:0 3px 0 3px;
}

.breadcrumb .buttons ul li a{
	font-family:Arial;
	font-size:11px;
	color:#0099ff;
	text-decoration:none;
}

.breadcrumb .buttons ul li a:hover{
	font-family:Arial;
	font-size:11px;
	color:#0099ff;
	text-decoration:underline;
}

.breadcrumb .buttons ul li.arrow {
	width:7px;
	height:5px;
}

.pageheading{
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	color:#ffffff;
	text-align:justify;
	background-color:#057abb;
	padding:10px 15px 10px 15px;
	margin:0 0 15px 0;
}

.innerpage {
	font-family:Arial;
	font-size:12px;
	color:#333333;
	text-align:justify;
	padding:0 15px 15px 15px;
}

.contentheading {
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	color:#004e7a;
	text-align:justify;
	background-color:#f5f5f5;
	padding:5px;
	margin:0 0 15px 0;
}

.content {
	font-family:Arial;
	font-size:12px;
	color:#000000;
	text-align:justify;
}

.content a{
	color:#0099ff;
	text-decoration:none;
}

.content a:hover{
	color:#0099ff;
	text-decoration:underline;
}

.content ul li{
	margin:5px 0 5px 0;
}

.productimage {
	margin:0;
	padding:0px;
	float:left;
}
.product {
	width:575px;
	margin:0px;
	padding:0px;
	float:right;
	font-family:Arial;
	font-size:12px;
	font-weight:normal;
	color:#000000;
}

.productdetails {
	width:555px;
	margin:0px;
	padding:0px;
	float:right;
	font-family:Arial;
	font-size:12px;
	font-weight:normal;
	color:#000000;
}

.productheading {
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	color:#005a88;
	text-align:justify;
	background-color:#c2e4fe;
	padding:5px;
	margin:0 0 0 0;
}

.producttextarea {
	font-family:Arial;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	text-align:justify;
	background-color:#f9fcff;
	border:solid 1px #c2e4fe;
	padding:5px;
	margin:0 0 10px 0;
}


.product ol li{
	padding:0px;
	margin:6px 0 6px 0;
	font-weight:normal;
	color:#000000;
}

.productcls{clear:both; line-height:1px; font-size:1px; margin-bottom:15px;}

.moreproduct { background:url(../images/more_product_bg.gif) no-repeat; width:180px; height:20px; font-family:Arial; font-size:10px; font-weight:noraml; color:#000000; text-align:right; float:left; padding:2px 30px 0 0; margin:20px 0 10px 0;}
.moreproduct a{ color:#0099ff; text-decoration:none;}
.moreproduct a:hover{color:#000000; text-decoration:none;}

.moredetails {font-family:Tahoma; font-size:10px; color:#057cbd; text-align:center; width:130px; font-weight:normal;  margin-top:20px;}
.moredetails a{ background:#FFFFFF; border:solid 1px #c4c4c4; padding:5px 5px 5px 5px; color:#057cbd; text-align:center; text-decoration:none; display:block;}
.moredetails a:hover {font-size:10px; color:#000000; text-align:center; display:block; text-decoration:none;}

.services {
	margin:0px;
	padding:0px;
	font-family:Arial;
	font-size:12px;
	font-weight:normal;
	color:#000000;
}

.services ol li{
	padding:0px;
	margin:6px 0 6px 0;
	font-weight:bold;
	color:#0099ff;
	font-size:13px;
}

.services ol li ul li{
	padding:0px;
	margin:3px 0 3px 0;
	font-weight:normal;
	color:#000000;
}

.services ol li div.servicesdetails{
	padding:0px;
	margin:6px 0 6px 0;
	font-weight:normal;
	color:#000000;
	font-size:12px;
}

.sideheading { background:#f0f0f0; padding:8px; margin:20px -8px 10px -10px; font-size:12px; font-weight:bold; color:#333; text-align:left;}