/* All associated graphics copyright 2006, Baptiste Darcq */
/* Added: Februar. 02st, 2006 */

/* parametes de base */
html,body,u1,o1,li,p,h1,h2,h3,h4,h5,h6,form,fielset,a,href{
margin:0;
padding:0;
border:0;
}
body{
	font-family:Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background: #ffffff;
}
img {
	border: none;
}
a:link, a:visited {
	text-decoration:none;
}
/* #######################################################################################  */
/* #######################      CONTENT      #############################################  */

#Middle-content {
	padding: 20px 0 0 20px;
	text-align:justify;
	color: #616161;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#Middle-content p.top1 {
	width: 95%;
}
#Middle-content span {
	font-weight: bold;
}
#Products p {
	padding:0;
	margin:5px 0 0 0;
}
#Products h2 {
	font-size:12px;
	margin:5px 0 0 0;
	padding:0;
}
#actualite {
	clear: both;
	padding: 17px 0 10px 0;
}
#actualite ul {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left: 25px;
}
#actualite a:link, #actualite a:visited {
	color: #666666;
	margin:0px;
	padding:0px;
	line-height: 12px;
}
#actualite a:hover, #actualite a:active {
	color: #c21b0d;
	margin:0px;
	padding:0px;
	line-height: 16px;
	text-decoration: underline;
}
#actualite h2.titre-actualite {
	font-size:14px;
	background: url(../img/actualite-fleche.gif) 0% 100% no-repeat;
	padding:0 0 0 25px;
	color: #666666;
	margin:0;
}
#Products h2.p1 a {
	font-size:14px;
	background: url(../img/referencement-fleche.gif) left top no-repeat;
	padding:0 0 0 25px;
	color: #c21b0d;		
}
#Products h2.p2 a {
	font-size:14px;
	background: url(../img/audit-fleche.gif) left top no-repeat;
	padding:0 0 0 25px;
	color: #157fa3;		
}
#Products h2.p3 a {
	font-size:14px;
	background: url(../img/actualite-fleche.gif) left top no-repeat;
	padding:0 0 0 25px;
	color: #666666;		
}
#Products h2.p4 a {
	font-size:14px;
	background: url(../img/formation-fleche.gif) left top no-repeat;
	padding:0 0 0 25px;
	color: #006200;		
}
#Products1 {
	width: 200px;
	float:left;
	padding:20px 8px 0 0;
	margin:0;
}
#Products2 {
	width: 200px;
	float:left;
	padding:20px 0 0 8px;
	margin:0;
}
#Products3 {
	width: 200px;
	float:left;
	padding:20px 8px 0 0;
	margin:0;
}
#Products4 {
	width: 200px;
	float:left;
	padding:20px 0 0 8px;
	margin:0;
}
/* #######################################################################################  */
/* #######################  BLOC CENTRALE   #############################################  */

#Middle {
	margin: 0;
	position: relative;
	top: 0;
	left: 0;
	margin-left:180px;
	width: 462px;
}
#Middle-1 {
	position: relative;
}
#Middle-top {
	background: url(../img/testa.gif) 80% 0 no-repeat;
	height:108px;
	margin-top: 31px;
}
#Middle-top p.High {
	color: #5d74a7;
	font-weight: bold;
	font-family: arial;
	font-size: 18px;
	padding: 10px 0 0 0;
	margin-left: 4%;
}
#Middle-top p.High span {
	font-weight: normal;
}
#Middle-top h1.middle {
	color: #5d74a7;
	line-height: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 35%;
	padding-top: 20px;
	margin: 0 0 0 4%;
}
#Middle-top h2.bottom{
	color: #5d74a7;
	line-height: 12px;
	font-weight: lighter;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 30%;
	margin: 0 0 0 4%;
}

#Middle-img {
	height: 76px;
	background: #c9c9c9 url(../img/referencement-formules-space.jpg) left no-repeat;
}

#Middle-Img-benchmark {
	background: url(../img/Formula-benchmark.gif) center no-repeat;
	margin:0 5px;
	height: 76px;
	float: right;
	width:30%;
	cursor: pointer;
}
#Middle-Img-Audit {
	background: url(../img/Formula-audit.gif) center no-repeat;
	margin:0 5px;
	height: 76px;
	float:right;
	width:30%;
	cursor: pointer;
}
#Middle-Img-Posizionamento {
	background: url(../img/Formula-posizionamento.gif) center no-repeat;
	margin:0 5px;
	height: 76px;
	float: right;
	width:30%;
	cursor: pointer;
}
#posizionamento-prodotti {
	padding:20px 0 20px 0;
}
#posizionamento-prodotti a.capsule{
	color: #5d74a7;
	display:block;
	padding-bottom: 5px;
}
#posizionamento-prodotti p{
	padding-bottom: 10px;
}
#posizionamento-prodotti-margine {
	padding-left:10px;
}
/* #######################################################################################  */
/* #######################  Block right   #############################################  */
#Block-right {
	position: absolute;
	top: 0;
	left: 642px;
	right: 0px;
	width: 100px;
	padding: 0;
	margin: 0;
}
/* ------------------------------------langues------------------------------------------  */
#Block-right-flags ul {
	padding:0;
	list-style: none;
	text-align:right;
	margin:10px 0 0 0;
}
#Block-right-flags ul li {
	margin:0 0px 0 0px;
	display: inline;
}
/* -------------------------fin du bloc langues------------------------------------------  */

/* ------------------------------------devis---------------------------------------------  */
#Block-right-info, #Block-right-info h3, #Block-right-info form, #Block-right-info form input {
	padding: 0px;
	margin: 0px;
}
#Block-right-info form input.socie {
	top: 25px;
	
}
#Block-right-info form input.nom {
	top: 43px;
}
#Block-right-info form input.tel {
	top: 59px;
}
#Block-right-info form input.mail {
	top: 76px;
}
#Block-right-info form input.bouton {
	top: 98px;
	height:22px;
}
#Block-right-info {
	position: absolute;
	background: url(../img/referencement-devis.gif) 100% 100% no-repeat;
	text-align: right;
	top:118px;
	left: 0px;
	right: 0;
	width: 100px;
	height: 97px;
}
#Block-right-info h3 {
	color:#FFFFFF;
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 3px 4px 0 0;
	margin:0;
}
#Block-right-info form {
	padding:3px 0 0 0;
}
#Block-right-info form input {
	height: 12px;
	font-size: 9px;
	color: #FF0000;
	position: absolute;
	top: 0;
	right:5px;
	width: 90px;
}
#Block-right-sotto {
	position: absolute;
	top: 770px;
	left: 643px;
	width: 90px;
	padding: 0;
	margin: 0;
}
/* -----------------------------------fin du bloc devis-----------------------------------  */

/* ------------------------------------scopeolab------------------------------------------  */
#referencement-scopeolab {
	margin: 20px 0 0 0;
	background: url(../img/referencement-fond-scopeolab.gif) 100% 50% no-repeat;
	height: 39px;
}
#referencement-inscription a {
	color: #FFFFFF;
}
#referencement-inscription {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	position: absolute;
	top: 79px;
	right: 78px;
	display:block;
}
#referencement-demonstration a {
	color: #FFFFFF;
}
#referencement-demonstration {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	position: absolute;
	top: 68px;
	right: 73px;
	display:block;
}
#referencement-login {
	position: absolute;
	top: 74px;
	right: 18px;
	margin: 0;
	padding:0;
}
/* ------------------------------fin du bloc scopeolab------------------------------------  */

/* ------------------------------------references----------------------------------------  */
#references {
	text-align:right;
	margin:165px 25px 0 0;
	padding: 0 0 50px 0;
}
#references a {
	color:#4d7179;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
#references a:hover {
	text-decoration:none;
}
/* ----------------------------fin du bloc references------------------------------------  */

/*---------------------------outils----------------------------------------------------  */
#Block-left-tools {
	text-align:left;
	margin: 20px 10px 0 0;
	padding:5px 0 0 10px;
	position: absolute;
	top:250px;
	left: 0px;
	right: 0;
	width: 100px;
	height: 97px;
}
#Block-left-tools h4 {
	line-height: 10px;
	padding:0;
	margin:0 0 3px 0;
}
#Block-left-tools a:link, #Block-left-tools a:visited {
	color:#4d7179;
	text-decoration:underline;
	font-size: 9px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#Block-left-tools a:hover, #Block-left-tools a:active {
	text-decoration:none;
}
#Block-left-tools p {
	color: #B7B7B7;
	font-size: 9px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 15px 0;
	width: 80px;
	display: block;
	
}
#Block-left-tools-img {
	padding:0 0 5px 10px;
}
#Block-left-tools-audit a:link, #Block-left-tools-audit a:visited {
	background: url(../img/referencement-outils-audit.gif) no-repeat;
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	right: 115px;
	top: 345px;
}
#Block-left-tools-posi a:link, #Block-left-tools-posi a:visited {
	background: url(../img/referencement-outils-posi.gif) no-repeat;
	display: block;
	width: 40px;
	height: 48px;
	position: absolute;
	right: 115px;
	top: 400px;
}
#Block-left-tools-baro a:link, #Block-left-tools-baro a:visited {
	background: url(../img/referencement-outils-baro.gif) no-repeat;
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	right: 115px;
	top: 465px;
}
#Block-left-tools-fais a:link, #Block-left-tools-fais a:visited {
	background: url(../img/referencement-outils-fais.gif) no-repeat;
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	right: 115px;
	top: 520px;
}
#Block-left-tools-sotto {
	text-align:left;
	margin: 20px 10px 0 0;
	padding:5px 0 0 10px;
	width: 100px;
	height: 12px;
}
#Block-left-tools-sotto h4 {
	line-height: 10px;
	padding:0;
	margin:0 0 3px 0;
}
#Block-left-tools-sotto a:link, #Block-left-tools-sotto a:visited {
	color:#4d7179;
	text-decoration:underline;
	font-size: 9px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#Block-left-tools-sotto a:hover, #Block-left-tools-sotto a:active {
	text-decoration:none;
}
/*---------------------------fin du bloc outils-------------------------------------------  */




/* #######################################################################################  */
/* #######################  BLOC DE GAUCHE   #############################################  */

/* bloc gauche */
#Block-left {
	z-index:1;
	width: 180px;
	top: 15px;
	position: absolute;
	margin-left: 0;
	left:0;
}

/* bloc gauche *//* visuel */
#Block-left-img {
	position: relative;
	left:0px;
	background:url(../img/referencement-image-referencement.gif) bottom no-repeat;
	width: 180px;
	height: 219px;
	margin:0;
}
#logo a:link, #logo a:visited {
	background: url(../img/referencement-logo.gif) bottom no-repeat;
	height: 60px;
	display: block;
}
/* bloc gauche*//* barre de lien  */
#Block-left-link1 {
	background:url(../img/referencement-liens.gif) repeat-y;
	padding: 0;
	width: 180px;
	height:100%;
	margin: 0;
}
#Block-left-link a:link, a:visited {
	color:#FFFFFF;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
#Block-left-link h3 {
	margin:0;
	padding:0;
	font-weight:normal;
	font-size: 10px;
}
/* bloc gauche*//* titre liens  */
#Block-left-link h2	{
	padding:1px 0 0 5px;
	font-size: 11px;
	font-weight: bold;
	width: auto;
	line-height: 14px;
	letter-spacing: 1px;
	margin:0;
}
#Block-left-Posizionamento h2 {
	background-image: url(../img/referencement-referencement-liens.gif);
}
#Block-left-Audit h2 {
	background-image: url(../img/referencement-audit-liens.gif);
}
#Block-left-Marketing h2 {
	background-image: url(../img/referencement-consulting-liens.gif);
}
#Block-left-formazione h2 {
	background-image: url(../img/referencement-formation-liens.gif);
}
#Block-left-refonte h2 {
	background-image: url(../img/referencement-refonte-liens.gif);
	margin-top: 10px;
}
#Block-left-consulting h2 {
	margin-top: 2px;
	background-image: url(../img/referencement-consulting-liens.gif);
}
#Block-left-formules h2 {
	margin-top: 2px;
	background-image: url(../img/referencement-formules-liens.gif);
}
#Block-left-trafic h2 {
	margin-top: 10px;
	background-image: url(../img/referencement-trafic-liens.gif);
}
#Block-left-scopeolab h2 {
	margin-top: 2px;
	background-image: url(../img/referencement-scopeolab-liens.gif);
}
#Block-left-temoignages h2 {
	margin-top: 2px;
	background-image: url(../img/referencement-scopeolab-liens.gif);
}
#Block-left-brochure h2 {
	background-image: url(../img/referencement-refonte-liens.gif);
	margin-top: 10px;
}

/*  definition des listes a puces  */
#Block-left-link ul {
	background-color:#FFFFFF;
	padding:4px 0 0 12px;
	margin:0 0 7px 0;
	list-style:none;
	font-size: 10px;
}
#Block-left-link ul li {
	background-image: url(../img/referencement-fond-liens.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	line-height: 17px;
}
#Block-left-link ul li a:link, #Block-left-link ul li a:visited {
	color:#888c7d;
}
#Block-left-Posizionamento ul li a:hover, #Block-left-Posizionamento ul li a:active {
	color: #bb1914;
}
#Block-left-Audit ul li a:hover, #Block-left-Audit ul li a:active {
	color: #295d78;
}
#Block-left-Marketing ul li a:hover, #Block-left-Audit ul li a:active {
	color: #295d78;
}
#Block-left-formazione ul li a:hover, #Block-left-formazione ul li a:active {
	color: #226236;
}

/* #######################################################################################  */
/* ###############################  FOOTER   #############################################  */

.footer {
	background-color:#FFFFFF;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 9px;
}
.footer a:link, .footer a:visited {
	color: #999999;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.footer a:hover, .footer a:active {
	color: #bb1914;
}
.footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 9px;
	margin: 0;
	padding:0 0 5px 0;
	line-height: 12px;
}