<!--
/*************************************************************************************************************************************************************************/
/* Redefinitions des balises HTML */ 
/*************************************************************************************************************************************************************************/
*{margin:0;padding:0;}

body, h1, h2, h3, h4, h5, h6, a, .input_text, select, textarea{font:13px/1.2em "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;font-weight:normal;color:#000;}

img{border:0}

a{text-decoration:underline;outline:none;}
a:hover{text-decoration:none;}

ul{margin:0 0 0 20px;}


ol {
   margin:0 0 0 30px;
   
   }
   

dd{margin:0 0 0 20px;}

select option{padding:0 3px;}

hr{display:none;}

fieldset{border:none;}
fieldset legend{display:none;}
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Structure generale */ 
/*************************************************************************************************************************************************************************/
	
	body{background:#87b8d8;}
	.b_000{font-weight:bold;font-size:13px;color:#000;}
	.b_12407b{font-weight:bold;color:#12407b;}
	.i_12407b{font-weight:normal;color:#12407b;font-style:italic;font-size:13px;}
	.b_ff0000, .i_ff0000_b{font-weight:bold;color:#ff0000;}
	.i_ff0000_b{font-style:italic;text-decoration:none;}
	.b_423e3d{font-weight:bold;color:#423e3d;}
	.b_666{font-weight:bold;color:#666;}
	.underline{text-decoration:underline;}
	.bold{font-weight:bold;}
	.center{text-align:center;}
	.italic{font-style:italic;}
		
		#fond_gruson{position:absolute;width:100%;height:664px;top:0;left:0;background:url(../images/bg-000.gif) repeat-x 0 -1px;}
		
		#global{position:relative;width:965px;text-align:left;margin:0 auto;}
		
			#top{position:relative;width:100%;top:0;height:317px;overflow:hidden;}
			#top object{position:relative;width:954px;left:6px;}
				
			#middle{position:relative;width:100%;background:url(../images/bg-002.gif) repeat-y;}
				#middle_top{position:relative;width:100%;background:url(../images/bg-001.gif) no-repeat;}
					.min_height{float:left;display:inline;width:0px;height:385px;line-height:0px;font-size:0px;}
					#content_left, #content_middle, #content_right{position:relative;display:inline;float:left;overflow:hidden;margin:23px 0 0 0;height:362px;/*A changer !!!!*/}
					#content_left{width:286px;/*background:red;*/margin:23px 0 0 11px;}
						#cadre_l_accueil{position:relative;display:block;width:259px;height:342px;background:url(../images/bg-004.jpg) no-repeat;margin:0 0 0 27px;text-indent:-5000px;}
					#content_middle{width:433px;height:100%;/*background:green;*/}
						#content_middle #texte{width:383px;height:100%;margin:0 auto;text-align:justify;}
						#content_middle #texte h2{position:relative;display:block;width:383px;height:38px;text-indent:-5000px;margin:26px 0 0 0;}
						#content_middle #texte h2.taccueil{background:url(../images/bg-005.gif) no-repeat;}
						#content_middle #texte p{padding:0 0 6px 0;}
						#content_middle #texte .text_important{padding:16px 0 14px 0;}
					#content_right{width:224px;/*background:yellow;*/}
						#content_right #solutionsclients, #content_right #videosurveillance{position:relative;width:215px;height:94px;}
						#content_right #solutionsclients p, #content_right #videosurveillance p{position:relative;width:100%;height:100%;display:block;margin:0 0 0 1px;text-indent:-5000px;}
						#content_right #solutionsclients a, #content_right #videosurveillance a{position:relative;display:block;width:100%;height:100%;}
						#content_right #solutionsclients p{background:url(../images/bg-012.jpg) no-repeat;margin-top:78px;}
						#content_right #videosurveillance p{background:url(../images/bg-013.jpg) no-repeat;margin-top:20px;}
				#middle_bottom{position:relative;width:100%;height:50px;background:url(../images/bg-003.gif) no-repeat;}
					#middle_bottom ul{list-style:circle;display:block;width:250px;margin:0 auto;padding:14px 0 0 0;}
						#middle_bottom ul li{position:relative;display:inline;list-style:square}
							#middle_bottom ul li a{font:10px Verdana;color:#fff;text-decoration:none;}
							
			#bottom{position:relative;width:100%;clear:both;}
				#kobaltis p{font:10px Verdana;color:#fff;text-decoration:none;margin:0;padding:0;}
				#kobaltis{position:relative;width:100%;height:39px;}
				#kobaltis #margin_auto{position:relative;width:136px;height:39px;left:414px;}
				#kobaltis p{display:inline;float:left;}
					#kobaltis a{display:block;width:95px;height:35px;background:url(../images/bg-014.gif) no-repeat;text-indent:-5000px;color:#000;}
					#kobaltis p.date{padding:13px 0 0 0;}

		
	/* BLOCKS DANS LA STRUCTURE GENERALE SUR TOUTES LES PAGES (Menu, Panier, Recherche, fil d'ariane, etc...) */

/*************************************************************************************************************************************************************************/

						#s_menu{position:relative;width:191px;height:204px;margin:0 0 0 27px;}
							#tmenu, #s_menu_content{position:relative;width:100%;}
							#tmenu{height:40px;}
								.tm_alarme, .tm_video, .tm_detection, .tm_controle, .tm_coffrefort, .tm_informatique {display:block;width:100%;height:100%;text-indent:-5000px;}
								.tm_alarme{background:url(../images/bg-015.gif) no-repeat;}
								.tm_video{background:url(../images/bg-016.gif) no-repeat;}
								.tm_detection{background:url(../images/bg-017.gif) no-repeat;}
								.tm_controle{background:url(../images/bg-018.gif) no-repeat;}
								.tm_coffrefort{background:url(../images/bg-019.gif) no-repeat;}
								.tm_informatique{background:url(../images/bg-020.gif) no-repeat;}
							#s_menu_content{height:900px;background:url(../images/bg-021-2.gif) no-repeat;}
								#s_menu_content ul {list-style:none;margin:0 0 0 14px;padding:30px 0 0 0;}
								#s_menu_content ul li{padding:1px 16px;background:url(../images/bg-022.gif) no-repeat 0 6px;}
								#s_menu_content ul li a{font:12px Arial;color:#3d3d3d;font-weight:bold;text-decoration:none;}
					
/*************************************************************************************************************************************************************************/
/* CLASS génériques */ 
/*************************************************************************************************************************************************************************/

					.pages_content #content_middle{width:657px;height:100%;/*background:green;*/}
						.pages_content #content_middle #texte2, .pages_content #content_middle #texte3{width:607px;height:100%;text-align:justify;margin:0 0 30px 0;}
						
						.pages_content #content_middle #texte2 h2, .pages_content #content_middle #texte3 h2{position:relative;display:block;width:383px;height:38px;text-indent:-5000px;margin:26px 0 0 0;}
						.pages_content #content_middle #texte3 h2{margin:26px 0 0 12px;}
						.pages_content #content_middle #texte2 h2.taccueil{background:url(../images/bg-005.gif) no-repeat;}
						.pages_content #content_middle #texte2 h2.talarme{background:url(../images/bg-006.gif) no-repeat;}
						.pages_content #content_middle #texte2 h2.tvideo{background:url(../images/bg-007.gif) no-repeat;}
						.pages_content #content_middle #texte2 h2.tdetection{background:url(../images/bg-008.gif) no-repeat;}
						.pages_content #content_middle #texte2 h2.tcontrole{background:url(../images/bg-009.gif) no-repeat;}
						.pages_content #content_middle #texte2 h2.tcoffrefort{background:url(../images/bg-010.gif) no-repeat;}
						.pages_content #content_middle #texte2 h2.tinformatique{background:url(../images/knxlogo.jpg) no-repeat;}
						.pages_content #content_middle #texte3 h2.tsociete{background:url(../images/bg-043.gif) no-repeat;}
						.pages_content #content_middle #texte3 h2.tplan{background:url(../images/bg-045.gif) no-repeat;}
						.pages_content #content_middle #texte3 h2.tliens{background:url(../images/bg-046.gif) no-repeat;}
						.pages_content #content_middle #texte2 h2.tservices{background:url(../images/bg-047.gif) no-repeat;}
						.pages_content #content_middle #texte3 h2.tcontact{background:url(../images/bg-048.gif) no-repeat;}
						
						.pages_content #content_middle #texte2 h3.titre3, .pages_content #content_middle #texte3 h3.titre3, .pages_content #content_middle #formulaire_contact h3.titre3{display:block;width:607px;height:38px;text-indent:-5000px;}
						.pages_content #content_middle #texte2 h3.tprincipe{background:url(../images/bg-023.gif) no-repeat;}
						.pages_content #content_middle #texte2 h3.toresiedentielle{background:url(../images/bg-024.gif) no-repeat;}
						.pages_content #content_middle #texte2 h3.toindustielle{background:url(../images/bg-025.gif) no-repeat;}
						.pages_content #content_middle #texte2 h3.tocommerciale{background:url(../images/bg-026.gif) no-repeat;}
						.pages_content #content_middle #texte2 h3.tohsecurite{background:url(../images/bg-027.gif) no-repeat;}
						.pages_content #content_middle #texte2 h3.tcameras{background:url(../images/bg-028.gif) no-repeat;}
						.pages_content #content_middle #texte2 h3.toptiques{background:url(../images/bg-029.gif) no-repeat;}
						.pages_content #content_middle #texte2 h3.tstockeurs{background:url(../images/bg-030.gif) no-repeat;}
						.pages_content #content_middle #texte2 h3.tsolutionsvideo{background:url(../images/bg-031.gif) no-repeat;}
						.pages_content #content_middle #texte2 h3.tdemonstrations{background:url(../images/bg-032.gif) no-repeat;}
						.pages_content #content_middle #texte2 h3.treglementation{background:url(../images/bg-033.gif) no-repeat;}
						.pages_content #content_middle #texte2 h3.tsolutionsincendie{background:url(../images/bg-034.gif) no-repeat;}
						.pages_content #content_middle #texte2 h3.tautonome{background:url(../images/bg-035.gif) no-repeat;}
						.pages_content #content_middle #texte2 h3.tcentralisees{background:url(../images/bg-036.gif) no-repeat;}
						.pages_content #content_middle #texte2 h3.tvpass{background:url(../images/bg-037.gif) no-repeat;}
						.pages_content #content_middle #texte2 h3.tcoffreforts{background:url(../images/bg-038.gif) no-repeat;}
						.pages_content #content_middle #texte2 h3.tarmoirefortes{background:url(../images/bg-039.gif) no-repeat;}
						.pages_content #content_middle #texte2 h3.tserrurerie{background:url(../images/bg-040.gif) no-repeat;}
						.pages_content #content_middle #texte2 h3.tportesblindees{background:url(../images/bg-041.gif) no-repeat;}
						.pages_content #content_middle #texte2 h3.tgeovision{background:url(../images/bg-042.gif) no-repeat;}
						.pages_content #content_middle #texte3 h3.tsociete{background:url(../images/bg-044.gif) no-repeat;}
						.pages_content #content_middle #texte2 h3.tprotectionefficace{background:url(../images/titre-domo.jpg) no-repeat;}
						.pages_content #content_middle #texte2 h3.tadbackup{background:url(../images/bg-050.gif) no-repeat;}

						
						.pages_content #content_middle #texte2 h4, .pages_content #content_middle #texte3 h4{font-size:15px;padding:10px 0 0 0;}
						.pages_content #content_middle #texte2 h4.titreh4_1{padding:30px 0 10px 0;}
						.pages_content #content_middle #texte3 h4.titreh4_1{padding:30px 0 10px 12px;}
						
						.pages_content #content_middle #texte2 p, .pages_content #content_middle #texte3 p{padding:14px 6px 8px 6px;}
						.pages_content #content_middle #texte3 p{padding:14px 6px 8px 18px;}
						.pages_content #content_middle #texte2 p.paragraphe_1{padding:30px 6px 8px 6px;}
						.pages_content #content_middle #texte2 p.paragraphe_2{padding:60px 6px 8px 6px;}
						.pages_content #content_middle #texte2 .text_important{padding:16px 0 14px 0;}
						
						.pages_content #content_middle #texte2 p.paragraphe_flotant{position:relative;float:left;width:343px;padding:14px 6px 30px 6px;}
						.pages_content #content_middle #texte2 ul.paragraphe_flotant{position:relative;float:left;width:343px;}
						.pages_content #content_middle #texte2 ul.p_simg{left:252px;}
						.pages_content #content_middle #texte2 ul.p_simg{left:252px;}

						.pages_content #content_middle #texte2 ul.paragraphe_flotant li{margin:5px 0 0 0;padding:0px 16px;background:url(../images/bg-022.gif) no-repeat 0 6px;}
						.pages_content #content_middle #texte2 .image_float_left {position:relative;float:left;overflow:hidden;}
						.pages_content #content_middle #texte2 p.geo_img01{width:240px;height:185px;background:url(../images/geo-001.gif) no-repeat 0 16px;}
						.pages_content #content_middle #texte2 p.geo_img02{width:240px;height:185px;background:url(../images/geo-002.gif) no-repeat 0 16px;}
						.pages_content #content_middle #texte2 p.geo_img03{width:240px;height:300px;background:url(../images/geo-003.gif) no-repeat 0 80px;}
						.pages_content #content_middle #texte2 p.geo_img04{width:240px;height:185px;background:url(../images/geo-004.gif) no-repeat 0 16px;}
						.pages_content #content_middle #texte2 p.geo_img05{width:240px;height:185px;background:url(../images/geo-005.gif) no-repeat 0 16px;}
						.pages_content #content_middle #texte2 p.geo_img06{width:240px;height:360px;background:url(../images/geo-006.gif) no-repeat 0 16px;}
						.pages_content #content_middle #texte2 p.geo_img07{width:240px;height:366px;background:url(../images/geo-007.jpg) no-repeat 0 16px;}
						
						.pages_content #content_middle #texte2 .image_float_right {position:relative;float:right;overflow:hidden;}
						.pages_content #content_middle #texte2 p.cam_img01{width:190px;height:100px;background:url(../images/cam-001.jpg) no-repeat 20px 16px;}
						.pages_content #content_middle #texte2 p.cam_img02{width:180px;height:116px;background:url(../images/cam-002.jpg) no-repeat 20px 16px;}
						.pages_content #content_middle #texte2 p.cam_img03{width:420px;height:174px;background:url(../images/cam-003.jpg) no-repeat 20px 16px;margin:0 auto;}
						.pages_content #content_middle #texte2 p.cam_img04{width:420px;height:200px;background:url(../images/cam-004.jpg) no-repeat 20px 16px;margin:0 auto;}
						
						.pages_content #content_middle #texte2 p.stock_img01{width:280px;height:130px;background:url(../images/stock-001.jpg) no-repeat 20px 16px;}
						.pages_content #content_middle #texte2 p.stock_img02{width:390px;height:293px;background:url(../images/stock-002.jpg) no-repeat 20px 16px;margin:0 auto;}
						
						.pages_content #content_middle #texte2 p.solvideo_img01{width:480px;height:256px;background:url(../images/solvideo-001.jpg) no-repeat 20px 16px;margin:0 auto;}
						
						.pages_content #content_middle #texte2 p.cauto_img01{width:70px;height:60px;background:url(../images/cauto-001.gif) no-repeat 20px 16px;}
						.pages_content #content_middle #texte2 p.cauto_img02{width:50px;height:80px;background:url(../images/cauto-002.jpg) no-repeat 20px 0px;}
						.pages_content #content_middle #texte2 p.cauto_img03{width:80px;height:58px;background:url(../images/cauto-003.gif) no-repeat 8px 16px;}
						.pages_content #content_middle #texte2 p.cauto_img04{width:120px;height:120px;background:url(../images/cauto-004.gif) no-repeat 20px 16px;}
						
						.pages_content #content_middle #texte2 p.vpass_img01{width:620px;height:313px;background:url(../images/vpass-003.jpg) no-repeat 0px 16px;margin:30px auto 0 auto;}
					
						.pages_content #content_middle #texte2 p.dom_img01{width:130px;height:111px;background:url(../images/knx.jpg) no-repeat 0px 16px;}
						.pages_content #content_middle #texte2 p.dom_img02{width:351px;background:url(../images/dom-002.gif) no-repeat 20px 16px;margin:0 auto;text-align:center;padding:114px 0 0 0;font-size:11px;font-style:italic;}
						.pages_content #content_middle #texte2 p.dom_img02 span{font-size:8px;}
						.pages_content #content_middle #texte2 p.dom_img03{width:340px;height:338px;background:url(../images/dom-003.gif) no-repeat 25px 16px;}
						
						.pages_content #content_middle #texte2 #video_p{position:relative;display:block;width:500px;height:292px;margin:26px auto;padding:0;/*left:53px;*/}
						.pages_content #content_middle #texte2 .block_geo{position:relative;width:100%;height:100%;}
						
						.pages_content #content_middle .cf_bloc{position:relative;display:block;float:left;overflow:hidden;width:220px;height:300px;margin:24px 0 0 54px;}
						.pages_content #content_middle .last_bloc{margin:24px 0 24px 54px;}
						
						.pages_content #content_middle #texte2 span.stitre{position:relative;display:block;margin:10px 0 4px 0;font-style:italic;}
						
						.pages_content #content_middle #texte2 ul, .pages_content #content_middle #texte3 ul{list-style:none;margin:10px 0;text-align:justify;}
						.pages_content #content_middle #texte3 ul{list-style:none;margin:10px 12px;text-align:justify;}
						.pages_content #content_middle #texte2 ul li, .pages_content #content_middle #texte3 ul li{margin:5px 0 0 0;padding:1px 16px;background:url(../images/bg-022.gif) no-repeat 0 6px;}
						.pages_content #content_middle #texte3 ul.plan{margin:20px 12px;}
						.pages_content #content_middle #texte3 ul.plan li{margin:5px 0 0 0;padding:1px 16px;background:none;}
						.pages_content #content_middle #texte2 ul li ul {margin:5px 40px 0 40px;}
						.pages_content #content_middle #texte3 ul.plan li ul {margin:5px 40px 0 40px;}
						.pages_content #content_middle #texte3 ul.plan li ul li{margin:5px 0 0 0;padding:1px 16px;background:url(../images/bg-022.gif) no-repeat 0 6px;}
						.pages_content #content_middle #texte2 ul li ul li, .pages_content #content_middle #texte3 ul.plan li ul li li{margin:5px 0 0 0;padding:1px 16px;background:url(../images/bg-022b.gif) no-repeat 0 5px;}
						.pages_content #content_middle #texte3 ul.plan li a{text-decoration:none;}
						.pages_content #content_middle #texte3 ul.plan li li li a{font-style:italic;color:#423e3d;}
						
/*************************************************************************************************************************************************************************/
/* Bloc contenant des floats */
.block_float:after, .spacer{content:".";display:block;visibility:hidden;clear:both;font-size:0px;line-height:0px;height:0px;width:100%;margin:0;padding:0;}
/*************************************************************************************************************************************************************************/


/*************************************************************************************************************************************************************************/
/* Bloc css de la page REALISATION */ 
/*************************************************************************************************************************************************************************/

		#middle_content{position:relative;width:434px;height:588px;top:13px;left:14px;background:url(../images/bg-011.gif) no-repeat 0 325px;}
		#middle_content ul.niveau1{position:relative;list-style:none;width:384px;height:242px;margin:0 auto;top:342px;}
		#middle_content ul.niveau1 li{position:relative;display:inline;float:left;width:118px;height:90px;margin:4px;}
		#middle_content ul li a.btimg{position:absolute;display:block;width:110px;height:82px;border:4px solid #fff;text-indent:-5000px;}
		#middle_content ul li a.btimg:hover{position:absolute;display:block;width:116px;height:87px;border:4px solid #fff;z-index:1;margin:-2px 0 0 -3px;}

		#middle_content ul li #rea001{background:url(../images/img-001s.jpg);}
		#middle_content ul li #rea001:hover{background:url(../images/img-001s2.jpg);}
		#middle_content ul li #rea002{background:url(../images/img-002s.jpg);}
		#middle_content ul li #rea002:hover{background:url(../images/img-002s2.jpg);}
		#middle_content ul li #rea003{background:url(../images/img-003s.jpg);}
		#middle_content ul li #rea003:hover{background:url(../images/img-003s2.jpg);}
		
	
		#middle_content ul li img{position:relative;display:block;width:110px;height:83px;}
		
		#middle_content ul li ul {display:none;margin:0;list-style:none;}
		#middle_content ul li a:hover ul.niveau2, #middle_content ul #img001:hover ul.niveau2{position:absolute;display:block;width:434px;height:325px;top:-350px;left:-29px;margin:0;padding:0;background:url(../images/img-001.jpg) no-repeat;}
		#middle_content ul li a:hover ul.niveau2, #middle_content ul .actif ul.niveau2{position:absolute;display:block;width:434px;height:325px;top:-350px;left:-29px;margin:0;padding:0;background:url(../images/img-001.jpg) no-repeat;}
		#middle_content ul li a:hover ul.niveau2, #middle_content ul #img002:hover ul.niveau2{position:absolute;display:block;width:434px;height:325px;top:-350px;left:-155px;margin:0;padding:0;background:url(../images/img-002.jpg) no-repeat;}
		#middle_content ul li a:hover ul.niveau2, #middle_content ul #img003:hover ul.niveau2{position:absolute;display:block;width:434px;height:325px;top:-350px;left:-281px;margin:0;padding:0;background:url(../images/img-003.jpg) no-repeat;}
		
		#middle_content ul li ul a{position:relative;display:block;width:434px;height:325px;text-indent:-5000px;}
		

/*************************************************************************************************************************************************************************/
/* Bloc css des Pages Content */ 
/*************************************************************************************************************************************************************************/


/*************************************************************************************************************************************************************************/
/* Bloc css de la page Testez notre solution Vidéo Surveillance */ 
/*************************************************************************************************************************************************************************/
			#content_left_videotest, #content_middle_videotest{position:relative;display:inline;float:left;overflow:hidden;margin:23px 0 0 0;height:100%;}
			#content_left_videotest{width:119px;/*background:red;*/margin:23px 0 0 11px;}
			.pages_content #content_middle_videotest{width:782px;height:100%;/*background:orange;*/}
				#content_middle_videotest #texte4{width:100%;height:100%;margin:0 auto;text-align:justify;}
						.pages_content #content_middle_videotest #texte4{}
							.pages_content #content_middle_videotest #texte4 h2{position:relative;display:block;width:782px;height:38px;text-indent:-5000px;}
							.pages_content #content_middle_videotest #texte4 h2.tvideo{background:url(../images/bg-007.gif) no-repeat;}
							.pages_content #content_middle_videotest #texte4 h3.titre3{display:block;float:right;width:607px;height:38px;text-indent:-5000px;}
							.pages_content #content_middle_videotest #texte4 h3.ttestvideo{background:url(../images/bg-051.gif) no-repeat;}
					
					#content_middle_videotest #bloc1, #content_middle_videotest #bloc2{position:relative;display:inline;float:left;height:100%;}
						#content_middle_videotest #bloc1{width:432px;/*background:yellow;*/margin:30px 0 0 0;}
						#content_middle_videotest #bloc2{width:350px;/*background:violet;*/height:213px;background:url(../images/test-video.gif) no-repeat;margin:30px 0 0 0;}

/*************************************************************************************************************************************************************************/
/* Bloc css de la page CONTACT */ 
/*************************************************************************************************************************************************************************/


		#formulaire_contact{position:relative;width:100%;height:100%;}
		#formulaire_contact h3{position:relative;display:block;background:url(../images/bg-052.gif) no-repeat;text-indent:-5000px;}
		#formulaire_contact h3.envoye{background:url(../images/bg-053.gif) no-repeat;}
		#formulaire_contact p{font:11px Arial;text-align:left;font-weight:bold;}
			#formulaire_contact form{padding:0;}
			#formulaire_contact input{width:240px;}			
			#formulaire_contact textarea{width:450px;height:120px;}
			#formulaire_contact .bt_form{position:relative;width:80px;display:block;margin:0;padding:0;top:-4px;left:456px;font-weight:bold;font:11px Arial;}
			#contact .etq {display:block;float:left;width:80px;margin:0 0 4px 0;color:#12407b;}
			label.error {color:#12407b;padding:0 0 0 4px;font:11px Arial;font-style:italic;}
			input,textarea {margin:0 0 0 0;font:11px Arial;}

-->