body {background-color:#E7E7E7;font-size:10pt; font-family:Verdana, Arial, Helvetica, sans-serif;margin:0;padding:0;color:#333333;background-image:url(../images/body-bg.png);background-repeat:repeat-x;background-position:top center;border:0px;text-align:left; line-height:14pt;}

.date {color:#333333; font-size:9px;}


body#accueil a#accueil,
body#entreprise a#entreprise,
body#nos-solutions a#nos-solutions,      
body#gerez-vos-documents a#gerez-vos-documents,
body#pilotes-impression a#pilotes-impression,
body#nous-joindre a#nous-joindre
{ color:#6699FF } 



#page {width:960px;margin:auto;}
/* ---------------------------  HEADER  ---------------------------------------------------------------------------------*/
#header {clear:both;width:960px;height:150px;z-index:1px}
#logo {top:0px;width:350px;height:100px;z-index:1;position:absolute;}
.logo a {width:350px;height:60px;display:block;background:url(../images/logo-burocom.png) center center no-repeat;text-indent:-9999px;overflow:hidden;}

#menu-principal {top:100px;width:960px;height:49px; position:absolute; z-index:2; background:url(../images/bg-nav.png)}
.menu-principal a:link {font-size:10pt; color:#FFFFFF;font-weight:bold;letter-spacing:0px; text-decoration:none; }
.menu-principal a:visited {color:#FFFFFF;font-weight:bold;letter-spacing:0px; text-decoration:none; }
.menu-principal a:active {color: #000000;}
.menu-principal a:hover {color: #6699FF;}
#menu_horizontal {float:left; position:relative; padding-left:25px; margin-top:4px; width:960px;height:30px; z-index:3;}
ul#menu_horizontal li {display : inline;padding-left:10px; padding-right:35px;list-style-type : none; }

/* ----------------------------- CONTENU ------------------------------------------------------------------------------*/

#conteneur-pricipal {width:963px;clear:both;}
/* ----------------------------- Colone de gauche ---------------------------*/
#colone-gauche {position:absolute;float:left;width:240px; height:370px;margin-top:-1px; background:url(../images/bg-nav-left-2.png) no-repeat;}
#menu-gauche {position:relative;float:left;width:200px; height:150px;line-height:14pt;margin-top:106px; margin-left:-10px; z-index:10;}

.menu-gauche a:link {font-size:10pt; color:#FFFFFF;font-weight:bold;letter-spacing:0px; text-decoration:none; }
.menu-gauche a:visited {color:#FFFFFF;font-weight:bold;letter-spacing:0px; text-decoration:none; }
.menu-gauche a:active {color: #000000;}
.menu-gauche a:hover {color: #0066FF;}
ul#menu_gauche li {display : block; list-style-type : none; padding-bottom:11px; }




#menu-images {position:relative;float:left;width:200px;line-height:14pt; margin-left:0px; z-index:1;}
.bouton-gestion_impression_et_documents a {width:240px;height:141px;text-indent:-9999px;overflow:hidden;display:block;background:url(../images/bouton-gestion_impression_et_documents.png) center center no-repeat;margin-top:-15px;}
.bouton-gestion_impression_et_documents a:hover {background:url(../images/bouton-gestion_impression_et_documents_hover.png) center center no-repeat; margin-top:-15px;}

.bouton-equipement_bureautique a {width:240px;height:136px;text-indent:-9999px;overflow:hidden;display:block;background:url(../images/bouton-equipement_bureautique.png) center center no-repeat; margin-top:-15px;}
.bouton-equipement_bureautique a:hover {background:url(../images/bouton-equipement_bureautique_hover.png) center center no-repeat;}

#colone-droite-equipement-bureautique {position:relative;float:left; width:738px;height:770px;  margin-top:0px; left:235px; z-index:10; background: url(../images/colone-droite-bg.png)}



/* ----------------------------- Colone de droite ---------------------------*/

ul#colone_droite li { margin-left:-25px;}
ul#pas_de_puce li { margin-left:-25px; list-style-type:none;}

#texte-colone-droite {position:relative;float:left; width:430px; height:300px;line-height:14pt;margin-top:0px; left:30px; z-index:1000; }
#texte-colone-droite-actualites {position:relative;float:left; width:630px; line-height:14pt;margin-top:0px; left:30px; z-index:1000; }
#fil {position:relative;float:left; width:430px; margin-top:-15px; left:30px; z-index:1000; color: #0066FF; }
#fil a {text-decoration:none; color:#0066FF; font-weight:normal; }
#fil a:hover {color:#000066;;}

/* ----------------------------- Colone no 3 --------------------------------*/
#col-3 {position:absolute;float:left; width:260px; height:450px; line-height:14pt;margin-top:0px; padding-top:0px; padding-left:0px;  left:465px; z-index:1000; }

/* ------------- footer ---------------------------------------------------------------------------------------------------------------*/

#footer {margin:auto;width:965px;clear:both;height:82px;line-height:14pt;background-image:url(../images/footer-bg.png);color: #999999;font-family:Arial, Helvetica, sans-serif; font-size:11px; word-spacing : 2px ;}
#footer a {text-decoration:none; color:#999999; font-weight:normal; }
#footer a:hover {color:#FFFFFF;}
#footer-text {margin:auto;height:56px;z-index:4;width:960px;}
#nav-footer {left:265px; top:30px; width:270px; position: relative;}
#copyright {left:400px;width:315px;top:-19px;position:relative;}

#footer-optimise {margin:auto;width:1000px;clear:both;height:82px;line-height:14pt;color: #CCCCCC;font-family:Arial, Helvetica, sans-serif; font-size:8px; word-spacing : 2px ; text-align:center;}
#footer-optimise a {text-decoration:none; color: #CCCCCC; font-weight:normal; }
#footer-optimise a:hover {color:#CCCCCC;}


/* ---------------------------------------------------------------------------*/

h1 {color: #003366; font-size:16pt; line-height:17pt; font-weight:lighter; letter-spacing:-1px; font-family:Verdana, Arial, Helvetica, sans-serif;  }
h2 {color: #0099FF; font-size:15px; line-height:16px;    }
h3 {color: #000066; font-weight:bold;}
h4 {color: #000066; font-weight:bold;}
a {color: #0066FF; font-weight:bold;}
a:visited {color: #6699CC; }
a:active {color: #0066FF;}
a:hover {color: #000066;}
.gras {font-weight:bold;}
.gras_bleu {color: #0066FF; font-weight:bold;}

/* ------------------------------------------------------------------------------*/
/* ------------------Accueil---------------------------------------------------*/
#colone-gauche-accueil {position:absolute;float:left;width:240px; height:243px;margin-top:-1px; background:url(../images/bg-nav-left.png) no-repeat;}
#colone-droite-accueil {position:relative;float:left; width:738px; height:620px; margin-top:0px; left:232px; z-index:10; background: url(../images/colone-droite-bg.png)}
#nouvelles {position:relative;float:left;width:200px;line-height:14pt;margin-top:25px; margin-left:30px; z-index:1;}

/* ----------------------------- CONTENU - BANDEAU ---------------------------*/

#bandeau-accueil {float:left; position:relative; padding-left:18px; margin-top:-29px; width:700px;height:568px; z-index:2;}
#bouton-on-peut-vous-aider {position:relative;float:left;width:214px; height:36px;margin-top:-410px; margin-left:27px;z-index:1000;}
.bouton-on-peut-vous-aider a {width:214px;height:36px;text-indent:-9999px;overflow:hidden;display:block;background:url(../images/on-peut.png) center center no-repeat;}
.bouton-on-peut-vous-aider a:hover {background:url(../images/on-peut-hover.png) center center no-repeat;}

.bouton-retour-accueil a {width:234px;height:36px;text-indent:-9999px;overflow:hidden;display:block;background:url(../images/bouton-retour-accueil.png) center center no-repeat;}
.bouton-retour-accueil a:hover {background:url(../images/bouton-retour-accueil-hover.png) center center no-repeat;}
/* ------------------Textes en images-----------*/
#texte-colone-droite-accueil {position:relative;float:left; width:430px; height:300px;line-height:14pt;margin-top:-200px; left:260px; z-index:1000; }


/* ------------------------------------------------------------------------------*/
/* ------------------Entreprise-------------------------------------------------*/
#colone-droite-entreprise {position:relative;float:left; width:738px;height:1320px;  margin-top:0px; left:235px; z-index:10; background: url(../images/colone-droite-bg.png)}
#col-3-video {position:absolute;float:left; width:260px; height:450px; line-height:14pt;margin-top:3px; padding-top:425px; padding-left:20px;  left:465px; z-index:1000; background:url(../images/entreprise_personage.png) no-repeat; }
#video { height:328px; overflow:hidden; z-index:1000; }
#video img{border:0;}
#texte-sous-video {position:relative;float:left; width:440px; left:5px; z-index:1000; padding-top:20px; }

.bouton-video a {width:440px;height:333px;text-indent:-9999px;overflow:hidden;display:block;background:url(../images/video.png) center center no-repeat; margin-top:-15px;}
.bouton-video a:hover {background:url(../images/video-hover.png) center center no-repeat;}

/* ------------------Textes en images-----------*/
.pour_bien_servir {width:336px;height:69px;display: block;background:url(../images/textes/pour_bien_servir.png) center center no-repeat;text-indent:-9999px;overflow:hidden;}

.depuis-plus-de-25ans {width:240px;height:81px;display: block;background:url(../images/textes/depuis-plus-de-25ans.png) center center no-repeat;text-indent:-9999px;overflow:hidden;}
.service_tech_dispo {width:287px;height:29px; margin-bottom:-15px;display: block;background:url(../images/textes/service_tech_dispo.png) left center no-repeat;text-indent:-9999px;overflow:hidden;}
.equipe_specialiste {width:287px;height:29px;margin-bottom:-15px;display: block;background:url(../images/textes/equipe_specialiste.png) left center no-repeat;text-indent:-9999px;overflow:hidden;}
.engagement_environnemental {width:287px;height:29px;margin-bottom:-15px;display: block;background:url(../images/textes/engagement_environnemental.png) left center no-repeat;text-indent:-9999px;overflow:hidden;}



/* ------------------------------------------------------------------------------*/
/* ------------------Nos solutions ----------------------------------------*/
#colone-droite-solutions {position:relative;float:left; width:738px;height:840px;  margin-top:0px; left:235px; z-index:10; background: url(../images/colone-droite-bg.png)}
.col-3-nos-solutions {width:260px;height:672px;margin-bottom:0px;display: block;background:url(../images/Nos-solutions_benefices.png) no-repeat;left center no-repeat;text-indent:-9999px;overflow:hidden; }
/* ------------------Textes en images-----------*/
.burocom_votre_conseiller {width:331px;height:119px;display: block;background:url(../images/textes/burocom_conseiller_personel_gestion_impression.png) left center no-repeat;text-indent:-9999px;overflow:hidden;}


/* ------------------------------------------------------------------------------*/
/* ------------------Nous joindre ----------------------------------------*/
#colone-droite-nous-joindre {position:relative;float:left; width:738px;height:670px;  margin-top:0px; left:235px; z-index:10; background: url(../images/colone-droite-bg.png)}
#texte-colone-droite-nous-joindre {position:relative;float:left; width:650px; height:300px;line-height:14pt;margin-top:0px; left:30px; z-index:1000; }
.col-3-nos-solutions {width:260px;height:672px;margin-bottom:0px;display: block;background:url(../images/Nos-solutions_benefices.png) no-repeat;left center no-repeat;text-indent:-9999px;overflow:hidden; }
/* ------------------Textes en images-----------*/
.on-est-la-pour-vous {width:331px;height:59px;display: block;background:url(../images/textes/on-est-la-pour-vous.png) left center no-repeat;text-indent:-9999px;overflow:hidden;}
.information-generale {width:287px;height:29px;margin-bottom:-15px;display: block;background:url(../images/textes/information-generale.png) left center no-repeat;text-indent:-9999px;overflow:hidden;}
.vous-etes-client-burocom {width:287px;height:29px;display: block;background:url(../images/textes/vous-etes-client-burocom.png) left center no-repeat;text-indent:-9999px;overflow:hidden;}



/* ------------------------------------------------------------------------------*/
/* ------------------Erreur 404 / Plan ----------------------------------------*/
#colone-droite-erreur {position:relative;float:left; width:738px;height:570px;  margin-top:0px; left:235px; z-index:10; background: url(../images/colone-droite-bg.png)}
#texte-colone-droite-nous-joindre {position:relative;float:left; width:550px; height:300px;line-height:14pt;margin-top:0px; left:30px; z-index:1000; }
.col-3-nos-solutions {width:260px;height:672px;margin-bottom:0px;display: block;background:url(../images/Nos-solutions_benefices.png) no-repeat;left center no-repeat;text-indent:-9999px;overflow:hidden; }
/* ------------------Textes en images-----------*/
.Erreur404 {width:331px;height:59px;display: block;background:url(../images/textes/Erreur404.png) left center no-repeat;text-indent:-9999px;overflow:hidden;}
.PlanSite {width:331px;height:59px;display: block;background:url(../images/textes/PlanSite.png) left center no-repeat;text-indent:-9999px;overflow:hidden;}

/* ------------------------------------------------------------------------------*/
/* ------------------Nouvelles ----------------------------------------*/
#colone-droite-nouvelles {position:relative;float:left; width:738px;height:1070px;  margin-top:0px; left:235px; z-index:10; background: url(../images/colone-droite-bg.png)}
#colone-droite-actualites {position:relative;float:left; width:738px;  margin-top:0px; left:235px; z-index:10; background: url(../images/colone-droite-bg.png)}
.Nouvelles {width:331px;height:59px;display: block;background:url(../images/textes/nouvelles.png) left center no-repeat;text-indent:-9999px;overflow:hidden;}
.nouvelles{text-decoration:none; }

.titre-actualites a:link {font-size:13pt; color:#0066FF;font-weight:bold;letter-spacing:0px; text-decoration:none; }
.titre-actualites a:visited {color:#6699CC; text-decoration:none;}
.titre-actualites a:hover {color:#003366}


a {color: #0066FF; font-weight:bold;}
a:visited {color: #6699CC; }
a:active {color: #0066FF;}
a:hover {color: #000066;}


/* ------------------------------------------------------------------------------*/
/* ------------------Gerez vos documents ----------------------------------------*/
#colone-droite-documents {position:relative;float:left; width:738px;height:770px;  margin-top:0px; left:235px; z-index:10; background: url(../images/colone-droite-bg.png)}
.col-3-gerez-document {width:260px;height:672px;margin-bottom:0px;display: block;background:url(../images/GerezDocuments.png) no-repeat;left center no-repeat;text-indent:-9999px;overflow:hidden; }
/* ------------------Textes en images-----------*/
.gagnez-temps-efficacite {width:210px;height:59px;display: block;background:url(../images/textes/gagnez-temps-efficacite.png) left center no-repeat;text-indent:-9999px;overflow:hidden;}
.Gerez-vos-impressions {width:287px;height:29px;margin-bottom:-15px;display: block;background:url(../images/textes/Gerez-vos-impressions.png) left center no-repeat;text-indent:-9999px;overflow:hidden;}
.Gerez-vos-numerisations {width:375px;height:29px;margin-bottom:-15px;display: block;background:url(../images/textes/Gerez-vos-numerisations.png) left center no-repeat;text-indent:-9999px;overflow:hidden;}
.Gerez-votre-routage-documents {width:375px;height:29px;margin-bottom:-15px;display: block;background:url(../images/textes/Gerez-votre-routage-documents.png) left center no-repeat;text-indent:-9999px;overflow:hidden;}
.Gerez-classification-documents {width:375px;height:29px;margin-bottom:-15px;display: block;background:url(../images/textes/Gerez-classification-documents.png) left center no-repeat;text-indent:-9999px;overflow:hidden;} 

/* ------------------------------------------------------------------------------*/
/* ------------------Gestion d'impression_et_documents --------------------------*/
#colone-droite-impression_et_documents {position:relative;float:left; width:738px;height:900px;  margin-top:0px; left:235px; z-index:10; background: url(../images/colone-droite-bg.png)}
.col-3-impression_et_documents {width:260px;height:672px;margin-bottom:0px;display: block;background:url(../images/SolutionsGestionImpression.png) no-repeat;left center no-repeat;text-indent:-9999px;overflow:hidden; }
/* ------------------Textes en images-----------*/
.Vos-imprimantes-complices {width:375px;height:59px;display: block;background:url(../images/textes/Vos-imprimantes-complices.png) left center no-repeat;text-indent:-9999px;overflow:hidden;}
.On_connait_vos_besoins {width:287px;height:29px;margin-bottom:-15px;display: block;background:url(../images/textes/On_connait_vos_besoins.png) left center no-repeat;text-indent:-9999px;overflow:hidden;}
.On_vous_installe_on_vous_forme {width:375px;height:33px;margin-bottom:-15px;display: block;background:url(../images/textes/On_vous_installe_on_vous_forme.png) left center no-repeat;text-indent:-9999px;overflow:hidden;}
.Soyez_tranquille {width:287px;height:29px;margin-bottom:-15px;display: block;background:url(../images/textes/Soyez_tranquille.png) left center no-repeat;text-indent:-9999px;overflow:hidden;}

/* ------------------------------------------------------------------------------*/
/* ------------------Équipement de bureautique-----------------------------------*/
#colone-droite-equipement-bureautique {position:relative;float:left; width:738px;height:770px;  margin-top:0px; left:235px; z-index:10; background: url(../images/colone-droite-bg.png)}

/* ------------------Textes en images-----------*/
.besoin_acheter_equipement_bureautique {width:353px;height:63px;display: block;background:url(../images/textes/besoin_acheter_equipement_bureautique.png) left center no-repeat;text-indent:-9999px;overflow:hidden;}
.nous_avons_vous_faut {width:259px;height:19px;margin-bottom:2px;display: block;background:url(../images/textes/nous_avons_vous_faut.png) left center no-repeat;text-indent:-9999px;overflow:hidden;}
.garantie_burocom {width:259px;height:19px;margin-bottom:-9px;display: block;background:url(../images/textes/garantie_burocom.png) left center no-repeat;text-indent:-9999px;overflow:hidden;}


/* ------------------------------------------------------------------------------*/
/* ------------------Pilotes d'impression-----------------------------------*/
#colone-droite-pilote-impression {position:relative;float:left; width:738px;height:570px;  margin-top:0px; left:235px; z-index:10; background: url(../images/colone-droite-bg.png)}
#col-3-pilote-impression {position:absolute;float:left; width:260px; height:450px; line-height:14pt;margin-top:-15px; padding-top:225px; padding-left:20px;  left:465px; z-index:1000;}

/* ------------------Textes en images-----------*/
.Telechargez_les_pilotes_impression {width:353px;height:63px;display: block;background:url(../images/textes/Telechargez_les_pilotes_impression.png) left center no-repeat;text-indent:-9999px;overflow:hidden;}


/* ------------------------------------------------------------------------------*/
/* ------------------Appel de service--------------------------------------------*/
#colone-droite-appel_de_service {position:relative;float:left; width:738px;height:1420px;  margin-top:0px; left:235px; z-index:10; background: url(../images/colone-droite-bg.png)}
/* ------------------Textes en images-----------*/
.appel_de_service {width:264px;height:66px;display: block;background:url(../images/textes/appel_de_service.jpg) center center no-repeat;text-indent:-9999px;overflow:hidden;}
.recevoir-visite-technicien {width:375px;height:43px;display: block;background:url(../images/textes/recevoir-visite-technicien.png) center center no-repeat;text-indent:-9999px;overflow:hidden;}
.ConfirmationInfos {width:354px;height:76px;display: block;background:url(../images/textes/ConfirmationInfos.png) center left no-repeat;text-indent:-9999px;overflow:hidden;}



/* ------------------------------------------------------------------------------*/
/* ------------------évaluation gratuite--------------------------------------------*/
#colone-droite-evaluation {position:relative;float:left; width:738px;height:970px;  margin-top:0px; left:235px; z-index:10; background: url(../images/colone-droite-bg.png)}
#texte-colone-droite-evaluation {position:relative;float:left; width:430px; height:300px;line-height:14pt;margin-top:0px; left:30px; z-index:1000; }
/* ------------------Textes en images-----------*/
.evaluer-besoin-impression {width:375px;height:66px;display: block;background:url(../images/textes/evaluer-besoin-impression.png) center left no-repeat;text-indent:-9999px;overflow:hidden;}
.Evaluation-Gratuite-Burocom {width:440px;height:86px;display: block;background:url(../images/textes/Evaluation-Gratuite-Burocom.png) center center no-repeat;text-indent:-9999px;overflow:hidden;}
.ConfirmationInfos {width:354px;height:76px;display: block;background:url(../images/textes/ConfirmationInfos.png) center left no-repeat;text-indent:-9999px;overflow:hidden;}

/* ------------------Pages optimisées-----------------------------------*/
#colone-droite-pages-optimisees {position:relative;float:left; width:738px;height:910px; text-align:justify;  margin-top:0px; left:235px; z-index:10; background: url(../images/colone-droite-bg.png)}


label {display:block;line-height:30px;color: #0066FF; font-weight:bold; }



/* ---- #texte-colone-droite p input.small{width:260px;}
#texte-colone-droite p input.large{width:450px;}
#texte-colone-droite p input.tel{width:350px;}
#texte-colone-droite form{text-align: left; width: 508px;  margin-bottom: 20px;}----*/

input#tel {width:225px;border-style:inset;}
input#nom {width:450px;border-style:inset;}
input#courriel {width:450px;border-style:inset;}
input#model {width:450px;border-style:inset;}
input#no {width:225px;border-style:inset;}

textarea {height:150px; width:450px; border-style:inset;}

#evaluation-gratuite input#nom {width:210px; border-bottom-style:inset;}
#evaluation-gratuite input#prenom {width:210px;border-style:inset;}
#evaluation-gratuite input#position {width:450px;border-style:inset;}
#evaluation-gratuite input#entreprise {width:450px;border-style:inset;}
#evaluation-gratuite input#tel {width:210px;border-style:inset;}
#evaluation-gratuite input#courriel {width:450px;border-style:inset; }

div.myButton input {background:url(../images/bouton-envoyer-demande.png) no-repeat;cursor:pointer;width: 220px;height: 50px;border: none;text-indent: -9999px;}
div.myButtonconfir input {background:url(../images/Bouton_Confirmer.png) no-repeat;cursor:pointer;width: 220px;height: 50px;border: none;text-indent: -9999px;}




/* ---input.text { width:350px; }
.textarea { width:150px; height:80px; }
.required { color:#990000; }
.textarea_error { width:150px; height:80px; background-color: #FFFFCC;}
th { text-align:left; }
input.error { background-color: #FFFFCC; width:150px; }
.errorMessage { color:#990000; }
td.error { color:#990000; background-color: #FFFFCC; border: solid 1px #990000; padding:3px 5px 3px 5px; vertical-align:middle;}
.description { color:#666666; font-style: italic; }
.ddlTextOnly { color:#999999; }
td.222 { width:350px;}----*/


#colone-droite-evenement {position:relative;float:left; width:738px;height:850px;  margin-top:0px; left:235px; z-index:10; background: url(../images/colone-droite-bg.png)}
#texte-colone-droite-evenement {position:relative;float:left; width:650px; height:300px;line-height:14pt;margin-top:0px; left:30px; z-index:1000;}

.evenement-texte { color:#000000; font-weight:normal;}