/*body*/
body{
	padding:0; margin:0; background:url(../images/bg-header.jpg) repeat-x 0 0 #FFFFFe; color:#FFFFFF;
	}
div, p, ul, img, h1, h2, h3, h4, form, a{
	padding:0; margin:0;
	}
ul{
	list-style-type:none;
	}
.spacer{
	font-size:0; line-height:0; clear:both;
	}



/*-----------------------------header--------------------------*/
#header{
	width:850px; margin:0 auto; position:relative; height:145px; background:url(../images/officetech_02.gif) no-repeat  0;
	}
#header img.logo{
	position:absolute; left:18px; top:38px; display:block;
	}
#header h1{
	font:bold 15px/20px Arial, Helvetica, sans-serif; position:absolute; left:72px; top:86px;
	}
#header ul.top_link{
	width:120px; height:26px; font-size:0; position:absolute; left:23px; top:0;
	}
#header ul.top_link li{
	float:left; height:23px; margin:0 1px 0 0;
	}
#header ul.top_link li a{
	width:38px; height:26px; display:block; font-size:0; text-indent:-2000px;
	}

#header ul.add{
	width:113px;  position:absolute; left:629px; top:8px;
	}
#header ul.navi{ position: absolute; width:738px; left:105px; top:141px; height: 30px; margin: 5px; }
#header ul.navi li{ height: 30px; float:left; margin-right: 30px; margin-left: 0; }
#header ul.navi li a.hover{ background:#ebebeb url(../images/background-menu-top.jpg) repeat-x; display:block; color:#ffffff; line-height: 25px; height: 30px; }
#header ul.navi li a{ padding:0; font:bold 13px/27px Arial, Helvetica, sans-serif; color:#000000; background-color:#ebebeb; text-align:center; display:block; text-decoration:none; margin-top: 1px; }
#header ul.navi li a:hover{ background:#ebebeb url(../images/background-menu-top.jpg) repeat-x; display:block; color:#ffffff; }



/*----------------------------body---------------------------*/

#body{
	width:850px;
	margin:40px auto 20px;
	padding:0px 0px 0 0px;
	overflow:auto;
	
	}
#corps{ width:410px; float:left; color:#2c2c2c; background-color:#ffffff; margin: 0 5px ; }
#corps h2.duty{
	width:390px; font:25px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; display:block; float:left;
	}
#corps p.duty_bloc{ background-image: url(../images/officetech_22.jpg); background-repeat: no-repeat; width: 380px; height: 161px; }
#corps p.duty_bloc t{ background-repeat: no-repeat; width: 237px; font-size: 14px; font-family: georgia, arial, geneva; font-weight: bold; font-style: italic; line-height: 20px; text-transform: capitalize; word-spacing: -2pt; letter-spacing: 0; margin-left: 0; width: 380px; padding-left: 237px; }

#corps p.duty_title { width: 237px; font-size: 14px; font-family: georgia, arial, geneva; font-weight: bold; font-style: italic; line-height: 20px; text-transform: capitalize; word-spacing: -2pt; letter-spacing: 0; white-space: normal; display: block; margin-left: 237px; width: 150px; }

#corps p.duty_text{
	width:390px; font:normal 15px/20px  "arial", Times, serif; padding:6px 0 6px 0; float:left;
	}
#corps p.duty_text b{
	color:#0672A3; background-color:#FFFFFF;
	}

.Text-gras-14 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #313131;
	font-weight: bold;
}

	
	
	
/*---------------------leftpan---------------------*/

#left{
	width:189px; float:left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:url(../images/officetech_13.jpg) no-repeat 0 0 #FFFFFF;
	}
	
#left ul.menug{  width:189px; }
#left ul.menug li{ color: #4998cd; marging:0 0 0 10px; font-size: 14px; font-family: arial, "Arial Black"; background-image: url(../images/back-ground-menu-g.jpg); background-repeat: repeat-y; width: 189px; height: 30px; border-right-color: #c0c0c0; border-right-width: 1px; border-left-color: #c0c0c0; border-left-width: 1px; }
#left ul.menug li a{ color: #4998cd; font-size: 14px; marging:10px 0 0 10px; padding:0 10px 0 30px; height: 20px; font-family: arial, "Arial Black"; font-weight: 500; line-height: 14px; width:160px; background-image: url(../images/fleche-menu.jpg); background-repeat: no-repeat; margin-left: 10px; border-color: #fff; }




/*---------------------rightpan---------------------*/
#right{ width:170px; float:left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 12px; background-color: #ffffff; background-repeat: no-repeat; background-attachment: scroll; }
#right ul.menu-d{
	width:170px; float:right; padding:0 0 0px; font-size:0;
}
#right ul.menu-d li{
	margin:0 0 0 0 ; float:left; padding:0;
}

#right ul.menu-d li a{
	font:14px/18px Georgia, "Times New Roman", Times, serif; padding:5px 0 0 65px; width:170px; height:58px;
	text-decoration:none;
	}
#right ul.menu-d li a span{
	color:#1E749B; background-color:#FFFFFF; width:160px; height:20px; font:bold 14px/26px Arial, Helvetica, sans-serif;
	display:block;
}	
	
/*
#right ul.menu-d li a{ font-family:  Arial, Helvetica, sans-serif; font-weight: regular; font-stretch:narrower; font-size:14px; color: #5b5a5a; }
#right ul.menu-d li a span{ color:#1e749b; background-color:#ffffff; width:150px; height:20px; font:18px/20px Arial, Helvetica, sans-serif; display:block; }
#right ul.menu-d li a  img { text-align: left; position: static; top: 0; left: 0; right: 0; bottom: 0; width: 48px; margin: 3px 3px 3px 0; display: block; }*/
#right ul.menu-d li a.audit{
	background:url(../images/securite_icon.jpg) no-repeat 0 0 #FFFFFF; color:#515050; display:block;
	}
#right ul.menu-d li a.audit:hover{
	background:url(../images/securite_icon.jpg) no-repeat 0 0 #FFFFFF; color:#515050;
	}
#right ul.menu-d li a.solution{
	background:url(../images/cablage_icon.jpg) no-repeat 0 0 #FFFFFF; color:#515050; display:block;
	}
#right ul.menu-d li a.solution:hover{
	background:url(../images/cablage_icon_h.jpg) no-repeat 0 0 #FFFFFF; color:#515050;
	}
	
	#right ul.menu-d li a.mobilite{
	background:url(../images/mobilite_icon.jpg) no-repeat 0 0 #FFFFFF; color:#515050; display:block;
	}
#right ul.menu-d li a.mobilite:hover{
	background:url(../images/mobilite_icon_h.jpg) no-repeat 0 0 #FFFFFF; color:#515050;
	}
#right ul.menu-d li a.info{
	background:url(../images/info_icon.jpg) no-repeat 0 0 #FFFFFF; color:#515050; display:block;
	}
#right ul.menu-d li a.info:hover{
	background:url(../images/info_icon_h.jpg) no-repeat 0 0 #FFFFFF; color:#515050;
	}
#right ul.menu-d li a.materiel{
	background:url(../images/materiel_icon.jpg) no-repeat 0 0 #FFFFFF; color:#515050; display:block;
	}
#right ul.menu-d li a.materiel:hover{
	background:url(../images/materiel_icon_h.jpg) no-repeat 0 0 #FFFFFF; color:#515050;
	}

#right h2.menu-d{ font-family:  Arial, Helvetica, sans-serif; font-weight: bold; font-size:15px; color: #1e749b; margin: 5px; }
#right h3.menu-d{
    font-family:  Arial, Helvetica, sans-serif;
	font-weight: regular;
	font-stretch:narrower;
	font-size:14px;
	color: #5b5a5a;

}
/*-------------------------footer---------------*/
#footer_main{
	background:url(../images/footer.jpg) repeat-x 0 0;

	}
#footer{
	width:778px;  margin:0 auto;position:relative; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;  height:132px;
	}
#footer ul{
	width:659px; position:absolute; top:39px; left:90px; font-size:0;
	}
#footer li{
	  font-size:12px; line-height:15px;  float:left;	display:block; margin:0; padding:0;
	  color:#FFFFFF; height:15px;
	}
#footer ul li a{
	height:13px; padding:0 8px 0 8px;  font-size:13px; line-height:15px; font-weight:bold; 	
	text-decoration:none;   color:#FFFFFF;
	}
#footer ul li a:hover{
	background-color:#199BD8; color:#fff;
	}
#footer p{
	width:334px;  position:absolute; top:90px; left:192px; font-size:13px; line-height:15px; display:block;
	height:15px;
	}
#footer p.copy{
	font-size: 11px; width:190px;  line-height:16px;  position:absolute; left:513px; top:90px; height:16px; padding:0;
	 font-weight:bold; text-transform:uppercase;
	}
#footer p.copy a{
	text-decoration:none;  font-weight:bold;  color:#060500; line-height:16px;
	}
#footer p.copy a:hover{
	background-color:#199BD8; color:#FFFFFF;
	}
#footer ul.xh{
	width:150px; position:absolute; top:80px; left:137px; font-size:0; 	padding:0;
	}
#footer ul.xh li{
	float:left; padding:0 0 0 3px; height:26px; line-height:26px; font-size:0;
	}
#footer ul.xh li a{
	 display:block; padding:0; margin:0; text-indent:-2000px; height:26px;
	}
#footer ul.xh li a.xtm{
	background:url(images/html_bg.gif) no-repeat 0 0; width:72px; height:26px;  
	}
#footer ul.xh li a.xtm:hover{
	background:url(images/html_bg_h.gif) no-repeat 0 0; 
	}
#footer ul.xh li a.ss{
	background:url(images/css_bg.gif) no-repeat 0 0; width:61px; height:26px; 
	}
#footer ul.xh li a.ss:hover{
	background:url(images/css_bg_h.gif) no-repeat 0 0; 
	}
#footer img{
	position:absolute;
	left:593px;
	top:-16px;
	width: 226px;
	}
#leftPan ul.boLink li a span{
	color:#1E749B; background-color:#FFFFFF; width:99px; height:20px; font:normal 18px/20px Arial, Helvetica, sans-serif;
	display:block;
	}





#form_box { width:250px; font:0.8em arial, Helvetica, Sans-serif; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; clear: right; padding: 0.5em; margin-top: 10px; margin-bottom: 2px; }
 
#form_box div { padding: 0.2em 0.5em; }
 
#form_box div.hr { height: 0; margin-top: 0; margin-bottom: 7px; }
 
#form_box p { float: left; margin: 4px 0; width: 120px; border-width: thin; }
 
 
#log { color: #006dff; font-size: 12pt; font-weight: bold; width:200px; margin-top: 10px; }
 
#log_res { color: #0a6ea2; overflow: auto; }
 
#log_res.ajax-loading {
	padding: 20px 0;
	background: url(../images/ajax-loader.gif) no-repeat center;