body {margin-top:20px;background:url(/images/body-bg.png) center top repeat-x #f2f2f2;font-size:12px;line-height:16px;font-family:Arial, Helvetica, "Lucida Grande", Tahoma, sans-serif;color:#333;}

h1 {text-indent:-9999px;position:absolute;top:50px;left:32px;}
h2 {margin-bottom:18px;font-size:18px;color:#666;}
h3 {font-size:18px;color:#006699;line-height:25px;margin-bottom:13px;}
h4 {font-size:12px;line-height:16px; padding-bottom:10px;}
h5 {font-size:14px;line-height:21px; padding-bottom:10px; color:#999999}
p {margin-bottom:16px;}
a {color:#3366cc;text-decoration:none;}
a:hover {text-decoration:underline;}
#contenu ul {padding-left:30px; list-style-image:url(/images/puce.png);margin-bottom:20px;}
#contenu ul.indented {margin-left:10px;}
.li {margin-bottom:7px;}

label {font-size:14px;color:#006eac;font-weight:bold;width:75px;display:block;float:left;}
input, textarea {border:1px solid #c4c4c4;font-family:Arial, Helvetica, "Lucida Grande", Tahoma, sans-serif;font-size:12px;line-height:16px;background-color:white;color:#333;padding:6px;}
input {width:360px;}
input.submit {width:auto;border:none;padding:0;}

.text {border:1px solid #c4c4c4;font-family:Arial, Helvetica, "Lucida Grande", Tahoma, sans-serif;font-size:12px;line-height:16px;background-color:white;color:#333;padding:6px;}
.textmessage {border:1px solid #c4c4c4;font-family:Arial, Helvetica, "Lucida Grande", Tahoma, sans-serif;font-size:12px;line-height:16px;background-color:white;color:#333;padding:6px; width:460px;}


#wrapper {width:964px;margin:0 auto;position:relative;}
#contenu {width:960px;margin:0 auto;}

#header #logo {width:293px;height:118px;text-indent:-9999px;overflow:hidden;background:url(/images/texte/statcube-logo.png) center center no-repeat;display:block;float:left; z-index:1}

#nav {float:right;margin:55px 2px 0 0; z-index:100}
#nav li {float:left;padding-left:0px;} /* padding au lieu de margin, sinon IE6 double margin */
#nav li a {height:50px;display:block;background-position:center top;background-repeat:no-repeat;}

#nav li a.home {text-indent:-9999px;width:80px;background-image:url(/images/nav/home.jpg);}
#nav li a.home:hover {text-indent:-9999px;width:80px;background-image:url(/images/nav/home-hover.jpg);}
.home #nav .home {height:50px;background-image:url(/images/nav/home-hover.jpg);}

#nav li a.solution {text-indent:-9999px;width:93px;background-image:url(/images/nav/solution.jpg);}
#nav li a.solution:hover {text-indent:-9999px;width:93px;background-image:url(/images/nav/solution-hover.jpg);}
.solution #nav .solution {text-indent:-9999px;width:93px;background-image:url(/images/nav/solution-hover.jpg);}

#nav li a.technology {text-indent:-9999px;width:114px;background-image:url(/images/nav/technology.jpg);}
#nav li a.technology:hover {text-indent:-9999px;width:114px;background-image:url(/images/nav/technology-hover.jpg);}
.technology #nav .technology {background-image:url(/images/nav/technology-hover.jpg);}

#nav li a.support {text-indent:-9999px;width:90px;background-image:url(/images/nav/support.jpg);}
#nav li a.support:hover {text-indent:-9999px;width:90px;background-image:url(/images/nav/support-hover.jpg);}
.support #nav .support {background-image:url(/images/nav/support-hover.jpg);}

#nav li a.company {text-indent:-9999px;width:102px;background-image:url(/images/nav/company.jpg);}
#nav li a.company:hover {text-indent:-9999px;width:102px;background-image:url(/images/nav/company-hover.jpg);}
.company #nav .company {background-image:url(/images/nav/company-hover.jpg);}

#nav li a.contact {text-indent:-9999px;width:104px;background-image:url(/images/nav/contact.jpg);}
#nav li a.contact:hover {text-indent:-9999px;width:104px;background-image:url(/images/nav/contact-hover.jpg);}
.contact #nav .contact {background-image:url(/images/nav/contact-hover.jpg);}

#nav li a.francais {text-indent:-9999px;width:59px;background-image:url(/images/nav/francais.jpg);}

#encadre {position:absolute;top:103px;width:964px; height:128px; background:url(/images/encadre.jpg) center bottom no-repeat;}
#encadre-solution {position:absolute;top:103px;width:964px; height:153px; background:url(/images/encadre-solution.png) center bottom no-repeat;}
#fadeshow1 { float:left;top:0px;width:964px; height:128px;}
#contenu {position:relative;top:200px;}

#footer {position:relative;top:80px;clear:both;text-align:right;font-size:11px;color:#999;}
#footer img {margin-left:5px;}

/* General */

.clearfix {clear:both;}
.erreur {color:red;}
.bouton-information a {width:176px;height:31px;display:block;text-indent:-9999px;overflow:hidden;background:url(/images/bouton-demande-dinformation.png) center center no-repeat;}
.bouton-video a {width:176px;height:31px;display:block;text-indent:-9999px;overflow:hidden;background:url(/images/bouton-video.png) center center no-repeat;}
.bouton-interface-web a {width:176px;height:31px;display:block;text-indent:-9999px;overflow:hidden;background:url(/images/bouton-interface-web.png) center center no-repeat;}
.bouton-rapport a {width:125px;height:31px;display:block;text-indent:-9999px;overflow:hidden;background:url(/images/bouton-rapport.png) center center no-repeat;}
.bouton-imprimable a {width:176px;height:31px;display:block;text-indent:-9999px;overflow:hidden;background:url(/images/bouton-imprimable.png) center center no-repeat;}

/* Accueil */
.home #logo h1 {text-indent:-9999px;position:absolute;top:50px;left:32px; background:none;}
.home {color:#666;}

.home #encadre1111111 {height:302px;background-image:url(/images/encadre-home.jpg);top:134px;}
.home h1 {text-indent:-9999px;width:293px;height:51px;background:url(/images/texte/turn-data.jpg)  no-repeat;} /* utilise h1 pour faire la partie tranchée de la tête */
.home #encadre ul {display:none;}
.home #encadre11111 div {position:absolute;top:153px;left:356px;font-size:14px;}
.home #encadre .bouton-savoir-plus a {width:147px;height:39px;text-indent:-9999px;overflow:hidden;display:block;background:url(/images/bouton-savoir-plus-gros.png) center center no-repeat;margin-top:18px;}
.home #contenu {top:300px;}
.home h2 {text-indent:-9999px;overflow:hidden;}
.home h3 {text-indent:-9999px;overflow:hidden;}
.home h4 { color:#3366cc; font-size:13px; font-family:Arial, Helvetica, sans-serif; padding-bottom:5px;}
.home h5 {text-indent:-9999px;overflow:hidden;}
.home #col1 {width:590px;float:left;padding:0 25px;}
.home #col1 h2 {width:409px;height:51px;background:url(/images/texte/turn-data.jpg) center top no-repeat;}
.home #col1 p {font-size:14px;}
.upcoming {width:229px;height:36px;background:url(/images/texte/upcoming.jpg) no-repeat;}
.lastest-news {width:229px;height:36px;background:url(/images/texte/lastest-news.jpg) no-repeat;}
.find-out-more a {width:176px;height:40px;display:block;text-indent:-9999px;overflow:hidden;background:url(/images/find-out-more.jpg) no-repeat;}

.home #col3 {width:170px;height:320px;float:left;padding:0 25px;border-left:1px solid #dfd8ae;}
.home #col3--------------------- h2 {width:204px;height:45px;background:url(/images/texte/upcoming.jpg) center top no-repeat;}
.home #col3 p {margin-bottom:8px;}
.home #footer {top:0;}

/* Solution */


.solution #encadre h1 {width:204px;height:27px;background:url(/images/texte/h1/solution.png) center center no-repeat;}
.solution #encadre p {position:absolute;font-size:14px;line-height:16px;top:50px; left:400px;color:#666;}
.solution #encadre p strong {display:block;}

.solution #col1 {position:relative;top:-10px;float:left;}
.solution #subnav {padding:0;list-style-image:none;padding-right:10px;}
.solution #subnav li a {height:43px;width:295px;display:block;text-indent:-9999px;background-image:url(/images/texte/solution-subnav.png);background-repeat:no-repeat;}

.solution #subnav li a.features {background-position:left top;height:43px;}
.solution #subnav li a.benefits {background-position:left -43px;}

.solution #subnav li a.features:hover {background-position:right top;}
.solution #subnav li a.benefits:hover {background-position:right -43px;}
.solution #subnav li.active a.features {background-position:right top;}
.solution #subnav li.active  a.benefits {background-position:right -43px;}



.solution #col2 {float:left;border-left:1px solid #dfd8ae;padding:0 25px;width:435px;}


.solution #col3 {float:left;width:169px;padding:0 0px;}
.want-learn-more {float:left;width:169px; height:100px; background:url(/images/want-learn-more.jpg); }
.request-a-demo { margin-top:40px; margin-left:50px}
.contact-statcube { margin-top:-8px; margin-left:50px}
.solution #col3 h2 {text-indent:-9999px;overflow:hidden;width:158px;height:41px;background:url(/images/texte/pourquoi-choisir-statcube.png) center center no-repeat;}

.solution .main #col2, .solution .main #col3 {color:#666;}

/* Notre solution > Intégration */
.solution .integration #subnav li a.integration {background-position:right top;}
.solution .integration h2 {display:none;}
.solution .integration p strong, .solution .traitement p strong {font-size:14px;}
.solution .integration #col2 {width:380px;padding-top:20px;}
.solution .integration #col2 p {margin-bottom:8px;}
.solution .integration #col2 .bouton-information {margin-top:20px; margin-bottom:4px;}
.solution .integration #col3 {width:190px;padding:20px 0 0 0;text-align:right;}
.solution .retour a {text-transform:uppercase;font-size:11px;text-decoration:none;font-weight:bold;color:#666;}
.solution .retour a:hover {text-decoration:underline;}

/* Notre solution > Traitement des donnéees */
.solution .traitement #subnav li a.traitement {background-position:right -110px;}
.solution .traitement h2 {display:none;}
.solution .traitement #col2 {width:530px;padding-right:0;padding-top:20px;}
.solution .traitement #col3 {width:70px;padding:20px 0 0 10px;}
.solution .traitement .bouton-information {margin-bottom:4px;}

/* Notre solution > Résultats */
.solution .resultats #subnav li a.resultats {background-position:right -210px;}
.solution .resultats h2 {display:none;}
.solution .resultats #col2 {width:380px;padding-top:20px;}
.solution .resultats #col3 {width:190px;padding:20px 0 0 0;text-align:right;}
.solution .resultats p {margin-bottom:8px;}
.solution .resultats .indented {line-height:24px;}
.solution .resultats .bouton-video {margin-top:24px;}
.solution .resultats .bouton-video, .solution .resultats .bouton-interface-web {margin-bottom:4px;}
.solution .resultats .bouton-imprimable {margin-bottom:36px;}

/* Fonctions */


.fonctions #encadre h1 {width:139px;height:27px;background:url(/images/texte/h1/fonctions.png) center center no-repeat;}
.fonctions h2 {font-size:18px;color:#006699;line-height:18px;margin-bottom:4px;}
.fonctions h3 {font-size:12px;margin-bottom:0;line-height:18px;font-weight:bold;text-transform:uppercase;color:#b39d11;}

.fonctions #col1 {width:265px;padding:0 20px 0 30px;float:left;}
.fonctions #col1 ul {list-style-image:url(/images/puce-grosse.png);font-size:18px;color:#666;line-height:20px;}
.fonctions #col1 ul li {margin-bottom:10px;}
.fonctions #presentation {width:630px;float:left;border-left:1px solid #dfd8ae;}
.fonctions .col2, .fonctions .col3 {width:265px;float:left;padding:0 20px 0 30px;}
.fonctions #contenu ul.indented {margin-left:17px;margin-bottom:24px;}
.fonctions #rapports {clear:both;}
.fonctions #rapports h2 {margin-bottom:18px}
.fonctions #rapports .col3 {margin-top:34px;}
.fonctions .bouton-rapport {margin-top:-12px;margin-left:-1px;}
.fonctions .bouton-video {margin-bottom:4px;}
.fonctions .bouton-interface-web {margin-bottom:4px;}
.fonctions #footer {top:0;}

/*company*/


.company #encadre h1 {width:129px;height:43px;top:43px;background:url(/images/texte/h1/a-propos.png) center center no-repeat;}
.company #col1 {width:240px;padding:0 40px 0 30px;float:left;}

.company #col2 {width:590px;padding:0 25px;float:left;border-left:1px solid #dfd8ae;}
.company #footer {margin-top:300px;}

/* Contact et Demande d'informations */


.contact #encadre h1 {width:110px;height:27px;background:url(/images/texte/h1/contact.png) center center no-repeat;}
.contact #col1 h4 {color:#666;font-size:14px;line-height:16px;margin-bottom:6px;}
.contact #col1 p {margin-bottom:8px;}
.contact #col1 {width:210px;padding:0 55px 0 25px;float:left;}
.contact #col2 {width:580px;float:left;border-left:1px solid #dfd8ae;padding:0 25px;}
.contact h2 {margin-bottom:24px;}
.contact form div {margin-bottom:10px;}
.contact textarea {width:435px;height:140px;clear:both;}
.contact input {position:relative;top:-5px;}
.contact input.submit {position:static;}


.contact .demande #encadre h1 {width:336px;height:27px;background:url(/images/texte/h1/demande-dinformation.png) center center no-repeat;}
.contact .demande label {width:90px;}
.contact .demande textarea {width:450px;}
.contact .demande input#telephone {width:200px;}
.contact .demande div#firme {height:26px;}
.contact .demande label#firme_label {width:260px;}
.contact .demande #firme_oui_label, .contact .demande #firme_non_label {color:#333;font-size:12px;font-weight:normal;float:left;width:auto;}
.contact .demande #firme_oui, .contact .demande #firme_non {display:block;float:left;margin:3px 3px 0 30px;background-color:#f2f2f2;width:auto;border:none;}


/* Contact et Demande d'informations */


.support #encadre h1 {width:110px;height:27px;background:url(/images/texte/h1/support.png) center center no-repeat;}
.support #col1 h4 {color:#666;font-size:14px;line-height:16px;margin-bottom:6px;}
.support #col1 p {margin-bottom:8px;}
.support #col1 {width:210px;padding:0 55px 0 25px;float:left;}
.support #col2 {width:580px;float:left;border-left:1px solid #dfd8ae;padding:0 25px;}
.support h2 {margin-bottom:24px;}
.support form div {margin-bottom:10px;}
.support textarea {width:435px;height:140px;clear:both;}
.support input {position:relative;top:-5px;}
.support input.submit {position:static;}

.support .demande #nav .support {background-position:center top;}
.support .demande #encadre h1 {width:336px;height:27px;background:url(/images/texte/h1/demande-dinformation.png) center center no-repeat;}
.support .demande label {width:90px;}
.support .demande textarea {width:450px;}
.support .demande input#telephone {width:200px;}
.support .demande div#firme {height:26px;}
.support .demande label#firme_label {width:260px;}
.support .demande #firme_oui_label, .support .demande #firme_non_label {color:#333;font-size:12px;font-weight:normal;float:left;width:auto;}
.support .demande #firme_oui, .support .demande #firme_non {display:block;float:left;margin:3px 3px 0 30px;background-color:#f2f2f2;width:auto;border:none;}




  	.contenu a  {     
  	color:#666666;     
  	text-decoration:none;       
  	}      
  	.contenu a:hover   {     
  	color:#666666;     
  	text-decoration:none;     
  	} 	
	.contenu a:visited   {     
  	color:#666666;     
  	text-decoration:none;     
  	} 
	
	
	.Style3 {color: #006699; font-weight: bold; }
	.bg-titre-tab { background:url(/images/bg-titre-tableau.jpg); height:29px; padding-top:7px; padding-left:5px; border-style:solid; color:#006699; font-weight: bold; font-size:11pt }
	.bg-blanc {background:#FFFFFF; padding-top:5px; padding-left:5px; border-bottom:#666666; }
	.bg-gris {background:#f9f9f9;padding-top:5px; padding-left:5px; border-bottom:#666666; }
	
	
	
	
	
	
/* --------------------------------------------------Technology------------------------------------------------------------------- */


.technology #encadre h1 {width:204px;height:27px;background:url(/images/texte/h1/technology.png) center center no-repeat;}
.technology #encadre p {position:absolute;font-size:14px;line-height:16px;top:50px; left:400px;color:#666;}
.technology #encadre p strong {display:block;}

.technology #col1 {position:relative;top:-10px;float:left;}
.technology #subnav {padding:0;list-style-image:none;padding-right:10px;}
.technology #subnav li a {height:100px;width:310px;display:block;text-indent:-9999px;background-image:url(../images/technology-subnav.png);background-repeat:no-repeat;}
.technology #subnav li a.integration {background-position:left top;height:110px;}
.technology #subnav li a.traitement {background-position:left -110px;}
.technology #subnav li a.resultats {background-position:left -210px;}
.technology #subnav li a.integration:hover {background-position:right top;}
.technology #subnav li a.traitement:hover {background-position:right -110px;}
.technology #subnav li a.resultats:hover {background-position:right -210px;}

.technology #col2 {float:left;border-left:1px solid #dfd8ae;padding:0 25px;width:260px;}
.technology #col2 h2 {text-indent:-9999px;overflow:hidden;width:114px;height:41px;background:url(/images/texte/une-solution-cle-en-main.png) center center no-repeat;}

.technology #col3 {float:left;width:260px;padding:0 25px;}
.technology #col3 h2 {text-indent:-9999px;overflow:hidden;width:158px;height:41px;background:url(/images/texte/pourquoi-choisir-statcube.png) center center no-repeat;}

.technology .main #col2, .technology .main #col3 {color:#666;}

/* Notre solution > Intégration */
.technology .integration #subnav li a.integration {background-position:right top;}
.technology .integration h2 {display:none;}
.technology .integration p strong, .technology .traitement p strong {font-size:14px;}
.technology .integration #col2 {width:380px;padding-top:20px;}
.technology .integration #col2 p {margin-bottom:8px;}
.technology .integration #col2 .bouton-information {margin-top:20px; margin-bottom:4px;}
.technology .integration #col3 {width:190px;padding:20px 0 0 0;text-align:right;}
.technology .retour a {text-transform:uppercase;font-size:11px;text-decoration:none;font-weight:bold;color:#666;}
.technology .retour a:hover {text-decoration:underline;}

/* Notre solution > Traitement des donnéees */
.technology .traitement #subnav li a.traitement {background-position:right -110px;}
.technology .traitement h2 {display:none;}
.technology .traitement #col2 {width:530px;padding-right:0;padding-top:20px;}
.technology .traitement #col3 {width:70px;padding:20px 0 0 10px;}
.technology .traitement .bouton-information {margin-bottom:4px;}

/* Notre solution > Résultats */
.technology .resultats #subnav li a.resultats {background-position:right -210px;}
.technology .resultats h2 {display:none;}
.technology .resultats #col2 {width:380px;padding-top:20px;}
.technology .resultats #col3 {width:190px;padding:20px 0 0 0;text-align:right;}
.technology .resultats p {margin-bottom:8px;}
.technology .resultats .indented {line-height:24px;}
.technology .resultats .bouton-video {margin-top:24px;}
.technology .resultats .bouton-video, .technology .resultats .bouton-interface-web {margin-bottom:4px;}
.technology .resultats .bouton-imprimable {margin-bottom:36px;}
.espace {padding-left:15px; }



/* Fonctions */


.fonctions #encadre h1 {width:139px;height:27px;background:url(/images/texte/h1/fonctions.png) center center no-repeat;}
.fonctions h2 {font-size:18px;color:#006699;line-height:18px;margin-bottom:4px;}
.fonctions h3 {font-size:12px;margin-bottom:0;line-height:18px;font-weight:bold;text-transform:uppercase;color:#b39d11;}

.fonctions #col1 {width:265px;padding:0 20px 0 30px;float:left;}
.fonctions #col1 ul {list-style-image:url(/images/puce-grosse.png);font-size:18px;color:#666;line-height:20px;}
.fonctions #col1 ul li {margin-bottom:10px;}
.fonctions #presentation {width:630px;float:left;border-left:1px solid #dfd8ae;}
.fonctions .col2, .fonctions .col3 {width:265px;float:left;padding:0 20px 0 30px;}
.fonctions #contenu ul.indented {margin-left:17px;margin-bottom:24px;}
.fonctions #rapports {clear:both;}
.fonctions #rapports h2 {margin-bottom:18px}
.fonctions #rapports .col3 {margin-top:34px;}
.fonctions .bouton-rapport {margin-top:-12px;margin-left:-1px;}
.fonctions .bouton-video {margin-bottom:4px;}
.fonctions .bouton-interface-web {margin-bottom:4px;}
.fonctions #footer {top:0;}


/* Our solution */

.technology #encadre h1 {width:178px;background-image:url(../images/en/texte/h1/technology.png);}

.technology #col3 h2 {width:165px;background-image:url(../images/en/texte/pourquoi-choisir-statcube.png);}
.technology #col2 h2 {width:120px;background-image:url(../images/en/texte/une-solution-cle-en-main.png);}
.technology #col2 {padding-bottom:30px;width:270px;}
.technology .integration #col2, .technology .traitement #col2, .technology .resultats #col2 {padding-bottom:0;}


/* About us */

.company #encadre h1 {width:131px;height:27px;top:50px;background-image:url(../images/en/texte/h1/a-propos.png);}
#client-feedback {width:584px; height:233px;padding:0 20px 0 30px; margin:0 20px 0 30px;float:left; background:url(../images/client-feedback.jpg) no-repeat}
.client-feedback-text {margin:20px 50px 0 140px;}