*{margin:0; padding:0; outline:none;}

body {font-size:62.5%; font-family:Verdana, Arial, Helvetica, sans-serif; color:#646464; background:#818181 url('img/bgd_body.gif') repeat-x 0 0; }

img, fieldset{border:0px none; }


h1 {font-size:1.9em; }
h2 {font-size:1.8em; }
h3 {font-size:1.1em; color:#0e78c2;}
h4 {font-size:1.4em; color:#0e78c2;}
h5 {font-size:1em; color:#0e78c2;}


p {font-size:11px; line-height:16px}

ol, ul{list-style-type:none;}

a{text-decoration:none; color:#9A2EFE;}
a:hover{text-decoration:underline;color:#FF0000;}
a span{ cursor:pointer; }



#container{width:920px; min-height: 100%; height: auto !important; height: 100% !important;  background:url('img/bgd_container.gif') no-repeat 50% 0;  text-align:left; margin: 0 auto; overflow:hidden; padding-left:30px; padding-right:30px; padding-top:10px; padding-bottom:0 }



#header{padding:15px 0 0 0}
#header h1 {}


.description {clear:both; padding:0 0 5px 86px}
.description h2{ font-size:18px; color:#c5d9ee;}
.description  span {color:#ffa200;}


.bannerHeader {width:876px; height:79px; color:#FFF; background:url('img/bgd_banner.jpg') no-repeat 0 0; overflow:hidden; text-align:right; padding-left:22px; padding-right:22px; padding-top:25px; padding-bottom:25px}
.bannerHeader h3{font-weight:bold; font-size:24px; color:#FFF; }
.bannerHeader h4{font-weight:bold; font-size:18px;  color:#FFF; }
.bannerHeader  p {color:#c2d8eb; line-height:16px}
.bannerHeader  span {color:#ffa200;}



#context h4 .logicielsAudio{background:url('img/ico_audio.gif') no-repeat 0 -2px; float:left; padding-left:46px; padding-right:0; padding-top:22px; padding-bottom:4px}






.TitreContact{font-size:13px;text-align:center;}

.ResultatMail{font-size:13px; color:#666}

.boxprodtitle{font-size:14px; color:#.ResultatMail{font-size:13px; color:#666}}

.boxContentContact{height:398px; overflow:hidden}

.boxContentContactExpand{height:398px}

.bleuFont{text-decoration:none; color:#0e78c2; font-size:10px}





dt{font-weight:bold;}



label{}

input, select, textarea{font-size:1.0em; border:1px solid #CCC; font-family:Verdana, Arial, Helvetica, sans-serif; color:#444444}

input { padding:1px 0}

select { padding:0; margin:0; line-height:normal;}

table{border-collapse:separate; border-spacing:0;}

th, td{ text-align:left}







#language {float:right; padding:0 6px 0 0}

.icoEnglish {color:#676767; background:url('img/ico_flag_en2.gif') no-repeat 0 1px; margin-left:5px; line-height:12px; padding-left:44px; padding-right:0; padding-top:0; padding-bottom:0}

.icoFrench {color:#676767; background:url('img/ico_flag_fr.gif') no-repeat 0 1px; margin-left:5px; line-height:12px; padding-left:24px; padding-right:0; padding-top:0; padding-bottom:0}

#nav01 {width:634px; height:40px; background:url('img/bgd_nav_main_left.gif') no-repeat 0 0; overflow:hidden; float:right; margin-left:64px; margin-right:0; margin-top:14px; margin-bottom:0}

#nav01 ul {width:620px; height:28px;  background:url('img/bgd_nav_main_right.gif') no-repeat right top; padding-left:8px; padding-right:8px; padding-top:6px; padding-bottom:6px }

#nav01 li{height:28px; display:inline; float:right; padding:0 8px 0 0}
#nav01 li.last{padding:0}
#nav01 a {height:28px; overflow:hidden; float:left; font-size:14px; color:#353535; text-decoration:none; font-weight:bold}
#nav01 a span{height:12px; overflow:hidden; padding:5px 26px 11px 26px;  float:left}
#nav01 a.active, #nav01 a:hover{ color:#FFF;  background:url('img/bgd_nav_li_left.gif') no-repeat 0 0; text-decoration:none; cursor:pointer}
#nav01 a.active span, #nav01 a:hover span{ background:url('img/bgd_nav_li_right.gif') no-repeat right top;}


			


	
/*******Contenu principal*******/

#main {width:920px;  background:url('img/bgd_main.gif') left bottom; overflow:hidden; margin-left:0; margin-right:0; margin-top:10px; margin-bottom:22px }


		
/********Contextuel*******/	
		
#context {width:235px; background:url('img/bgd_context.jpg') no-repeat 0 0; overflow:hidden; float:left; padding-left:0; padding-right:15px; padding-top:0; padding-bottom:0}




#context div.contextDes {width:150px; height:60px; padding:6px 0px 5px 5px; color:#FFF;overflow:hidden;}




#context .contextDes h3{ font-size:14px; font-weight:bold; color:#FFF; }

#context .contextDes ul {padding:5px 0 0 0; overflow:hidden }

#context .contextDes li{line-height: 14px; display:inline; float:left; margin:0 20px 0 0; font-weight:bold}

#context .contextDes .icoNew {background:url('img/ico_new_01.gif') no-repeat 0 1px; }

#context .contextDes .icoUpdated {background:url('img/ico_updated_01.gif') no-repeat 0 1px;}

#context .contextDes .icoNew span{color:#fb760b; padding:0 3px 0 2px; }

#context .contextDes .icoUpdated span{color:#348bd4;  padding:0 3px 0 2px; }

#context div {padding:0 2px}	
#context h4 {height:45px; color:#000; background:url('img/bgd_menu_title.gif') no-repeat left bottom; padding-left:8px; padding-right:0; padding-top:0; padding-bottom:0}	
#context h4  span{ overflow:hidden}	

	
#context h4 .logicielsVideo{background:url('img/ico_video.gif') no-repeat 0 -1px; float:left; padding-left:46px; padding-right:0; padding-top:22px; padding-bottom:4px}	
#context h4 .logicielsUtilitaires{background:url('img/ico_utilitaires.gif') no-repeat 0 -1px; float:left; padding-left:46px; padding-right:0; padding-top:22px; padding-bottom:4px}	
#context div ul {padding:19px 14px 22px 14px;}	
#context div ul ul {padding:0;}	
#context div ul li{line-height:20px; display:block }	
#context div ul li a{font-size:11px; display:inline}	
#context div ul ul li a {color:#646464; background:url('img/ico_bullet_03.gif') no-repeat 0 4px; line-height:12px; padding-left:17px; padding-right:0; padding-top:0; padding-bottom:0}
#context div ul li a.icoNew {background:url('img/ico_new.gif') no-repeat right 2px; padding-left:0; padding-right:18px; padding-top:0; padding-bottom:0}
#context div ul li a.icoUpdated {background:url('img/ico_updated.gif') no-repeat right 2px; padding-left:0; padding-right:18px; padding-top:0; padding-bottom:0}
			
		
/********Contenu*******/
		#content {width:670px; float:left; overflow:hidden; }
			.productDetail{ width:670px; background:url('img/bgd_product_detail_top.gif') no-repeat 0 0; padding:0;  margin:0; overflow:hidden}
			.productDetailWrap { width:634px; height:300px; background:url('img/bgd_product_detail_bottom.gif') no-repeat left bottom;  overflow:hidden; padding-left:22px; padding-right:14px; padding-top:16px; padding-bottom:15px}
				.visualProduct { width:240px; height: 290px; padding:3px;  margin:0 0 10px 20px; float:right; background:#FFF; border:thin; border-style: dashed }
				.infoProduct .visualProduct p { width:240px; text-align:center; line-height:14px; padding:0 0 2px 0}
				.infoProduct .visualProduct .productVer {line-height:20px; padding:5px 0}
				.infoProduct .visualProduct .productVer span{width:auto; background:url('img/ico_window.gif') no-repeat right 0; line-height:20px; padding-left:0; padding-right:27px; padding-top:5px; padding-bottom:7px }
				.infoProduct ul {list-style-type:disc}
				.boxMentions ul {list-style-type:disc}
				.productType {color:#0e78c2; text-transform:Uppercase; font-size:18px; font-weight:bold; text-align:center}
				.productType2 {color:#0e78c2; font-size:14px; font-weight:bold; text-align:center}
				.productTypeS {color:#0e78c2; text-transform:Uppercase; font-size:14px; font-weight:bold; text-align:left}
				.productCat {color:#7fa803; font-weight:bold; text-align:center}
				.productCat2 {color:#7fa803; font-weight:bold; font-size:16px;}
				.productCat3 {color:#7fa803; font-weight:bold;}
				.titleContacts {color:#7fa803; font-weight:bold; font-size:14px;}
				
				.btnType02 {width:180px; height:34px; color:#FFF; font-size:12px; font-weight:bold;
background:url('img/bgd_btn_type02_left.gif') no-repeat 0 0; text-decoration:none; float:left; margin-left:30px; margin-right:0; margin-top:5; margin-bottom:0}

				.btnType02 span{width:110px; height:14px; background:url('img/bgd_btn_type02_right.gif') no-repeat right top;  float:left; text-align:center; padding-left:45px; padding-right:30px; padding-top:12px; padding-bottom:10px}
				
				.btnType03 {width:180px; height:34px; color:#FFF; font-size:14px; font-weight:bold; background:url('img/bgd_btn_type03_left.gif') no-repeat 0 0; text-decoration:none; float:center; margin-left:30px; margin-right:0; margin-top:2px; margin-bottom:0}
				.btnType03 span{width:90px; height:14px; background:url('img/bgd_btn_type03_right.gif') no-repeat right top;  float:center; text-align:center; padding-left:15px; padding-right:15px; padding-top:10px; padding-bottom:10px}

			
			.productDetail h4{ width:auto;  color:#0e78c2; font-size:18px; font-weight:bold; padding:0 0 8px 0;}
			.productDetail h4.detail{ width:634px; float:left}
			.infoProduct {display:block; height:260px; clear:left}
			.infoProductHidden {display:block; clear:left; display:none; visibility:hidden}
			.infoProduct p{padding:7px 0 5px 0; line-height:13px}
			.infoProduct .listType {color:#0e78c2; padding:0}
			
			.productOthers{ width:670px; background:url('img/bgd_product_others_top.gif') no-repeat 0 0; overflow:hidden; margin-left:0; margin-right:0; margin-top:15px; margin-bottom:0}
				.productOthersWrap { width:670px; background:url('img/bgd_product_others_bottom.gif') no-repeat left bottom;  overflow:hidden}
			
				.productItem{ width:296px; padding:22px 15px 12px 15px; overflow:hidden; float:left; margin:0 15px 0 0}
				.screenshot .productItem{ margin:0 10px 0 0}
				.productOthers  .last{margin:0;}
				.productOthers  .screenshot .productItem {width:288px; padding:22px 21px ;} 	
				.productItem h5 { width:284px; color:#0e78c2; font-size:14px; font-weight:bold; padding:0 0 17px 0;}
				.productItem p { line-height:13px}
				.productItemInfo { width:167px; padding:0;  margin:0 0 10px 15px; float:left; }
				.productItemVisual { width:114px; padding:0;  margin:0; float:left; }
				
				.productItemVisual .productThums {padding:0 0 9px 0; float:left}
				.productItemVisual .productType {color:#0e78c2; text-transform:Uppercase; font-size:11px; font-weight:bold; text-align:center}
				.productItemVisual .productCat {color:#7fa803; font-weight:bold; text-align:center; padding:0 0 8px 0; float:left}
				
				.productItemScreenshot {width:112px; float:left; padding: 0 45px 0 0 }
				.productOthers  .screenshot .productItem .last{margin:0; padding:0;}
				.productItemScreenshot p{padding: 7px 0 }
				.btnType01 {width:114px; height:22px; color:#FFF; font-size:11px; font-weight:bold; background:url('img/bgd_btn_type01_left.gif') no-repeat 0 0; text-decoration:none; float:left; overflow:hidden}
				.btnType01 span{width:78px;  height:18px; background:url('img/bgd_btn_type01_right.gif') no-repeat right top;  float:left; overflow:hidden; padding-left:22px; padding-right:14px; padding-top:3px; padding-bottom:2px}
				
				.btnType04 {width:114px; height:22px; color:#FFF; font-size:11px; font-weight:bold; background:url('img/bgd_btn_type04_left.gif') no-repeat 0 0; text-decoration:none; float:left; overflow:hidden}
				.btnType04 span{width:78px;  height:18px; background:url('img/bgd_btn_type04_right.gif') no-repeat right top;  float:left; overflow:hidden; padding-left:22px; padding-right:14px; padding-top:3px; padding-bottom:10px}
				
				.readMore {color:#0e78c2; background:url('img/ico_bullet_02.gif') no-repeat 0 5px; line-height:12px; text-decoration:underline; float:left; margin-left:0; margin-right:0; margin-top:17px; margin-bottom:0; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:0 }
				.productItem a.readMore:hover {text-decoration:none}
			
			.productNewList{ width:670px; background:url('img/bgd_product_new_top.gif') no-repeat 0 0; padding:0;  overflow:hidden;  clear:both; margin-left:0; margin-right:0; margin-top:15px; margin-bottom:0}
				.productNewListWrap { width:625px; background:url('img/bgd_product_new_bottom.gif') no-repeat left bottom;  overflow:hidden; padding-left:22px; padding-right:21px; padding-top:14px; padding-bottom:12px}
				.productNewList h4{color:#0e78c2; font-size:14px; font-weight:bold; padding:0 0 16px 0}
				.productNewList ul {width:295px; padding:0 35px 0 0; float:left}
				.productNewList ul.last {padding:0;}
				.productNewList ul li { background:url('img/bgd_line_dot_01.gif') no-repeat left bottom; display:block; margin-left:0; margin-right:0; margin-top:0; margin-bottom:7px; padding-left:0; padding-right:0; padding-top:0; padding-bottom:7px}
				.productNewList ul li.last {background:none; margin:0}
				.productNewList ul li a{ font-size:11px; background:url('img/ico_bullet_01.gif') no-repeat 0 4px; padding-left:12px; padding-right:0; padding-top:0; padding-bottom:0 }
				.productNewList ul li a span {color:#fb760b; padding:0 6px 0 0}
		
	
/********footer********/
	#footer {width:930px; height:118px; margin:0 auto; overflow:hidden; background:url('img/bgd_footer.gif') no-repeat 50% 0; overflow:hidden; padding-left:20px; padding-right:30px; padding-top:10px; padding-bottom:22px}
		#footer .innerFooter{}
		#footer a{color:#FFF; font-size:11px}
		#navFooter li{display:inline; border-right:1px solid #FFF; padding:0 10px; line-height:11px}
		#navFooter li.last{border-right:none;}		
		#footer p.copyright{color:#9a9898; float:right}
		#footer p.copyright a{color:#9a9898;}
		
			
	a:active {
		outline:none;
	}

	:focus {
	  -moz-outline-style:none;
	}

	div.overlay {
		
		/* growing background image */
		display:none;
		background-image:url('img/white2.png');
		width:640px;
		height:200px;		
		padding:35px;
		font-size:11px;
		text-align:left
	}
	
	/* default close button positioned on upper right corner */
	div.overlay div.close {
		background-image:url('img/close.png');
		position:absolute; right:5px; top:5px;
		cursor:pointer;
		height:35px;
		width:35px
	}