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

/* parametes de base */
html {
	margin:0 0 0 0;
	padding:0;
}
body {
	padding:0;
	margin:0 0 0 0;
}
img {
	border: none;
}
a:link, a:visited {
	text-decoration:none;
}
.webrank {
	list-style: url(image-v3/fleche.gif);
	line-height: 14px;
}
.webrankinfo {
	color: #666666;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
/* #######################################################################################  */
/* #######################      CONTENU      #############################################  */

#referencement-contenu {
	padding: 15px 40px 0 20px;
	text-align: left;
	color: #616161;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#referencement-contenu p.entete {
	width: 100%;
}
#referencement-contenu span {
	font-weight: bold;
}
#referencement-metier p {
	padding:0;
	margin:5px 0 0 0;
}
#referencement-metier h2 {
	font-size:12px;
	margin:10px 0 0 0;
	padding:0;
}
#bloc-top-index {
	clear: both;
	padding: 30px 0 10px 0;
}
#bloc-top-index ul {
	list-style: circle;
	padding-left: 10px;
	margin-left: 10px;
	line-height: 14px;
}
#en-savoir-plus-referencement {
	clear: both;
	padding: 30px 40px 10px 0;
}
#en-savoir-plus-referencement ul {
	list-style: circle;
	padding-left: 10px;
	margin-left: 10px;
	line-height: 14px;
}
#en-savoir-plus-referencement a:link, #en-savoir-plus-referencement a:visited {
	color: #666666;
	line-height: 16px;
}
#en-savoir-plus-referencement a:hover, #en-savoir-plus-referencement a:active {
	color: #c21b0d;
	text-decoration: underline;
}

#en-savoir-plus-referencement h2.titre-en-savoir-plus-referencement {
	font-size:14px;
	background: url(image-v3/actualite-fleche.gif) 0% 100% no-repeat;
	padding:0 0 0 25px;
	color: #666666;
	margin:0;
	margin: 0;
}
/*bloc quelle prestation */
#quelle-prestation {
	clear: both;
	padding: 30px 40px 10px 0;
}
#quelle-prestation ul {
	list-style: circle;
	padding-left: 10px;
	margin-left: 10px;
	line-height: 14px;
}
#quelle-prestation a:link, #en-savoir-plus-referencement a:visited {
	color: #666666;
	line-height: 16px;
}
#quelle-prestation a:hover, #en-savoir-plus-referencement a:active {
	color: #c21b0d;
	text-decoration: underline;
}

#quelle-prestation h2.titre-en-savoir-plus-referencement {
	font-size:14px;
	background: url(image-v3/actualite-fleche.gif) 0% 100% no-repeat;
	padding:0 0 0 25px;
	color: #666666;
	margin:0;
	margin: 0;
}
/*bloc actualité */

#actualite {
	clear: both;
	padding: 0px 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: 16px;
}
#actualite a:hover, #actualite a:active {
	color: #c21b0d;
	text-decoration: underline;
}
#actualite h2.titre-actualite {
	font-size:14px;
	background: url(image-v3/actualite-fleche.gif) 0% 100% no-repeat;
	padding:0 0 0 25px;
	color: #666666;
	margin:0;
}
#referencement-metier h2.titre-referencement a {
	font-size:14px;
	background: url(image-v3/referencement-fleche.gif) left top no-repeat;
	padding:0 0 0 25px;
	color: #c21b0d;		
}
#referencement-metier h1.titre-referencement a {
	font-size:14px;
	background: url(image-v3/referencement-fleche.gif) left top no-repeat;
	padding:0 0 0 25px;
	color: #c21b0d;		
}
#referencement-metier h2.titre-audit a {
	font-size:14px;
	background: url(image-v3/audit-fleche.gif) left top no-repeat;
	padding:0 0 0 25px;
	color: #157fa3;		
}
#referencement-metier h2.titre-formation a {
	font-size:14px;
	background: url(image-v3/formation-fleche.gif) left top no-repeat;
	padding:0 0 0 25px;
	color: #006200;	
}
#referencement-metier h2.titre-referencement {
	font-size:14px;
	background: url(image-v3/referencement-fleche.gif) left top no-repeat;
	padding:0 0 0 25px;
	color: #c21b0d;		
}
#referencement-metier h1.titre-referencement {
	font-size:14px;
	background: url(image-v3/referencement-fleche.gif) left top no-repeat;
	padding:0 0 0 25px;
	color: #c21b0d;		
}
#referencement-metier h2.titre-audit {
	font-size:14px;
	background: url(image-v3/audit-fleche.gif) left top no-repeat;
	padding:0 0 0 25px;
	color: #157fa3;		
}
#referencement-metier h2.titre-formation {
	font-size:14px;
	background: url(image-v3/formation-fleche.gif) left top no-repeat;
	padding:0 0 0 25px;
	color: #006200;	
}		

#bloc-referencement {
	width: 28%;
	float:left;
	padding: 8px;
	margin:0 8px 0 0;
	background-color: #FBF0EE;
}
#bloc-referencement a{
	color: #cc0000;
	text-decoration: none;
    font-weight: bold;
}
#bloc-referencement a:hover{
	color: #cc0000;
	text-decoration: underline;
    font-weight: bold;
}

#bloc-audit {
	width: 28%;
	float:left;
	margin:0 0 0 8px;
	padding:8px;
	clear: right;
	background-color: #EFF7F8;
}
#bloc-audit a{
	color: #157fa3;
	text-decoration: none;
	font-weight: bold;
}
#bloc-audit a:hover{
	color: #157fa3;
	text-decoration: underline;
    font-weight: bold;
}
#bloc-formation {
	width: 28%;
	float:left;
	margin:0 8px 0 8px;
	padding:8px;
	background-color: #EDF1ED;
}
#bloc-formation a{
	color: #006200;
	text-decoration: none;
    font-weight: bold;
}
#bloc-formation a:hover{
	color: #006200;
	text-decoration: underline;
    font-weight: bold;
}
/* #######################################################################################  */
/* #######################  BLOC CENTRALE   #############################################  */
/*	margin:0 180px 0 18%; */
#referencement-centre {
	margin:0 180px 0 240px;
	position: relative;
	top: 0;
	left: 0;
	min-width: 570px;
}
#referencement-bloc-centre {
	position: relative;
}
#referencement-accroche {
	background: url(image-v3/referencement-accroche.gif) top right no-repeat;
	height:108px;
	margin-top: 31px;
	margin-right: 50px;
}
#referencement-accroche p.accroche {
	color: #5d74a7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding: 0;
	margin-left: 4%;
	height: 35px;
}
#referencement-accroche p.accroche span {
	font-weight: bold;
}
#referencement-accroche h1.contact {
	height:10px;
	color: #5d74a7;
	line-height: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 43%;
	margin: 0 0 0 4%;
	font-weight: normal;
	line-height: 11px;
}
#referencement-accroche h1.contact a:link, #referencement-accroche h1.contact a:visited {
	color: #c1211a;
}
#referencement-accroche h1.contact span {
	font-weight: bold;
	font-size: 11px;
}
#referencement-accroche h1.contact span.tel {
	font-size: 13px;
	color: #c1211a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.performances {
	float: right;
	padding: 0 78px 0 0;
	margin: 14px 0 0 0;
	width: 160px;
	height: 20px;
	background: url(image-v3/performances-2.gif) no-repeat;
}
#referencement-formules {
	height: 76px;
	background: #c9c9c9 url(image-v3/referencement-formules-space.jpg) left no-repeat;
}

#referencement-formule-formation {
	background: url(image-v3/formation-formule.gif) center no-repeat;
	height: 76px;
	float: right;
	width:23%;
	cursor: pointer;
	margin-right: 10px;
}
#referencement-formule-audit {
	background: url(image-v3/audit-formule.gif) center no-repeat;
	height: 76px;
	float: right;
	width:23%;
	cursor: pointer;
}
#referencement-formule-consulting {
	background: url(image-v3/consulting-formule.gif) center no-repeat;
	height: 76px;
	float: right;
	width:23%;
	cursor: pointer;
}
#referencement-formule-referencement {
	background: url(image-v3/referencement-formule.gif) center no-repeat;
	height: 76px;
	float: right;
	width:23%;
	cursor: pointer;
}
/* #######################################################################################  */
/* #######################  BLOC DE DROITE   #############################################  */
#referencement-right-1 {
	background-color: #FFFFFF;
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 100%;
}
#referencement-right {
	position: absolute;
	top: 0;
	right: 15px;
	width: 180px;
	margin:0;
	padding: 0;
	background-color: #FFFFFF;
	height: 100%;
}
#references #revuepresse {
	color:#c21b0d;
	font-size:14px;
}
/* ------------------------------------langues------------------------------------------  */
#referencement-pays ul {
	padding:0;
	list-style: none;
	text-align:right;
	margin:10px 0 0 0;
}
#referencement-pays ul li {
	margin:0 2px 0 2px;
	display: inline;
}
/* -------------------------fin du bloc langues------------------------------------------  */

/* ------------------------------------devis---------------------------------------------  */
#referencement-devis, #referencement-devis h3, #referencement-devis form, #referencement-devis form input {
	padding: 0px;
	margin: 0px;
}
#referencement-devis form input.socie {
	top: 24px;
}
#referencement-devis form input.nom {
	top: 41px;
}
#referencement-devis form input.tel {
	top: 58px;
}
#referencement-devis form input.mail {
	top: 75px;
}
#referencement-devis form input.url {
	top: 92px;
}
#referencement-devis form input.bouton {
	top: 115px;
	height:22px;
	width: 70px;
}
#referencement-devis {
	position: absolute;
	background: url(image-v3/referencement-devis.gif) 100% 100% no-repeat;
	text-align: right;
	top:118px;
	right: 0;
	width: 180px;
	height: 112px;
}
#referencement-devis h3 {
	color:#FFFFFF;
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 3px 4px 0 0;
	margin:0;
}
#referencement-devis form {
	padding:3px 0 0 0;
}
#referencement-devis form input {
	height: 12px;
	font-size: 9px;
	color: #FF0000;
	position: absolute;
	top: 0;
	right:7px;
}
/* -----------------------------------fin du bloc devis-----------------------------------  */

/* ------------------------------------scopeolab------------------------------------------  */
#referencement-scopeolab {
	margin: 20px 0 0 0;
	background: url(image-v3/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:185px 25px 0 0;
	padding: 0 0 50px 0;
	background:url(image-v3/referencement-references.gif) 90% 100% no-repeat;
}
#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;
}
#formation {width:130px; height: 116px;text-align:center; background-image:url(div.gif);padding: 30px 0 50px 0; background-repeat:no-repeat; margin-left:50px; font-weight: bold; font-size:11px;}
#formation a{color:#4d7179; font-size:11px; text-decoration:none;font-weight: bold;}
/* ----------------------------fin du bloc references------------------------------------  */

/*---------------------------outils----------------------------------------------------  */
#referencement-outils {
	text-align:left;
	margin: 20px 10px 0 0;
	padding:5px 0 0 90px;
}
#referencement-outils h4 {
	line-height: 10px;
	padding:0;
	margin:0 0 3px 0;
}
#referencement-outils a:link, #referencement-outils a:visited {
	color:#4d7179;
	text-decoration:underline;
	font-size: 9px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#referencement-outils a:hover, #referencement-outils a:active {
	text-decoration:none;
}
#referencement-outils 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;
	
}
#referencement-outils-audit a:link, #referencement-outils-audit a:visited {
	background: url(image-v3/referencement-outils-audit.gif) no-repeat;
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	right: 115px;
	top: 365px;
}
#referencement-outils-posi a:link, #referencement-outils-posi a:visited {
	background: url(image-v3/referencement-outils-posi.gif) no-repeat;
	display: block;
	width: 40px;
	height: 48px;
	position: absolute;
	right: 115px;
	top: 430px;
}
#referencement-outils-baro a:link, #referencement-outils-baro a:visited {
	background: url(image-v3/referencement-outils-baro.gif) no-repeat;
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	right: 115px;
	top: 510px;
}
#referencement-outils-fais a:link, #referencement-outils-fais a:visited {
	background: url(image-v3/referencement-outils-fais.gif) no-repeat;
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	right: 115px;
	top: 580px;
}
/*---------------------------fin du bloc outils-------------------------------------------  */




/* #######################################################################################  */
/* #######################  BLOC DE GAUCHE   #############################################  */
#referencement-marge {
	background-color:#b6b6b6;
	position:absolute;
	top: 75px;
	left:0;
	width: 90px;
	height: 142px;
	z-index:0;
}

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

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

/*  definition des listes a puces  */
#referencement-bloc-liens ul {
	background-color:#FFFFFF;
	padding:4px 0 0 20px;
	margin:0 0 7px 0;
	list-style:none;
	font-size: 10px;
}
#referencement-bloc-liens ul li {
	background-image: url(image-v3/referencement-fond-liens.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	line-height: 17px;
}
#referencement-bloc-liens ul li a:link, #referencement-bloc-liens ul li a:visited {
	color:#888c7d;
	display: block;
}
#referencement-liens-referencement ul li a:hover, #referencement-liens-referencement ul li a:active {
	color: #bb1914;
}
#referencement-liens-audit ul li a:hover, #referencement-liens-audit ul li a:active {
	color: #295d78;
}
#referencement-liens-formation ul li a:hover, #referencement-liens-formation ul li a:active {
	color: #226236;
}
#referencement-liens-blogscopeo ul li a:hover, #referencement-liens-blogscopeo ul li a:active {
	color: #aa9231;
}

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

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


/* #######################################################################################  */
/* ###############################  tracker   #############################################  */

#tracker {
	display: none;
}

/* #######################################################################################  */
/* ######################### class new pour deux nouveaux liens  #########################  */
.new {
	background: url(image-v3/new.gif) 135px 2px no-repeat;
}