/******* Règles par défaut *******/
*{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) 0 0 repeat-x; }
img, fieldset{border:0}
.TitreContact{font-size:13px;}
.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}

h1 {font-size:1.4em; float:left}
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;}
dt{font-weight:bold;}
a{text-decoration:none; color:#0e78c2;}
a:hover{text-decoration:underline;}
a span{ cursor:pointer; }
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}
/*0. ///////Structure du template ///////*/
#containerFoot{width:920px; min-height: 100%; height: auto !important; height: 100%;  text-align:left; margin: 0 auto; padding:10px 30px 0 30px; overflow:hidden }

#container{width:920px; min-height: 100%; height: auto !important; height: 100%;  background:url(../img/bgd_container.gif) 50% 0 no-repeat;  text-align:left; margin: 0 auto; padding:10px 30px 0 30px; overflow:hidden }
	/*******Header*******/
	#header{padding:15px 0 0 0}
		#header h1 {}
			#language {float:right; padding:0 6px 0 0}
				.icoEnglish {color:#676767; background:url(../img/ico_flag_en2.gif) 0 1px no-repeat; padding:0 0 0 44px; margin-left:5px; line-height:12px}
				.icoFrench {color:#676767; background:url(../img/ico_flag_fr.gif) 0 1px no-repeat; padding:0 0 0 24px; margin-left:5px; line-height:12px}

#nav01 {width:634px; height:40px; background:url(../img/bgd_nav_main_left.gif) 0 0 no-repeat; margin:14px 0 0 64px; overflow:hidden; float:left;}
				#nav01 ul {width:620px; height:28px;  background:url(../img/bgd_nav_main_right.gif) right top no-repeat; padding:6px 8px }
				#nav01 li{height:28px; display:inline; float:left; 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) 0 0 no-repeat; text-decoration:none; cursor:pointer}
				#nav01 a.active span, #nav01 a:hover span{ background:url(../img/bgd_nav_li_right.gif) right top no-repeat;}
			.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; padding:25px 22px; background:url(../img/bgd_banner.jpg) 0 0 no-repeat; overflow:hidden; text-align:right}
				.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;}
	/*******Contenu principal*******/
	#main {width:920px;  background:url(../img/bgd_main.gif) left bottom no-repeat; overflow:hidden; margin:15px 0 22px 0 }
		/********Contextuel*******/			
		#context {width:235px; background:url(../img/bgd_context.jpg) 0 0 no-repeat; overflow:hidden; float:left; padding:0 15px 0 0}
			#context div.contextDes {width:145px; height:45px; padding:28px 0 4px 90px; color:#FFF; overflow:hidden;}
			#context .contextDes h3{ font-size:22px; 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) 0 1px no-repeat; }
			#context .contextDes .icoUpdated {background:url(../img/ico_updated_01.gif) 0 1px no-repeat;}
			#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) left bottom no-repeat; padding:0 0 0 8px;}	
		#context h4  span{ overflow:hidden}	
		#context h4 .logicielsAudio{background:url(../img/ico_audio.gif) 0 -2px no-repeat; padding:22px 0 4px 46px; float:left}	
		#context h4 .logicielsVideo{background:url(../img/ico_video.gif) 0 -1px no-repeat; padding:22px 0 4px 46px; float:left}	
		#context h4 .logicielsUtilitaires{background:url(../img/ico_utilitaires.gif) 0 -1px no-repeat; padding:22px 0 4px 46px; float:left}	
		#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) 0 4px no-repeat; padding:0 0 0 17px; line-height:12px}
		#context div ul li a.icoNew {background:url(../img/ico_new.gif) right 2px no-repeat; padding:0 18px 0 0}
		#context div ul li a.icoUpdated {background:url(../img/ico_updated.gif) right 2px no-repeat; padding:0 18px 0 0}
			
		/********Contenu*******/
		#content {width:670px; float:left; overflow:hidden; }
			.productDetail{ width:670px; background:url(../img/bgd_product_detail_top.gif) 0 0 no-repeat; padding:0;  margin:0; overflow:hidden}
			.productDetailWrap { width:634px; height:300px; padding:16px 14px 15px 22px ; background:url(../img/bgd_product_detail_bottom.gif) left bottom no-repeat;  overflow:hidden}
				.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) right 0 no-repeat; padding:5px 27px 7px 0; line-height:20px; }
				.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:14px; font-weight:bold; background:url(../img/bgd_btn_type02_left.gif) 0 0 no-repeat; text-decoration:none; float:left; margin:5 0 0 0; margin-left:30px}
				.btnType02 span{width:105px; height:14px; padding:12px 30px 10px 45px; background:url(../img/bgd_btn_type02_right.gif) right top no-repeat;  float:left; text-align:left}
				
				.btnType03 {width:180px; height:34px; color:#FFF; font-size:14px; font-weight:bold; background:url(../img/bgd_btn_type03_left.gif) 0 0 no-repeat; text-decoration:none; float:left; margin:2px 0 0 0; margin-left:30px}
				.btnType03 span{width:90px; height:14px; padding:10px 45px; background:url(../img/bgd_btn_type03_right.gif) right top no-repeat;  float:left; text-align:left}
			
			.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) 0 0 no-repeat; margin:15px 0 0 0; overflow:hidden}
				.productOthersWrap { width:670px; background:url(../img/bgd_product_others_bottom.gif) left bottom no-repeat;  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) 0 0 no-repeat; text-decoration:none; float:left; overflow:hidden}
				.btnType01 span{width:78px;  height:18px; padding:3px 14px 2px 22px; background:url(../img/bgd_btn_type01_right.gif) right top no-repeat;  float:left; overflow:hidden}
				
				.btnType04 {width:114px; height:22px; color:#FFF; font-size:11px; font-weight:bold; background:url(../img/bgd_btn_type04_left.gif) 0 0 no-repeat; text-decoration:none; float:left; overflow:hidden}
				.btnType04 span{width:78px;  height:18px; padding: 3px 14px 10px 22px; background:url(../img/bgd_btn_type04_right.gif) right top no-repeat;  float:left; overflow:hidden}
				
				.readMore {color:#0e78c2; background:url(../img/ico_bullet_02.gif) 0 5px no-repeat; padding:0 0 0 10px; margin:17px 0 0 0; line-height:12px; text-decoration:underline; float:left }
				.productItem a.readMore:hover {text-decoration:none}
			
			.productNewList{ width:670px; background:url(../img/bgd_product_new_top.gif) 0 0 no-repeat; padding:0;  margin:15px 0 0 0; overflow:hidden;  clear:both}
				.productNewListWrap { width:625px; padding:14px 21px 12px 22px; background:url(../img/bgd_product_new_bottom.gif) left bottom no-repeat;  overflow:hidden}
				.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) left bottom no-repeat; padding:0 0 7px 0; margin:0 0 7px 0; display:block}
				.productNewList ul li.last {background:none; margin:0}
				.productNewList ul li a{ font-size:11px; background:url(../img/ico_bullet_01.gif) 0 4px no-repeat; padding:0 0 0 12px; }
				.productNewList ul li a span {color:#fb760b; padding:0 6px 0 0}
		
	/********footer********/
	#footer {width:930px; height:118px; margin:0 auto; padding:10px 30px 22px 20px; overflow:hidden; background:url(../img/bgd_footer.gif) 50% 0 no-repeat; overflow:hidden}
		#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;
	}