body {
	font: 100% Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #999999;
}
a {
color:#9999ff;
text-decoration:none}
a:visited{
color:#9999ff;
text-decoration:none}
a:hover{
color:#9999ff;
text-decoration:underline;
}

.oneColElsCtr #container {
	width: 50em;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	margin-top:50px;
	margin-bottom:50px;
	padding-bottom:10px;
	border: 1px solid #cbdef2;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #FFFFFF;
	background-image: url(http://www.sonoscanner.fr/images/background.jpg);
	background-repeat:no-repeat;
}
.oneColElsCtr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin-top:50px;
}
.oneColElsCtr h1 {
font-size:1.6em;
color:#9999ff;
	
}

.oneColElsCtr h2 {
font-size:1.3em;
font-weight:normal;
color:#999999;
	
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-right: 18px;
	margin-top:-16px;
}
.legendeGalerie { /* légende des images à droite. */
	float: right;
	margin-top:-0.35em;
	margin-right: 8em;
	width:20em;
}
.legendeCertificates { /* légende des images à droite. */
	float: right;
	margin-top:-0.35em;
	margin-right: 12em;
	width:20em;
}
.legendeGalerieTitre { /* légende des images à droite. */
font-size:1.3em;
font-weight:normal;
color:#999999;
}
.imageGalerie img { /* espacement des images. */
padding:0; margin:0; padding-left:4em; padding-bottom:2em}

.imageEvents img { /* espacement des images. */
padding:0; margin:0; padding-left:4em; padding-bottom:2em;padding-top:1.5em}
.legendeEvents { /* légende des images à droite. */
	float: right;
	margin-top:.8em;
	margin-right: 8em;
	width:22em;
	height:10em;
}

.fltrtIMAGE { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	padding-top:1em;
}
.fltrtIMAGEPres { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	padding-top:4.5em;
	margin:1em;
}
.fltrtIMAGESPEC { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-top:-2em;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	width:28px;
	margin-top:0px;
	margin-left: 0em;
	margin-right:2em;
}
.bleufonce {color: #9999FF;}
.bleuclair {color: #cbdef2;}
.oneColElsCtr #sousmenu {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	padding-left:11.55em;
	width:450px;
	margin-bottom:2px;
	margin-top:0px;
	line-height: 150%;
	/* background-color: #cbdef2; 
		font-weight: bold;
		border-bottom:1px solid #cbdef2;
		border-right:1px solid #cbdef2;*/
		font-weight:500;
	
	color: #9999FF;
	font-size: 100%;

}
.oneColElsCtr #sousmenu a{

text-decoration:none;}

.oneColElsCtr #sousmenu a:hover{
/*color:#FFF;
background:#cbdef2;*/
font-weight:bold;
border:2px solid;
}
.footer {border-top:1px solid #cbdef2; padding-left:20px; font-size:.8em; line-height:15O%; padding-top:7px; color:#9999FF; margin-top:50px; text-align:center;
}

.oneColElsCtr #focusOn {
 border-top:1px solid #cbdef2; border-bottom:0px solid #cbdef2; padding:0; margin:0; margin-top:10px; z-index:1;padding-left:0px;}
.oneColElsCtr #focusOn h2 {
color:#9999FF;
}
.oneColElsCtr #focusOn p {

}
.oneColElsCtr #focusOn  span {
float: right;
text-align:center;
margin-right:20px;
}
.oneColElsCtr #focusOn  span img {
margin-bottom:7px;

}
.NewsIndex img {
padding-bottom:1em;
text-align:right;}
.focusOnTitre {
background-color:#FFFFFF; float:right; padding:0; margin:0; margin-top:-1.5em; padding-right:10px; margin-right:10px;font-size:1.6em; z-index:3;
}
.TechTitre {
background-color:#FFFFFF; color:#cbdef2; float:right; padding:0; margin:0; margin-top:.2em; padding-left:.3em; padding-right:.3em; margin-right:14.2em;font-size:1.6em; z-index:3;
}
.TechTitre1{
background-color:#FFFFFF; color:#cbdef2; float:right; padding:0; margin:0; margin-top:-3.4em; padding-left:.3em; padding-right:.3em;  margin-right:19em;font-size:1.6em; z-index:3; padding-top:1em;
}
.TechTitre2 {
background-color:#FFFFFF; color:#cbdef2; float:right; padding:0; margin:0; margin-top:-4.2em; padding-left:.3em; padding-right:.3em;  margin-right:19em;font-size:1.6em; z-index:3;
}
.listeDroite { float:right; list-style: inside; margin-top:-.1em; margin-right:5em;line-height:150%;

}
.listeGauche { list-style: inside; margin-left:5em; line-height:150%;

}
