* {
        margin:0;
        padding:0;	
}
body {
        font: 11px Arial;
}

#bg-header {
  background-color: #e74f20;
  margin: auto;
  padding: auto;
}

#right-content,
#left-content {
  padding-top: 2.0em;
}

.more-link {
  text-align: right;
  padding-right: 2.0em;
}

img {
  border: none;
  margin: 15px 0px;
  float: left;
}


/* ============================== Begin Tab  ============================== */

#csstabs {
  padding: 0;
  margin-left: 30px;
  margin-top: 17px;
  height: 27px;
  float: left;
}

* + html #csstabs {
  position: relative;
  z-index: 9;
}

#csstabs li {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 44px;
  float: left;
}

#csstabs li a {
  display: inline-block;
  width: 100px;
  padding: 10px 0px 7px 0px;  
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  text-align: center;
  border: none;
  color: #FFF;
  font-weight: bold;
  text-decoration: none;
  position: relative;
}

.middle_tab {
	background: url("../images/backgd_tab.gif") top left repeat-x; 
}

.left_tab {
	background: url("../images/left_tab.png") top left repeat-x; 
}

.right_tab {
	background: url("../images/right_tab.png") top left repeat-x; 

}

#csstabs li > a {
  display: block;
}

#csstabs li a img {
  position: absolute;
  bottom: 1.7em;
  left: 15px;
}

#csstabs .noUser li a {
  font-weight: normal;
  padding: 18px 12px 2px 12px;
}


.middle_tab:hover,
#csstabs li.current a {
  border: none;
  background: url("../images/backgd_hover_tab.gif") top left repeat-x; 
  text-decoration: none;
}

.left_tab:hover {
	background: url("../images/left_hover_tab.png") top left repeat-x; 
}

.right_tab:hover {
	background: url("../images/right_hover_tab.png") top left repeat-x; 
}
/* ============================== End Tab  ============================== */

			.myTabBox {
				margin-top: 15px;
			}
			
			html
			{
				height: 100%;
			}
			
			body
			{
				height: 100%;
				/*background: url(../images/fond_bleu.gif) repeat;*/
			}
			
			#header{
				
			}
			
			#header img {
				float:left;
			}
			
			#container
			{
				position: relative;
				width: 970px;
				margin: 0 auto;
				background-color: #ffffff;
				/*border-left: 1px solid #380CB4;
				border-right: 1px solid #380CB4;
				font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif bold;*/
			}
		
			* html #container
			{
				height: 100%;
			}
			
			#oldcontent
			{
				padding-bottom: 0em;
				clear:both;
				width: 913px;
				/*padding-left:30px;
				padding-right:30px;*/
				padding-top: 20px;
				margin: 0 auto;
			}
			
			#leftcolumn {
				width: 65%;
				float:left;
				border-right: 1px dashed #CCCCCC;
				border-bottom: 1px dashed #CCCCCC;
				/*border: 1px solid #CCCCCC;*/
			}

			#rightcolumn {
				width: 34.8%;
				margin-bottom:10px;
				float:left;
				border-bottom: 1px dashed #CCCCCC;
			}
			
			#blue_rect {
				background: url(../images/back_rect_petit.png) no-repeat;
				margin-top: 12px;
				margin-left: auto;
				margin-right: auto;
				margin-bottom: 0;
				height: 200px;
				width:913px;
			}
			
			#blue_rect_text {
				color: #ffffff;
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
				font-size: 30px;
				width: 50px;
				height: 30px;
				position: relative;
				top: 70px;
				left: 300px;
				line-height: 35px;
				/*border: solid 1px #ffffff;				*/
			}
			
			.top_left_box {
				background: url(../images/top_leftrect.gif) no-repeat;
				width: 383px;
				height: 22px;
				margin: 0 auto;
			}
			
			.dotbox {
				width: 100%;
				height: 200px;
				/*border: 1px solid #CCCCCC;*/
				/*padding: 5px 5px 0px 5px;*/
				/*margin: 0 auto;*/ /*10px 10px 10px 10px;*/
				text-align:right;
				border-left: 1px dashed #cccccc;
				border-top: 1px dashed #cccccc;
				/*background: url(../images/back_leftrect.gif) top left repeat-y;*/
			}
			
			.bottom_left_box {
				background: url(../images/bottom_leftrect.gif) no-repeat;
				width: 383px;
				height: 20px;
				/*margin: 0 auto;	*/
				margin-bottom: 20px;
			}
			
			h1 {
				color:#E75020;
				text-align:left;
				/*text-indent:15px;*/
				font-size: 16px;
				padding-top: 10px;
				padding-left: 10px;
				padding-bottom: 10px;
				text-align:left;
			}
			
			h2 {
				color: #28595C;
				font-size: 16px;
				padding-bottom: 10px;				
				padding-left: 10px;
				text-align:left;
				margin-right:10px;
			}
			
			h3 {
				color: #28595C;
				padding-top: 10px;				
				padding-bottom: 20px;
				text-align:left;
				font-size:16px;
				font-weight:normal;
			}
			
			.important {
				color: #E75020;
				font-size: 13px;
			}

			.img_box {
				float:left;
				margin-left: 15px;
			}


			.text_box {
				float:left;
				width: 76%;
				height: 60%;
				padding-left: 10px;
				padding-right: 10px;
				font-size: 11px;	
				line-height: 16px;
				color: #777777;
				text-align:justify;	
			}
			
			.text_box li{
				margin-left: 20px;
			}

			.link_box {
				clear:both;
				text-decoration:none;
				font-size: 11px;
				width: 76%;
				margin: 0 auto;
				margin-right:0px;
				color:#E75020;
			}
			
			.link_box:hover {
				clear:both;
				text-decoration:underline;
			}
			
			.top_right_box {
				width: 100%;
				height: 23px;
				/*background: url(../images/top_rightrect.gif) no-repeat;*/
				margin-left:auto;
			}
			
			.right_box {
				width: 100%;
				height: 190px;
				padding-top: 10px;
				text-indent: 5px;
				text-align: right;
				border-top: 1px dashed #cccccc;
				border-right: 1px dashed #cccccc;
				margin-right:1px;
				margin-left:auto;
			}
			
			.bottom_right_box {
				width: 389px;
				height: 24px;
				/*background: url(../images/bottom_rightrect.gif) no-repeat;*/
				margin-bottom:30px;
				margin-right:1px;
				margin-left:auto;
			}
			
			.service_text_box {
				width:95%;
				margin-left:5px;
				text-align: left;
				text-decoration: none;
				padding-top:2px;
				margin-bottom: 15px;
				color: #777777;
				font-size: 11px;
				font-weight: normal;
				line-height: 25px;
			}
			.service_text_box p{
				height: 17px;
			}
			
			.service_text_box img{
				margin-bottom: 5px;
			}

			.tag_box {
				margin-bottom: 73px;
				text-align: center;
			}
		
			.casework {
				width:380px;
				height:130px;
				padding: 0px 5px 45px 5px;
				margin-bottom:20px;
				margin-left:70px;
				border: 1px solid #28595C;
				text-align:right;				
			}
			.case_text_box {
				float:left;
				width:300px;
				padding-left:5px;
				padding-top:10px;
				font-size:9px;	
				color: #777777;
				text-align:justify;	
			}
			
			.underline {
				text-decoration:underline;
			}

			#reference {
				width: 90%;
				margin: 15px auto;
				text-align: left;
				border: 1px dashed #cccccc;
				border-collapse: collapse;
			}

			#reference th {
				border: 1px dashed #cccccc;
				padding: 10px;
			}

			#reference td {
				border: 1px dashed #cccccc;
				padding: 10px;
			}

			#text_intro {
				width: 100%;
				text-align: left;
				margin-top: 10px;
				margin-left: 10px;
			}

			.serv_text_box {
				width:60%;
				float:left;
				margin-right: 30px;
			}

			.serv_img_box {
				width:35%;
				float:left;
				padding-top: 30px;
			}

			.clear {
				clear: both;
			}

/*==============	Footer ==============*/
			/*#leftcolumn_contact {
				width: 100%;
				margin: 0 auto;
				/*border-right: 1px dashed #CCCCCC;*
				

			}*/
			
			#rightcolumn_contact {
				width:24%;
				float:left;
			}
			

			#oldfooter
			{
				clear:both;
				/*position: relative;*/
				/*margin-top: -5.45em;*/
				background: url(../images/backgd_footer_blue.png) no-repeat;
			    	width: 919px;
				height: 60px;
			    	/*padding: 20px;*/
				margin: 0 auto;
				margin-top: 30px;
				/*padding-bottom: 10px;*/
			}
			
			#oldfooter img {
				float:left;	
				padding-left: 30px;		
				padding-top: 4px;		
			}
			
			#text_footer {
				padding-top: 20px;
				text-align: center;
				color: #ffffff;
			}

			#text_footer a {
				color: #FFFFFF;
				text-decoration: none;
			}

			#text_footer a:hover {
				color: #E75020;
				text-decoration: none;
			}
/*================	Expertise Page ================*/

			.expertise {
				width:95%;
				/*height: 600px;*/
				padding: 5px 5px 0px 5px;

				margin: 0 auto; 
				/*text-align: center;*/
				margin-bottom:30px;
				color: #777777;
				text-align: justify;

			}

			.expertise li{
				margin-left: 20px;
				margin-top: 20px;
			}

			#img_exp {
				margin-top:20px;
			}

			#img_serv {
				margin-top:20px;
				text-align: right;
			}

		
/*================	Contact Page ================*/
			.contact {
				width:95%;
				height: 450px;
				padding: 5px 5px 0px 5px;
				margin: 0 auto; 
				text-align: left;
			}
			
			#leftcolumn_contact {
				width: 910px;
				float:left;
				border: 1px dashed #CCCCCC;
				/*margin-left: 10px;*/
				margin: 20px;
			}

			#contact_bottom {
				width: 820px;
				border-bottom: 1px dashed #CCCCCC;
				margin: 20px auto;
			}

			#contact_img {
				margin-bottom: 20px;
				width: 470px;
				height: 210px;
				float: left;
			}
			
			#rightcolumn_contact {
				width:24%;
				float:left;
			}
			
			.text_box_contact {
				width:28.9%;
				float:left;
				margin-left: 10px;
				color: #777777;
				line-height: 20px;
			}	
		
			#formulaire {
				width: 380px;
				margin-left: 60px;
				margin-bottom: 20px;
				float: left;
				color: #777777;
				line-height: 20px;
			}			

			#map {
				width: 69%;
				height: 91%;
				float: left;
				border-right: 1px dashed #CCCCCC;	
			}