/* 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;
}
/* #######################################################################################  */
/* #######################      CONTENU      #############################################  */

#referencement-contenu {
	padding: 15px 0 0 20px;
	text-align:justify;
	color: #616161;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#referencement-contenu form {
	margin-left: 40px;
}
#referencement-contenu form input {
	margin-bottom: 5px;
	color: #3f8354;
}
.b {
	font-weight: bold;
}
.chapo {
	font-size: 12px;
	font-weight: bold;
	color: #3f8354;
}
.over {
	color: #000000;
	background: url(image-v3/formation-bordure.gif) repeat-y left top;
	padding-left: 30px;
	list-style: none;
}
#referencement-contenu a.lien {
	color: #3f8354;
	text-decoration:none;
}
#referencement-contenu a:hover.lien, #referencement-contenu a:active.lien {
	text-decoration: underline;
}
#referencement-contenu-liens {
	clear:both; 
	margin: 25px 0 0 10px; 
	width: 170px; 
	float: right;
}
#referencement-contenu-liens ul {
	list-style: url(image-v3/formation-fleche-liens.gif);
}
#referencement-contenu-liens a:link, #referencement-contenu-liens a:visited {
	color: #000000;
}
#referencement-contenu-liens a:hover, #referencement-contenu-liens a:active {
	text-decoration: underline;
	color: #3f8354;
	font-weight: bold;
}
.titre-referencement {
	margin:10px 0 40px 0;
	padding:0;
	font-size:14px;
	background: url(image-v3/formation-fleche.gif) left top no-repeat;
	padding:0 0 0 25px;
	color: #3f8354;
	text-align: left;
}

/* #######################################################################################  */
/* #######################  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;
	margin: 0 0 0 0;
	display: block;
	margin-top: 50px;
}
.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;
}
/* #######################################################################################  */
/* ######################### class new pour deux nouveaux liens  #########################  */
.new {
	background: url(image-v3/new.gif) 135px 2px no-repeat;
}