/* CSS Document */
div, td, tr, table, ul, li, input, textarea, form{
margin:0;
padding:0;
}

td{vertical-align:top;}
body {
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
}
	#calcprincipal {
		position:absolute;
		left:50%;
		top:4px;
		margin-left:-400px;
		width:810px;
		height:632px;
		z-index:1;
	}
		#calcbanniereprincipale {
			position:absolute;
			left:0px;
			top:0px;
			width:800px;
			height:105px;
			z-index:2;
			background-color:#d8d9db;
		}
			#calcbannierepublicitaire {
				position:absolute;
				left:5px;
				top:5px;
				width:308px;
				height:95px;
				z-index:3;
			}
			#calcbannierelogo {
				position:absolute;
				left:381px;
				top:0px;
				width:419px;
				height:104px;
				z-index:3;
			}
		#calcmenugeneral {
			position:absolute;
			left:0px;
			top:105px;
			width:800px;
			height:50px;
			z-index:3;
			text-align:center;
			background-color:#0099cc;
		}
			
			
#calcdegradedroite {
	position:absolute;
	left:800px;
	top:13px;
	width:8px;
	height:587px;
	z-index:2;
	background-image: url(../images/index/CRM-GRC.gif);
	background-repeat:repeat-y;
}
#calcdegradebas {
	position:absolute;
	left:0px;
	top:600px;
	width:800px;
	height:8px;
	z-index:2;
	background-image: url(../images/index/multicanal-traitement-commandes.gif);
}
#calcdagrecoin {
	position:absolute;
	left:800px;
	top:600px;
	width:8px;
	height:8px;
	z-index:2;
	background-image: url(../images/index/logistique-e-commerce.gif);
}
#calcmentions {
	position:absolute;
	left:-2px;
	top:608px;
	width:809px;
	height:17px;
	z-index:2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-decoration: none;
	background-color: #FFFFFF;
}
#calccontenu {
	position:absolute;
	left:0px;
	top:155px;
	width:800px;
	height:445px;
	z-index:4;
}
#calctextecentral {
	position:absolute;
	left:376px;
	top:187px;
	width:409px;
	height:119px;
	z-index:3;
}
.fondb{
background-image: url(../fond/fond-bleu.gif);
margin:0 94px 0;
width:706px;
height:436px;
}
.fondg{
background-image: url(../fond/fond-gris.gif);
margin:0 94px 0;
width:706px;
height:436px;
}
.fondv{
background-image: url(../fond/fond-vert.gif);
margin:0 94px 0;
width:706px;
height:436px;
}

/*
.modp{
margin:100px 0 0;
width:15px;
height:101px;
}
.modp1{
margin:100px 0 80px;
width:141px;
height:22px;
}
*/

.o{
position:absolute;
background: url(../fond/o-g.gif) no-repeat;
left:110px;
top:90px;
width:56px;
height:44px;
}
.opblecompt{
position:absolute;
background: url(../fond/o-p.gif) no-repeat;
left:253px;
top:125px;
width:28px;
height:20px;
}
.opcvivien{
position:absolute;
background: url(../fond/o-p.gif) no-repeat;
left:65px;
top:78px;
width:28px;
height:20px;
}
.opjpbeyssac{
position:absolute;
background: url(../fond/o-p.gif) no-repeat;
left:527px;
top:235px;
width:28px;
height:20px;
}
#calctextecentral1 {
	position:absolute;
	left:65px;
	top:-25px;
	width:609px;
	height:119px;
	z-index:3;
}
#calctextecentral4 {
	position:absolute;
	left:155px;
	top:125px;
	width:609px;
	height:119px;
	z-index:3;
}
#calctextecentral2 {
	position:absolute;
	left:285px;
	top:120px;
	width:609px;
	height:119px;
	z-index:3;
}
#calctextecentral3 {
	position:absolute;
	left:185px;
	top:150px;
	width:609px;
	height:119px;
	z-index:3;
}
#calcimagedroite1 {
	position:absolute;
	left:562px;
	top:161px;
	width:109px;
	height:97px;
	z-index:3;
}
#calcimagedroite2 {
	position:absolute;
	left:678px;
	top:161px;
	width:109px;
	height:97px;
	z-index:3;
}
#calcgauche {
	position:absolute;
	left:0px;
	top:0px;
	width:365px;
	height:446px;
	z-index:3;
	background-color:#0099cb;
}
#calcgaucheOffre {
	position:absolute;
	left:0px;
	top:0px;
	width:94px;
	height:446px;
	z-index:3;
	background-color:#0099cb;
}
#calcgaucheimg {
	position:absolute;
	background-image: url(../fond/hotline.jpg);
	left:0px;
	top:0px;
	width:252px;
	height:446px;	
	z-index:3;
}
#calcPackAndGo {
	position:absolute;
	left:5px;
	top:21px;
	width:130px;
	height:25px;
	z-index:3;
	background-color:#FFFFFF;
}
#calcCrossAndSell {
	position:absolute;
	left:5px;
	top:53px;
	width:130px;
	height:25px;
	z-index:3;
	background-color:#FFFFFF;
}
#calcCatchAndCall {
	position:absolute;
	left:5px;
	top:85px;
	width:130px;
	height:25px;
	z-index:3;
	background-color:#FFFFFF;
}
#smenu1 {
	position:absolute;
	left:0px;
	top:28px;
	width:800px;
	height:22px;
	visibility: hidden;
	z-index:2;
	background-color:#01a6de;
	text-align:center;
}
#smenu2 {
	position:absolute;
	left:0px;
	top:28px;
	width:800px;
	height:22px;
	visibility: hidden;
	z-index:2;
	background-color:#01a6de;
	text-align:left;
	color: #FFFFFF;
}
#smenu3 {
	position:absolute;
	left:0px;
	top:28px;
	width:800px;
	height:22px;
	visibility: hidden;
	z-index:2;
	background-color:#01a6de;
	text-align:left;
	color: #FFFFFF;
}
#smenu4 {
	position:absolute;
	left:0px;
	top:28px;
	width:800px;
	height:22px;
	z-index:2;
	visibility: hidden;
	background-color:#01a6de;
	text-align:left;
	color: #FFFFFF;
}
#smenu5 {
	position:absolute;
	left:0px;
	top:28px;
	width:800px;
	height:22px;
	z-index:2;
	visibility: hidden;
	background-color:#01a6de;
	text-align:center;
	color: #FFFFFF;
}
#smenu6 {
	position:absolute;
	left:0px;
	top:28px;
	width:800px;
	height:22px;
	z-index:2;
	visibility: hidden;
	background-color:#01a6de;
	text-align:center;
}
#smenu7 {
	position:absolute;
	left:0px;
	top:28px;
	width:800px;
	height:22px;
	z-index:2;
	visibility: hidden;
	background-color:#01a6de;
	text-align:center;
	color: #FFFFFF;
}
#menudwn {
	position:absolute;
	left:0px;
	top:28px;
	width:800px;
	height:22px;
	z-index:2;
	background-color:#01a6de;
	text-align:center;
}
.menuup {
	top:0px;
	height:50px;
	z-index:3;
	background-color:#0099cb;
	float: left;
	margin-right: 12px;
	margin-left: 12px;
}
a.menu:link{
	font-family:"Arial Narrow", Arial;
	font-size:17px;
	color:#FFFFFF;
	text-decoration:none;
	margin-right: 5px;
	margin-left: 5px;
	line-height: 28px;
}
a.menu:visited{
	font-family:"Arial Narrow", Arial;
	font-size:17px;
	color:#FFFFFF;
	text-decoration:none;
	margin-right: 5px;
	margin-left: 5px;
	line-height: 28px;
}
a.menu:hover{
	font-family:"Arial Narrow", Arial;
	font-size:17px;
	color:#FFFFFF;
	text-decoration:none;
	margin-right: 5px;
	margin-left: 5px;
	line-height: 28px;
}
a.menu:active{
	font-family:"Arial Narrow", Arial;
	font-size:17px;
	color:#FFFFFF;
	text-decoration:none;
	margin-right: 5px;
	margin-left: 5px;
	line-height: 28px;
}
a.smenu:link{
	font-family:"Arial Narrow", Arial;
	font-size:16px;
	color:#66ccff;
	text-decoration:none;
	font-weight: bold;
}
a.smenu:visited{
	font-family:"Arial Narrow", Arial;
	font-size:16px;
	color:#66ccff;
	text-decoration:none;
	font-weight: bold;
}
a.smenu:hover{
	font-family:"Arial Narrow", Arial;
	font-size:16px;
	color:#FFFFFF;
	text-decoration:none;
}
a.smenu:active{
	font-family:"Arial Narrow", Arial;
	font-size:16px;
	color:#FFFFFF;
	text-decoration:none;
}
/*Effet sur le lien de la page qui sommes nous*/
a.liens{
background-color:#0099cb;
text-decoration:none;
margin:0 0 0;
font:20px  Arial, Helvetica, sans-herif;
color:#FFF; 
}
a.liens:link  a.liens:visited  a.liens:active{
text-decoration:none;
color:#FFF;
}
a.liens:hover{
text-decoration:none;
color:#FFF;
}
#calcimagedroite3 {
	position:absolute;
	left:562px;
	top:294px;
	width:109px;
	height:97px;
	z-index:3;
}
#calcimagedroite4 {
	position:absolute;
	left:676px;
	top:294px;
	width:109px;
	height:97px;
	z-index:3;
}
#calclegendimagedroite1 {
	position:absolute;
	left:562px;
	top:259px;
	width:109px;
	height:30px;
	z-index:3;
}
#calclegendimagedroite2 {
	position:absolute;
	left:678px;
	top:259px;
	width:109px;
	height:30px;
	z-index:3;
}
#calclegendimagedroite3 {
	position:absolute;
	left:562px;
	top:392px;
	width:109px;
	height:30px;
	z-index:3;
}
#calclegendimagedroite4 {
	position:absolute;
	left:678px;
	top:392px;
	width:109px;
	height:30px;
	z-index:3;
}
a.legendimagedroite:link {
	font-family:Arial, Helvetica, sans-serif;
	color:#3399cc;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	line-height: 11px;
	text-align: left;
	display: list-item;
	list-style-position: outside;
	list-style-image: url(images/index/colisage-vad.gif);
	margin-left: 15px;
}
a.legendimagedroite:visited {
	font-family:Arial, Helvetica, sans-serif;
	color:#3399cc;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	line-height: 11px;
	text-align: left;
	display: list-item;
	list-style-position: outside;
	list-style-image: url(images/index/colisage-vad.gif);	
	margin-left: 15px;
}
a.legendimagedroite:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#3399cc;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	display: list-item;
	line-height: 10px;
	list-style-position: outside;
	list-style-image: url(images/index/colisage-vad.gif);
	margin-left: 15px;
}
a.legendimagedroite:active {
	font-family:Arial, Helvetica, sans-serif;
	color:#3399cc;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	display: list-item;
	line-height: 10px;
	list-style-position: outside;
	list-style-image: url(images/index/colisage-vad.gif);
	margin-left: 15px;
}
.txtaccueilbleu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#3399cc;
	font-size:11px;
	text-align:left;
	display:block;
	line-height: 15px;
	text-decoration: none;
}
.txtaccueilbleu1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	color:#3399cc;
	font-size:11px;
	text-align:left;
	display:block;
	line-height: 15px;
	text-decoration: none;
}
.txtaccueilnoir{
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	color:#000;
	font-size:11px;
	text-align:left;
	display:block;
	line-height: 15px;
	text-decoration: none;
}
.txtaccueilqsn{
	font-family: Arial, Helvetica, sans-serif;
	color:#3399cc;
	font-size:17px;
	text-align:left;
	display:block;
	line-height: 20px;
	text-decoration: none;
}
.txtaccueilnews{
	font:26px Arial, Helvetica, sans-serif;
	color:#3399cc;	
	text-align:left;
	display:block;
	line-height:25px;
	text-decoration: none;
}
.txtaccueilqsng{
	font-family:Arial, Helvetica, sans-serif;
	color:#3399cc;
	font-size:20px;
	text-align:left;
	display:block;
	line-height: 20px;
	text-decoration: none;
}
.txtaccueilgris {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#868788;
	font-size:11px;
	font-style:italic;
	text-align:left;
	display:block;
	line-height: 15px;
	text-decoration: none;
}
.txtOffrebleu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#3399cc;
	font-size:11px;
	text-align:left;
	display:block;
	line-height: 15px;
	text-decoration: none;
}
.pack{
margin:0px 5px 5px;
}
*html .pack{
margin:1px -6px 4px;
}
#Layer4 {
	position:absolute;
	left:199px;
	top:24px;
	width:101px;
	height:56px;
	z-index:2;
}
#Layer2 {
	position:absolute;
	left:378px;
	top:59px;
	width:372px;
	height:95px;
	z-index:1;
}
#degrad {
	position:absolute;
	left:2px;
	top:0px;
	width:798px;
	height:32px;
	z-index:1;
}
#titreOffre {
	position:absolute;
	left:236px;
	top:27px;
	width:498px;
	height:134px;
	z-index:1;
}
#titreOffre1 {
	position:absolute;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#3399cc;
	font-size:22px;
	left:190px;
	top:27px;
	width:518px;
	height:134px;
	z-index:1;
}
#Layer3 {
	position:absolute;
	left:0px;
	top:0px;
	width:365px;
	height:278px;
	z-index:1;
}
#Layer1 {
	position:absolute;
	left:7px;
	top:568px;
	width:162px;
	height:49px;
	z-index:5;
}
#Layer5 {
	position:absolute;
	left:557px;
	top:10px;
	width:218px;
	height:87px;
	z-index:4;
}
#calclogoorium {
	position:absolute;
	left:318px;
	top:12px;
	width:79px;
	height:79px;
	z-index:2;
}
#calcstats {
	position:absolute;
	left:318px;
	top:12px;
	width:79px;
	height:79px;
	visibility:hidden;
	z-index:1;
}
#calcdegradecoinhaut {
	position:absolute;
	left:800px;
	top:0px;
	width:11px;
	height:13px;
	z-index:2;
	background-image: url(../images/index/gestion-relation-client.gif);
}
#calctxt1 {
	position:absolute;
	left:317px;
	top:2px;
	width:476px;
	height:385px;
	z-index:4;
	overflow:auto;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #01A6DE;
	text-decoration: none;
	line-height: 15px;
	letter-spacing: -1px;
	display: block;
	padding-left: 20px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #333333;
	font-size: 11px;
	line-height: 13px;
	text-align: left;
	display: block;
	text-indent: 0px;
	margin-left: 25px;
	margin-right: 5px;
	font-weight: normal;
}
.txtbleu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	display: block;
	color:#3399cc;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
}
.packtxtbleu {
	font:bold 14px Arial, Helvetica, sans-serif;
	text-decoration:none;
	display: block;
	color:#3399cc;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
}
.packtxtvert {
	font:bold 14px Arial, Helvetica, sans-serif;
	text-decoration:none;
	display: block;
	color:#B4D400;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
}
.packtxtgris {
	font:bold 14px Arial, Helvetica, sans-serif;
	text-decoration:none;
	display: block;
	color:#A9A9A7;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
}
.txttitreblanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	margin-top: 5px;
	margin-left: 20px;
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 3px;
	padding-bottom: 3px;
	margin-bottom: 1px;
}
.txtblanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 20px;
	display: block;
	margin-right: 15px;
}
.textblanc {
	font:bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;	
	display: block;
	margin:4px 0 0;
}
.image{
margin:0 6px 0;
}
#calctxt1 li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	display: list-item;
	list-style-position: outside;
	list-style-image: url(images/index/centre-relation-client.gif);
	line-height: 13px;
	text-align: left;
}
#calctxt2 {
	position:absolute;
	left:317px;
	top:389px;
	width:476px;
	z-index:5;
	border: 1px solid #3399cc;;
}
#calcblanc {
	position:absolute;
	left:0px;
	top:278px;
	width:365px;
	height:148px;
	z-index:2;
}
#calcblanc li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	list-style-position: outside;
	list-style-image: url(images/index/logistique-CRM.gif);
	color: #FFFFFF;
	line-height: 13px;
	margin-right: 15px;
	display: list-item;
}
#calcblanc ul {
	margin-top:4px;
	margin-bottom:10px;
}
ul {
	margin-top:4px;
	margin-bottom:10px;
}
#calccontenu li {
	list-style-position: outside;
	list-style-image: url(images/index/colisage-vad.gif);
	display: list-item;
	margin-left: 12px;
}
.txtvousetes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #f08e29;
	text-decoration: none;
	display: block;
	font-weight: bold;
	padding-top: 28px;
	padding-left: 40px;
}
.txttitre1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
	text-decoration: none;
	font-weight: normal;
	word-spacing: -1px;
	display: block;
}
.txttitre2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
	word-spacing: -1px;
	display: block;
	color: #F28E2B;
}
.txttitre3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
	word-spacing: -1px;
	display: block;
	color: #97c00e;
}
.txttitre4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
	word-spacing: -1px;
	display: block;
	color: #97c00e;
}
#calccasetxt1 li {
	display: block;
	list-style-image: url(../images/exemples/prise-de-commande-multicanal.gif);
	font-family: Arial, Helvetica, sans-serif;
	word-spacing: -1px;
	font-size: 12px;
	text-align: left;
	color: #333333;
	margin-left: -25px;
}
#calccasetxt2 li {
	display: list-item;
	list-style-image: url(../images/exemples/prise-de-commande-multicanal.gif);
	font-family: Arial, Helvetica, sans-serif;
	word-spacing: -1px;
	font-size: 12px;
	text-align: left;
	color: #333333;
	margin-left: -25px;
}
#calccasetxt3 li {
	display: list-item;
	list-style-image: url(../images/exemples/prise-de-commande-multicanal.gif);
	font-family: Arial, Helvetica, sans-serif;
	word-spacing: -1px;
	font-size: 12px;
	text-align: left;
	color: #333333;
	margin-left: -25px;
}
#calccasetxt4 li {
	display: list-item;
	list-style-image: url(../images/exemples/prise-de-commande-multicanal.gif);
	font-family: Arial, Helvetica, sans-serif;
	word-spacing: -1px;
	font-size: 12px;
	text-align: left;
	color: #333333;
	margin-left: -25px;
}
#calccasetxt1-vert li {
	display: block;
	list-style-image: url(../images/exemples/distribution-PLV-agences.gif);
	font-family: Arial, Helvetica, sans-serif;
	word-spacing: -1px;
	font-size: 12px;
	text-align: left;
	color: #333333;
	margin-left: -25px;
}
#calccasetxt2-vert li {
	display: list-item;
	list-style-image: url(../images/exemples/distribution-PLV-agences.gif);
	font-family: Arial, Helvetica, sans-serif;
	word-spacing: -1px;
	font-size: 12px;
	text-align: left;
	color: #333333;
	margin-left: -25px;
}
#calccasetxt1-marron li {
	display: block;
	list-style-image: url(../images/exemples/relation-client-banque-assurance.gif);
	font-family: Arial, Helvetica, sans-serif;
	word-spacing: -1px;
	font-size: 12px;
	text-align: left;
	color: #333333;
	margin-left: -25px;
}
#calccasetxt2-marron li {
	display: list-item;
	list-style-image: url(../images/exemples/relation-client-banque-assurance.gif);
	font-family: Arial, Helvetica, sans-serif;
	word-spacing: -1px;
	font-size: 12px;
	text-align: left;
	color: #333333;
	margin-left: -25px;
}
.formchamps {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #01A6DE;
}
.liencontact {
	font-family: "Arial Narrow", Arial;
	font-size: 16px;
	color: #333333;
	text-decoration: none;
}
a.liencontact:link {
	font-family: "Arial Narrow", Arial;
	font-size: 16px;
	color: #333333;
	text-decoration: none;
}
a.liencontact:visited {
	font-family: "Arial Narrow", Arial;
	font-size: 16px;
	color: #333333;
	text-decoration: none;
}
a.liencontact:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	text-decoration: underline;
}
a.liencontact:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	text-decoration: none;
}