* { padding: 0; margin: 0; }
html { 
    font-size:100%;     
} 
a{
	outline:none;
	text-decoration:none;
	
}

a img{
	border:none;
}

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}



#wrapper { 
 margin: 0 auto;
 width: 960px;
}

/*#header             { position:relative;max-width: 960px; min-width: 560px; background:url(images/bg-header.png) no-repeat;
                      margin: 15px auto 0; height: 150px;}*/
#header {
background:url(images/bg-header.png) no-repeat;
 color: #333;
 width: 940px;
 float: left;
 padding: 10px;
 height: 150px;
 margin: 10px 0px 0px 0px;

}


#navigation {
float:left;

	 width: 960px;

	height: 50px;

	margin: 0;

	padding: 0;

	background: url(images/navigation-bg.jpg) no-repeat left top;

} 

#navigation ul {

	list-style: none;

	margin:0;
	

	padding-left:20px;

} 

#navigation ul li {

	display: inline;

	margin: 0px;

} 

#navigation ul li a {

	height:33px;

	display: block;

	float: left;

	padding: 17px 15px 0 15px;

	font: bold 12px Arial;

	color: #FFF;

	text-decoration: none;

	background: url(images/navigation-separator.png) no-repeat right center;

} 



#navigation ul li a:hover, #navigation ul li a.current {

	color:#363636;

	background: url(images/navigation-hover.png) repeat-x left top;

}



#navigation ul li#active a {

	color:#363636;

	background: url(images/navigation-hover.png) repeat-x left top;

}

#leftcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background-color:#6694cf;
margin: 0px 0px 0px 0px;
 padding: 10px;
height: 600px;
 width: 200px;
 float: left;
}


ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
 width:200px;
 font: bold 1.1em "Trebuchet MS", sans-serif;
}
ul#menu ul {margin: 0;
}
ul#menu{margin: 2em 0 0;}

ul#menu a {
  display: block;
  text-decoration: none;
   padding: 8px 10px;	
}

ul#menu li {
  margin-top: 0px;
  font-size: .8em;
}

ul#menu li a {
  background: #333 url(img/menu-item-enroule.jpg);
  height:20px;
  color: #fff;	
 
}

ul#menu li a:hover , ul#menu li a.current {
  background: #000 url(img/menu-item-enroule.jpg);
}

ul#menu li ul li a {
 background: #036; border: #369 1px solid;
  color: #fff; 
  padding-left: 20px;
  height:20px;
}

ul#menu li ul li a:hover, ul#menu li ul li a.current{
  background: #369;
  border-left: 5px #B91317 solid;
  border-bottom:1px #CCC solid;
  border-top:1px #CCC solid;
  padding-left: 15px;
}
#content {
position:relative; 
 float: left;
 color: #333;
 border: 1px solid #ccc;
 background-color:#FFF;
 margin: 0px 0px 0px 0px;
 padding: 10px;
height: 600px;
 width: 716px;
/*width:auto;*/
 display: inline;
}

h1.objectif{
background:url(images/cartouche-objectif.jpg) no-repeat top center;
color:#FFF;
font-weight:bolder;
width:427px;
height:83px;
overflow:hidden;
position: absolute;
font-size:1.3em;
text-align:center;
padding-top:20px;
top:17px;
left:56px;
} 


h2.satisfaction{
background:url(images/cartouche-satisfaction.jpg) no-repeat top center;
color:#FFF;
font-weight:bolder;
height:59px;
width:407px;
overflow:hidden;
position: absolute;
text-align:center;
padding-top:20px;
font-size:1.3em;
top:155px;
left:60px;
} 


h3.satisfaction-reponse{color: #CC9900; font-family:Georgia, "Times New Roman", Times, serif;text-align:center; position:absolute; left:100px; top: 220px; }

h1.main{text-align:center; font-family: Arial, Helvetica, sans-serif;font-size:2em;
}
h2.secteur{text-align:center; font-family: Arial, Helvetica, sans-serif; color:#FF6600;font-size:1.5em;
}
h3.expertise-metiers{ color:#0066CC; margin-bottom:1em;font-size:1.2em; line-height:1.2em;}

h2.solutions-title{font-size:95%; font-variant:small-caps; text-align:center;margin-bottom:2em;margin-top:2em;}
ol.liste-satisfaction{
list-style:inside;

position:absolute;
left:120px;
top: 100px;
padding:0;
font-size:1.1em;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;color: #003399;



} 

ol.liste-satisfaction li{
line-height:1em;
}


span img



	{

	display: block;

	}









#wrapper2

	{
	position:absolute;
	width:494px;
height: 120px;
top:290px;
left:20px;
font-size:1.1em;text-align:center;fontweight:bold;


	}

#wrapper2 span

	{

	position: absolute;

	}

#wrapper2 .red

	{

	left: 0%;
	margin-left:10px;

	}

#wrapper2 .green

	{

	left: 25%;

	margin-left: -20px;

	}

#wrapper2 .blue

	{

	right: 50%;

	margin-right: -40px;

	}

#wrapper2 .yellow

	{

	right: 30%;

	margin-right: -30px;

	}

#wrapper2 .purple

	{

	right:5%;

	}
#rightcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background-color:#666;
 margin: 0px 0px 0px 0px;
 padding: 10px;
height: 600px;
 width: 200px;
 float: right;
}

.in-the-news { /* Parent Wrapper for inside boxes */
 display: inline; /* IE Hack */
 width: 200px;
 float: left;
 min-height: 125px;
 margin-bottom: 7px;

}
* html .in-the-news {height:125px} /* IE Min-Height Hack */

.content-mid {
 background-image:url(images/content-mid.gif);
 background-repeat: repeat;
 padding: 5px 10px 5px 10px;
}
.left-mid {
 background-image:url(images/left-mid.gif);
 background-repeat: repeat;
 padding: 5px 10px 10px 10px;
}
.left-heading {
 background-image:url(images/left-heading.jpg);
 background-repeat: no-repeat;
 padding: 9px 10px 5px 10px;
 font-size: 16px;
 color: #fff;
 min-height: 11px;
 font-weight: bold;

}
* html .left-heading {height:11px} /* IE Min-Height Hack */
img.block {
 display: block;
}

ul.list-actu{
list-style:none;margin-left:5px;font-size:0.8em;


}
ul.list-actu li{
margin-bottom:1em; line-height:1;


}
#footer { 
 width: 940px;
 height:43px;
 clear: both;
 color: #333;
 background: url(images/bg-footer.jpg) no-repeat;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}
#base, #base3 {
 float: left;
    width: 45%;
	
	margin-top:30px;
	margin-bottom:15px;
	margin-left:24px;
    
      }
#base {height:180px;}
#base3 { height:120px;}
#base ul{
 
	margin-left:25px;
    
      }
#base li {
    margin:0 0 0 0;
    padding: 10px 0 0;
    line-height:1em;
}



#base2 {

 width: 90%;
margin: 60px auto;
    
      }

#base2 ul, #base3 ul{
font-size:1.2em;
 margin-left:90px;
    
      }
#base2 li {
    margin:0 0 0 0;
    padding: 10px 0 0;
    line-height:1.5em;
}



body#expertise-metiers #content, body#expertise-metiers #leftcolumn, body#expertise-metiers #rightcolumn {height:700px;}
body#expertise-metiers2 #content, body#expertise-metiers2 #leftcolumn, body#expertise-metiers2 #rightcolumn {height:300px; }
body#expertise-metiers #content h1, body#expertise-metiers #content h2, body#expertise-metiers2 #content h1, body#expertise-metiers2 #content h2{ text-align:center;}
.tiers{}
.tiers img.icone{width:90px; text-align:center;}
.tiers ul{padding:10px; list-style-position:inside;}
.tiers ul li{margin-bottom:1em;}

/********************************************/
form{left:10px; top:30px; position:absolute; color:#666; }
form p{margin:0.5em .2em 0.5em .2em; font-size:1.2em; font-weight:bold;}

label
{
width: 7em;
float: left;
text-align: right;
margin: 0 0.5em;
display: block;
line-height:1;

}


input
{
color:#781351;
/*background: #ccc;
border: 1px solid #009;*/
margin-right:1em;
margin-bottom:0em;
padding:2px;
width:100px;


}
textarea#comments
{
color:#781351;
border: 1px solid #009;
background:#ccc;
height:80px;
margin-right:1em;
width:15em;


}

.submit input
{



border:none; outline:none;
width:100;
height:32px;

margin-left:10em;


}
fieldset
{
border: 2px solid #009;
width: 30em;
padding:10px 0;
margin-bottom:.5em;
}

legend
{
color: #FFF;
font-weight:bold;
background:#008fc7;
border: 1px solid #009;
padding: 4px 8px

}

select {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background: #ccc;
 color: #0033FF;
 border: 1px solid #009;
 padding:2px;
 width:18em;}
 
 
 input:focus, textarea#comments:focus {
	background:#F5FFDC;
}
 
em.priority{
color:red;
}
/************************************************/


td.titre1{
background: url(http://www.qstechnology.com/mrb/admin/FCKeditor/documents/Image/titre-violet.jpg ) no-repeat left top; width:217px; height:39px; color:#fff;
}
td.titre2{
background: url(http://www.qstechnology.com/mrb/admin/FCKeditor/documents/Image/titre-bleu.jpg) no-repeat left top; width:217px; height:39px; color:#fff;}
td.titre3{
background: url(http://www.qstechnology.com/mrb/admin/FCKeditor/documents/Image/titre-bleu-clair.jpg ) no-repeat left top; width:217px; height:39px; color:#fff;}

ul.list-sol-techno li{line-height:0.9em; font-size:0.9em;}