BODY {
	background: #EDECED;
	margin-top: 0;
	text-align: center; /* Bug IE to center the interface - Part 1 */
	color: #2f2f2f;
	font-size:62.5%;
	/* font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; */
	font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

IMG {
	border: 0; /* Mozilla & Netscape BUG which inserts a 20px or so, space below an img that is in a <div*/
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

.imgtop {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;

}

a.imgtop:link, a.imgtop:visited, a.imgtop:hover  {
	border-bottom:0;
	vertical-align: top;
}

.imgleft {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

a.imgleft:link, a.imgleft:visited, a.imgleft:hover  {
	border-bottom-style: none;
	text-decoration: none;	
}

.imgjfd {
	margin-right: 10px;
	padding: 0;
	border: 0;
	vertical-align: middle;
}

/* Wrappers & Containers 
Change width to 740px --------------------------------------- */ 

#mainwrapper {
	background: #FFFFFF;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	width: 740px;
	text-align: left; /* Bug IE to center the interface - Part 2 */
	position: relative; /* Netscape BUG that inserts the footer below navigation*/
}

#headcontainer{
	background: #FFFFFF;
	width: 740px;
	height: 4.8em; /* Mozilla BUG that shows page background color*/
	text-align: left; /* Bug IE to center the interface - Part 2 */
	position: relative;  /* Netscape BUG that inserts the footer below navigation*/
	border-bottom:4px solid #d9d8d9;
}

#maincontainer {
	background: #FFFFFF;
	text-align: left; /* Bug IE to center the interface - Part 2 */
	width: 740px;
	float: left;/* Mozilla BUG that shows page background color*/
	position: relative; /* Netscape BUG that pushes all containers up and covers navigation*/	
}

#footercontainer {
	background: #FFFFFF;
	padding: 15px 0 15px 0;
	margin-left: auto;
	margin-right: auto;
	width: 740px;
	color: #6C6C6C;
	text-align: center;
	text-decoration: none;
	font-size: 1em;
	position: relative;
	clear: both; /* IE MAc BUG that puts the footer over the image (top interface)*/
}

#logo {
	padding: 0 0 20px 0;
	width: 740px;
	background-color: #FFFFFF;
}

/* Main Navigation --------------------------------------------------------
An alternative inspired by Simple Bits.com "Mini-Tab Shapes" Tested in Mac: Safari, Camino, IE5; PC: IE5.0, IE5.5, IE6, Opera7*/

#navcontainer{
	background: #FFFFFF;
	padding: 15px 0 0 0;
	width: 740px;
	text-align: left; /* Bug IE to center the interface - Part 2 */
	position: relative; /* Netscape BUG that inserts the footer below navigation*/
}

#nav {
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	width: auto; /* Bug Opera 7 that display the nav vertically */
	/* Tantek hack pour cacher les 29.9ex à IE5 : */
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 100%; /* Bug Opera 7 that display the nav vertically */
	float: left;
}

#nav li {
	display: inline;
  	border-bottom:0; /* to take off the dashed underline */
	list-style-type: none;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	font-size: 1.2em;
}

#nav a:link, #nav a:visited {
	color: #000000;
	background: #FFFFFF;
  	border-bottom:0;
	padding: 5px 11px 10px 11px;
	float: left;
	line-height: 1.6em;
	text-decoration: none;	
	font-weight: normal;
}

#nav a:hover {
	color: #FF5D20;
	font-weight: normal;
	background: #FFFFFF url(images/navtab.gif) no-repeat top center;
}

.navactive {
	color: #F07405;
	background: #FFFFFF url(images/navtab.gif) no-repeat top center; /* BUG Netscape that puts back-color after background image that assigns a transparent background */
	padding: 5px 12px 5px 12px;
	float: left;
	line-height: 1.6em;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
}

/* Sub Navigation (Inside Pages---------------------------------------- */

#subnav {
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	width: auto; /* Bug Opera 7 that display the nav vertically */
	/* Tantek hack pour cacher les 29.9ex à IE5 : */
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 100%; /* Bug Opera 7 that display the nav vertically */
	float: left;
}

#subnav li {
	display: inline;
  	border-bottom:0; /* to take off the dashed underline */
	list-style-type: none;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	font-size: 1.2em;
}

#subnav a:link, #subnav a:visited {
	color: #1745A2;
	background: #FFFFFF;
  	border-bottom:0;
	padding: 8px 18px 5px 0;
	float: left;
	line-height: 1.6em;
	text-decoration: none;	
	font-weight: normal;
}

#subnav a:hover {
	color: #F07405;
	font-weight: normal;
}

.subnavactive {
	color: #F07405;
	padding: 8px 18px 5px 0;
	float: left;
	line-height: 1.6em;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
}

P.subnav { /* Goes under the page header */
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}
	
P.servicelinkshome { /* Goes under the page header */
	margin: 0;
	padding: 0;
	line-height: 1.1em;
}

.subnavlinkprojects {
	color: #3398cf;	
	font-size: 1em;
	font-weight: bold;
}  

a.subnavlinkprojects:link, a.subnavlinkprojects:visited {
	color: #706d99;
	text-decoration: none;	
	border-bottom: none;
	/* border-bottom: 1px dashed #003399;*/
}

a.subnavlinkprojects:hover {
	color: #FF5D20;
  	border-bottom: none;
}

.subnavlinkehome {
	color: #3398cf;	
	font-size: 1em;
	font-weight: bold;
}  

a.subnavlinkehome:link, a.subnavlinkehome:visited {
	color: #706d99;
	text-decoration: none;	
	border-bottom: none;
	/* border-bottom: 1px dashed #003399;*/
}

a.subnavlinkehome:hover {
	color: #FF5D20;
  	border-bottom: 1px dashed #F07A05;
}


.subnavlink {
	color: #1745A2;	
	font-size: 1em;
	font-weight: normal;
}  

a.subnavlink:link, a.subnavlink:visited {
	color: #003399;
	text-decoration: none;	
	border-bottom: none;
	/* border-bottom: 1px dashed #003399;*/
}

a.subnavlink:hover {
	color: #FF5D20;
  	border-bottom: 1px dashed #F07A05;
}

.subnavactive {
	color: #FF6226;
}

/* Typography -------------------------------------------------------- */

HR {
  border: 1px solid #D3D3D3;
  margin: 1em 0 0 0;
  height: 1px;
}

a:link, a:visited {
  color:#003399;
  text-decoration:none;
  border-bottom: 1px dashed #003399;
  }
  
a:visited {
  color:#663366;
  border-bottom: 1px dashed #663366;
  }
  
a:hover{
  color:#FF6226;
  text-decoration:none;
  border-bottom: 1px dashed #F07A05;
  }
  
a:active{
  color:#FF6226	;
  text-decoration:none;
  border-bottom: 1px dashed #F07A05;
  }
  
DIV.headeref {
	margin: 0;
	padding: 0 0 2px 0;
	border-bottom: 1px dashed #BFBFBF;
}  

DIV.indent {
	margin: 0 0 0 10px;
	padding: 0;
	line-height: 0;
	border-bottom:0 ;
} 

P {
	margin: 0.6em 0 0 0;
	line-height: 1.5em;
	font-size: 1.2em;
	font-weight: normal;
}

P.indent {
	padding-left: 11px;
}

P.bilingue {
	padding: 5px 0 0 0;
	margin : 5px 0 0 11px;
	border-top: 2px solid #EFEFEF;
}

P.bilingueref {
	padding: 5px 0 0 0;
	margin : 20px 0 0 0;
	border-top:1px dashed #BFBFBF;
}

P.image {
	margin: 0.6em 0 0 0;
	padding: 0;
	line-height: 0;
}

P.refcolspan {
	margin: 0.2em 0 0 0;
}

P.rightcol {
	margin: 0;
	padding: 2px 0 0 0;
	line-height: 0;
}

P.indentbeforelist {
	margin: 0.8em 0 0 0;
	padding-left: 20px;
}

.nicelist {
    margin: 0.5em 0 0.5em 20px;
    padding-left: 0;
    list-style: none;
}
	
.nicelist li {	
    padding-left: 12px;
	font-size: 1.2em;
	line-height: 1.5em;
    background-image: url(images/bullet.gif);
    background-repeat: no-repeat;
    background-position: 0 7px;
 }

html[xmlns] .nicelist {
    padding-left: 1.5em;
    }

html[xmlns] .nicelist li {
    background: none; /* undo the background-image */
    list-style-image: url(images/bullet.gif);
    padding: 0;
    }
	 
.noindentlist {
    margin: 0.5em 0 0.5em 13px;
    padding-left: 0;
    list-style: none;	
    }
	
.noindentlist li {	
    padding-left: 10px;
	font-size: 1.2em;
	line-height: 1.5em;
    background-image: url(images/bulletgrey.gif);
    background-repeat: no-repeat;
    background-position: 0 7px;
    }

html[xmlns] .noindentlist {
    padding-left: 0;
    }

html[xmlns] .noindentlist li {
    background: none; /* undo the background-image */
    list-style-image: url(images/bulletgrey.gif);
    padding: 0;
    }
	 
.headersmallorange {
	margin: 0;
	color: #1745A2;	
	font-size: 1em; /* displayed at 11px */
	font-weight: bold;
} 
 
a.headersmallorange:link, a.headersmallorange:visited {
	color: #1745A2;
	text-decoration: none;	
	border-bottom: 1px dashed #1745A2;
}

a.headersmallorange:hover {	
	color: #FF6226;
  	border-bottom: 1px dashed #FF6226;
}

.headersmallocre {
	margin: 0;
	color: #D26705;	
	font-size: 1em;
	font-weight: bold;
}  

.headersmallocreservices {
	margin: 0;
	color: #D26705;	
	font-size: 0.8em;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
}  

.headersmallref {
	margin: 0;
	color: #747474;	
	font-size: 0.9em;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
}  

.bulletheadersmall {
	margin: 0;
	color: #ff9900;	
	font-size: 1em;
	font-weight: normal;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
}  

.headersmalltaupe {
	margin: 0;
	color: #A98D6F;	
	font-size: 1em;
	font-weight: bold;
}  

.headersmallgrey {
	margin: 0.2em 0 0 0;
	color: #747898;	
	font-size: 1em;
	font-weight: bold;
}  

.headerparagraph {
	margin: 0.2em 0 0 0;
}

H2 {
font-size: 1.8em;  /* displayed at 18px */
margin: 1em 12px 0.3em 0;
font-weight: normal;
font-family: Arial, Tahoma, Arial, Helvetica, sans-serif;
}

H3 {
font-size: 1.3em;  /* displayed at 13px */
margin: 0.85em 12px 0.2em 0;
color: #676C9A;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

H4 {
color: #EB9234;
font-size: 1.1em; /* displayed at 11px */
margin: 0.6em 12px 0 0;
}  

H1 {
	margin:0;
	line-height: 1.5em;
	font-size: 1.1em;
	font-weight: normal;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

/* Home Layout ------------------------------------------------------------ */

.indent {
	padding: 0 0 0 14px;
}

.contentleftcolhome {
	margin: 0;
	padding: 0px 38px 12px 28px; /* Bug Mozilla & Netscape that adds 10px above the text */
	width: 526px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 460px;
	text-align: left;
	float: left;
	background: #FFFFFF;
}

.contentrightcolhome {
	margin-bottom: 10px;
	padding: 0px 6px 14px 2px;
	width: 199px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 187px;
	/* border-left: 1px dashed #BFBFBF; */
	text-align: left;
	float: left; /* Bug Mozilla qui pousse la col. complètement à droite si float: right - IE est OK avec float: left */
	background: #FFFFFF;
	border-bottom: 3px solid #EFEFEF;
}

DIV.dashhometitrerub {
	margin: 1.6em 0 8px 0;
	padding: 0 0 3px 0;
	line-height: 0;
	border-bottom: 2px solid #EFEFEF;
}  

DIV.dashhomeref {
	margin: 0 0 12px 0;
	padding: 0 0 3px 0;
	width: 100%;
	line-height: 0;
	border-bottom: 3px solid #EFEFEF;
} 

DIV.dash {
	margin: 0;
	padding: 0 0 3px 0;
	line-height: 0;
	border-bottom: 2px solid #EFEFEF;
}  

TD.homeservicesleft {
	margin: 0;
	padding: 0 10px 4px 0;
	width: 220px;
	vertical-align: top;
}

TD.homeservicesright {
	margin: 0;
	padding: 0 0 4px 10px;
	width: 230px;
	vertical-align: top;
}

/* Inside Pages Layout ------------------------------------------------------------ 
	1. Services  */

.contentfullwidth {
	margin: 0 0 0 0;
	padding: 0px 28px 12px 28px; /* Bug Mozilla & Netscape that adds 10px above the text */
	width: 740px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 684px;
	text-align: left;
	float: left;
	background: #FFFFFF;
}

.contentleftcol {
	margin: 0;
	padding: 0px 10px 12px 28px; /* padding: 0px 18px 12px 28px; Bug Mozilla & Netscape that adds 10px above the text */
	width: 520px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 482px;/* width: 474px;*/
	text-align: left;
	float: left;
	background: #FFFFFF;
}

.contentrightcol {
	margin: 0;
	padding: 0px 28px 0px 10px;
	width: 204px;
	border-left: 1px solid #EBEBEB;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 176px;
	text-align: left;
	float: right;
	background: #FFFFFF;	
}

.contentrightcolnodash {
	margin: 0;
	padding: 0px 10px 0px 10px;
	width: 214px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 194px;
	text-align: left;
	float: right;
	background: #FFFFFF;	
}

TD.servicesleft {
	margin: 0;
	padding: 0 8px 0 0;
	width: 367px;
	vertical-align: top;
}

TD.servicesright {
	margin: 0;
	padding: 0 5px 0 10px;	
	width: 293px;
	vertical-align: top;
}

TD.servicescolspanfirst {
	margin: 0;
	padding: 0 10px 3px 0;
	width: 673px;
	vertical-align: top;
	border-bottom: 2px solid #EFEFEF;
}

TD.servicescolspan {
	margin: 0;
	padding: 10px 10px 3px 0;
	width: 673px;
	vertical-align: top;
	border-bottom: 2px solid #EFEFEF;
}

TD.servicescolspanbilingue {
	margin: 0;
	padding-top: 0;
	width: 673px;
	vertical-align: top;
	border-top: 2px solid #EFEFEF;
}

TR.servicescolspan {
	margin: 0;
	padding: 10px 0 0 0;
	width: 673px;
	vertical-align: top;
}

TD.captures {
	margin: 0;
	padding: 15px 0 15px 20px;
	width: 207px;
	vertical-align: top;
}

/* Inside Pages Layout ------------------------------------------------------------ 
	2. Références  */
	
.contentfullwidthref {	
	margin: 0 0 0 0;
	padding: 0px 28px 12px 28px; /* Bug Mozilla & Netscape that adds 10px above the text */
	width: 740px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 684px;
	text-align: left;
	float: left;
	background: #FFFFFF;
}

 .contentfullwidthrefold {
	margin: 0 0 0 0;
	padding: 0px 0 12px 28px;  /* Bug Mozilla & Netscape that adds 10px above the text */
	width: 520px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 680px;
	text-align: left;
	float: left;
	background: #FFFFFF;
	}

TABLE.ref {
	margin: 0;
	padding: 0;
	width: 684px;
}

TD.refcolspan {
	margin: 0;
	padding: 10px 0 0 0;
	width: 684px;
	vertical-align: top;
	border-bottom: 2px solid #EFEFEF;
}

TD.refcolspanbilingue {
	margin: 0;
	padding: 0;
	width: 684px;
	vertical-align: top;
	border-top: 2px solid #EFEFEF;
}

TD.refcolspancontent {
	margin: 0;
	padding: 5px 0 0 0;
	width: 684px;
	vertical-align: top;
}

TD.refleft {
	margin: 0;
	padding: 5px 15px 0 0;
	width: 325px;
	vertical-align: top;
}

TD.refright {
	margin: 0;
	padding: 5px 0 0 15px;
	width: 325px;
	vertical-align: top;
}

TD.refleftdot {
	margin: 0;
	padding: 15px 15px 0 0;
	width: 325px;
	vertical-align: top;
	border-bottom: 2px solid #EFEFEF;
}

TD.refrightdot {
	margin: 0;
	padding: 15px 0 0 15px;
	width: 325px;
	vertical-align: top;
	border-bottom: 2px solid #EFEFEF;
}

.headerdarkgrey {
	margin: 0.2em 0 0 0;
	color: #524D57;	
	font-size: 1em;
	font-weight: bold;
}  

/* Inside Pages Layout ------------------------------------------------------------ 
	2. Témoignages Client  */

TD.temclientleft {
	margin: 0;
	padding: 12px 15px 0 0;
	width: 175px;
	vertical-align: top;
}

TD.temclientfright {
	margin: 0;
	padding: 8px 0 0 15px;
	width: 475px;
	vertical-align: top;
}

TD.temclientcolspan {
	margin: 0;
	padding: 0 0 0 0;
	width: 684px;
	vertical-align: top;
	border-bottom: 2px solid #EFEFEF;
}