@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0;}
html, body{width:100%;height:100%; text-align:left;}
body{font-family:Arial, Helvetica, sans-serif;font-size:12px; text-align:left; overflow-x:hidden;}

ul { list-style-type:none;}
a{ text-decoration:none;}
.clear{ display:block; height:8px;width:700px; height:9px;}

.keyword{ font-weight:bold; color:#173c8a; font-size:14px;}
.voir{ font-weight:normal;color:#df44f6;}
.voir:hover{ color:#C0C;}
#container{overflow-x:hidden;}

/* ------------------ HEADER ACCUEIL ------------------------*/
#container.accueil #allsubnav #subnav1{display:block;}
#container.accueil #allsubnav #subnav2{ display:none;}
#container.accueil #allsubnav #subnav3{ display:none;}
#container.accueil #allsubnav #subnav4{ display:none;}
#container.accueil #allsubnav #subnav5{ display:none;}
#container.accueil #allsubnav #subnav6{ display:none;}
#container.accueil #allsubnav #subnav7{ display:none;}

#container.accueil #nav ul li a#pageaccueil{ background:url(../img/bt-accueil.jpg) no-repeat; width:103px; padding:13px 16px;background-position:0px -45px;}
#container.accueil .wrapper{ padding-top:0px;}

/* -------------------HEADER ACTUALITES---------------------------*/
.dotclear #nav ul li a#pageactualites{ background:url(../img/bt-actualites.jpg) no-repeat; width:126px;padding:13px 13px;background-position:0px -45px;} 

/* -------------------HEADER DISPOSITIFS---------------------------*/
#container.dispositifs #nav ul li a#pagelogiciels{ background:url(../img/bt-logiciels.jpg) no-repeat; width:133px;padding:13px 24px 13px 23px;background-position:0px -45px;} 
#container.dispositifs #allsubnav ul li a.dispositifsactif{ color:#FF00FF;}

/* -------------------HEADER PACKS---------------------------*/
#container.packs #nav ul li a#pagelogiciels{ background:url(../img/bt-logiciels.jpg) no-repeat; width:133px;padding:13px 24px 13px 23px;background-position:0px -45px;} 
#container.packs #allsubnav ul li a.packsactif{ color:#FF00FF;}
#container.packs .wrapper{ padding-top:20px;}

/* -------------------HEADER GANESHA---------------------------*/
#container.ganesha #nav ul li a#pagelogiciels{ background:url(../img/bt-logiciels.jpg) no-repeat; width:133px;padding:13px 24px 13px 23px;background-position:0px -45px;} 
#container.ganesha #allsubnav ul li a.ganeshaactif{ color:#FF00FF;}

/* -------------------HEADER NOS OFFRES---------------------------*/
#container.offres #nav ul li a#pageservices{background:url(../img/bt-services.jpg) no-repeat; width:112px;padding:13px 15px;background-position:0px -45px;} 
#container.offres #allsubnav ul li a.offresactif{ color:#FF00FF;}

/* -------------------HEADER CONTENU---------------------------*/
#container.contenu #nav ul li a#pageservices{background:url(../img/bt-services.jpg) no-repeat; width:112px;padding:13px 15px;background-position:0px -45px;} 
#container.contenu #allsubnav ul li a.contenuactif{ color:#FF00FF;}

/* -------------------HEADER CONSEIL---------------------------*/
#container.conseil #nav ul li a#pageservices{background:url(../img/bt-services.jpg) no-repeat; width:112px;padding:13px 15px;background-position:0px -45px;} 
#container.conseil #allsubnav ul li a.conseilactif{ color:#FF00FF;}

/* -------------------HEADER CONSEIL---------------------------*/
#container.expertise #nav ul li a#pageservices{background:url(../img/bt-services.jpg) no-repeat; width:112px;padding:13px 15px;background-position:0px -45px;} 
#container.expertise #allsubnav ul li a.expertiseactif{ color:#FF00FF;}
#container.expertise .wrapper{ padding-top:20px;}

/* -------------------HEADER FORMATIONS---------------------------*/
#container.formations #nav ul li a#pageservices{background:url(../img/bt-services.jpg) no-repeat; width:112px;padding:13px 15px;background-position:0px -45px;} 
#container.formations #allsubnav ul li a.formationsactif{ color:#FF00FF;}

/* -------------------HEADER FORMATIONS INTRA---------------------------*/
#container.formationsintra #nav ul li a#pageservices{background:url(../img/bt-services.jpg) no-repeat; width:112px;padding:13px 15px;background-position:0px -45px;} 
#container.formationsintra #allsubnav ul li a.formationsintraactif{ color:#FF00FF;}

/* -------------------HEADER REFERENCES---------------------------*/
#container.references #nav ul li a#pageclients{ background:url(../img/bt-clients.jpg) no-repeat; width:96px;padding:13px 14px 13px 13px;background-position:0px -45px;} 
#container.references #allsubnav ul li a.referencesactifs{ color:#FF00FF;}

/* -------------------HEADER EXEMPLES---------------------------*/
#container.exemples #nav ul li a#pageclients{ background:url(../img/bt-clients.jpg) no-repeat; width:96px;padding:13px 14px 13px 13px;background-position:0px -45px;} 
#container.exemples #allsubnav ul li a.exemplesactifs{ color:#FF00FF;}

/* -------------------HEADER SOCIETE---------------------------*/
#container.societe #nav ul li a#pagesociete{ background:url(../img/bt-societe.jpg) no-repeat; width:101px;padding:13px 16px 13px 15px;background-position:0px -45px;} 
#container.societe #allsubnav ul li a.societeactif{ color:#FF00FF;}

/* -------------------HEADER HISTORIQUE---------------------------*/
#container.historique #nav ul li a#pagesociete{ background:url(../img/bt-societe.jpg) no-repeat; width:101px;padding:13px 16px 13px 15px;background-position:0px -45px;} 
#container.historique #allsubnav ul li a.historiqueactif{ color:#FF00FF;}

/* -------------------HEADER FORMULAIRE---------------------------*/
#container.formulaire #nav ul li a#pagecontact{background:url(../img/bt-contact.jpg) no-repeat;background-position:0px -45px; width:119px;padding:13px 17px;} 
#container.formulaire #allsubnav ul li a.formulaireactif{ color:#FF00FF;}

/* -------------------HEADER CARTE---------------------------*/
#container.carte #nav ul li a#pagecontact{background:url(../img/bt-contact.jpg) no-repeat;background-position:0px -45px; width:119px;padding:13px 17px;} 
#container.carte #allsubnav ul li a.carteactif{ color:#FF00FF;}

/* -------------------PAGES LOGICIELS SUBNAV 3---------------------------*/
.dotclear #allsubnav #subnav1{ display:none;}
.dotclear #allsubnav #subnav2{display:block;}
.dotclear #allsubnav #subnav3{ display:none;}
.dotclear #allsubnav #subnav4{ display:none;}
.dotclear #allsubnav #subnav5{ display:none;}
.dotclear #allsubnav #subnav6{ display:none;}
.dotclear #allsubnav #subnav7{ display:none;}


/* -------------------PAGES LOGICIELS SUBNAV 3---------------------------*/
body.logiciels #allsubnav #subnav1{ display:none;}
body.logiciels #allsubnav #subnav2{ display:none;}
body.logiciels #allsubnav #subnav3{display:block;}
body.logiciels #allsubnav #subnav4{ display:none;}
body.logiciels #allsubnav #subnav5{ display:none;}
body.logiciels #allsubnav #subnav6{ display:none;}
body.logiciels #allsubnav #subnav7{ display:none;}

/* -------------------PAGES SERVICES SUBNAV 4---------------------------*/
body.service #allsubnav #subnav1{ display:none;}
body.service #allsubnav #subnav2{ display:none;}
body.service #allsubnav #subnav3{ display:none;}
body.service #allsubnav #subnav4{display:block;}
body.service #allsubnav #subnav5{ display:none;}
body.service #allsubnav #subnav6{ display:none;}
body.service #allsubnav #subnav7{ display:none;}

/* -------------------PAGES CLIENTS SUBNAV 5---------------------------*/
body.clients #allsubnav #subnav1{ display:none;}
body.clients #allsubnav #subnav2{ display:none;}
body.clients #allsubnav #subnav3{ display:none;}
body.clients #allsubnav #subnav4{ display:none;}
body.clients #allsubnav #subnav5{display:block;}
body.clients #allsubnav #subnav6{ display:none;}
body.clients #allsubnav #subnav7{ display:none;}

/* -------------------PAGES SOCIETE SUBNAV 6---------------------------*/
body.lasociete #allsubnav #subnav1{ display:none;}
body.lasociete #allsubnav #subnav2{ display:none;}
body.lasociete #allsubnav #subnav3{ display:none;}
body.lasociete #allsubnav #subnav4{ display:none;}
body.lasociete #allsubnav #subnav5{ display:none;}
body.lasociete #allsubnav #subnav6{display:block;}
body.lasociete #allsubnav #subnav7{ display:none;}

/* -------------------PAGES CONTACT SUBNAV 7---------------------------*/
body.contact #allsubnav #subnav1{ display:none;}
body.contact #allsubnav #subnav2{ display:none;}
body.contact #allsubnav #subnav3{ display:none;}
body.contact #allsubnav #subnav4{ display:none;}
body.contact #allsubnav #subnav5{ display:none;}
body.contact #allsubnav #subnav6{ display:none;}
body.contact #allsubnav #subnav7{display:block;}

/* -------------------PAGE MENTIONS LEGALES---------------------------*/
body.mentions #allsubnav #subnav1{display:block;}
body.mentions #allsubnav #subnav2{ display:none;}
body.mentions #allsubnav #subnav3{ display:none;}
body.mentions #allsubnav #subnav4{ display:none;}
body.mentions #allsubnav #subnav5{ display:none;}
body.mentions #allsubnav #subnav6{ display:none;}
body.mentions #allsubnav #subnav7{ display:none;}

/* -------------------PAGE PLAN DU SITE---------------------------*/
body.plan #allsubnav #subnav1{display:block;}
body.plan #allsubnav #subnav2{ display:none;}
body.plan #allsubnav #subnav3{ display:none;}
body.plan #allsubnav #subnav4{ display:none;}
body.plan #allsubnav #subnav5{ display:none;}
body.plan #allsubnav #subnav6{ display:none;}
body.plan #allsubnav #subnav7{ display:none;}

/* -------------------HEADER SUPPORT---------------------------*/
body.support #allsubnav #subnav1{display:block;}
body.support #allsubnav #subnav2{ display:none;}
body.support #allsubnav #subnav3{ display:none;}
body.support #allsubnav #subnav4{ display:none;}
body.support #allsubnav #subnav5{ display:none;}
body.support #allsubnav #subnav6{ display:none;}
body.support #allsubnav #subnav7{ display:none;}



/* ------------------ ACCUEIL ------------------------*/
#container{ width:1034px; margin:0 auto; position:relative;}

#topcontent{ background:url(../img/topcontent.jpg) no-repeat; width:1034px; height:27px;}

#header{ background:url(../img/header.jpg) no-repeat; width:1034px; height:239px;}
#header h1{ text-indent:-10000px;}
#header .engages{ font-style:normal; color:#fff; font-size:18px; margin-left:335px; margin-top:95px;text-align:left; font-weight:bold; line-height:24px;}

.navtop{ background:url(../img/navtop.jpg) no-repeat; width:1034px; height:1px; display:block;}

#nav{ background:url(../img/nav.jpg) no-repeat; width:1034px; height:132px;padding-left:122px; position:relative;}
#nav .navleft{ background:url(../img/navleft.jpg) no-repeat; width:6px; height:121px; float:left;}
#nav ul{ background:url(../img/navcontent.jpg) repeat-x; list-style-type:none; width:794px;height:121px; float:left;}
#nav .navright{ background:url(../img/navright.jpg) no-repeat; width:6px; height:121px; float:left;}
#nav ul li{ display:block; float:left; height:45px; padding-top:0px;}
#nav ul li a{text-decoration:none; margin:5px 0px 5px 0px;font-size:16px; font-weight:bold; color:#fff;line-height:45px;height:45px;}

#nav ul li a#pageaccueil{ background:url(../img/bt-accueil.jpg) no-repeat; width:103px; padding:13px 16px;}
#nav ul li a:hover#pageaccueil{background-position:0px -45px;}

#nav ul li a#pageactualites{ background:url(../img/bt-actualites.jpg) no-repeat; width:126px;padding:13px 13px;}
#nav ul li a:hover#pageactualites{background-position:0px -45px;}

#nav ul li a#pagelogiciels{ background:url(../img/bt-logiciels.jpg) no-repeat; width:133px;padding:13px 24px 13px 23px;}
#nav ul li a:hover#pagelogiciels{background-position:0px -45px;}

#nav ul li a#pageservices{ background:url(../img/bt-services.jpg) no-repeat; width:112px;padding:13px 15px;}
#nav ul li a:hover#pageservices{background-position:0px -45px;}

#nav ul li a#pageclients{ background:url(../img/bt-clients.jpg) no-repeat; width:96px;padding:13px 14px 13px 13px;}
#nav ul li a:hover#pageclients{background-position:0px -45px;}

#nav ul li a#pagesociete{ background:url(../img/bt-societe.jpg) no-repeat; width:101px;padding:13px 16px 13px 15px;}
#nav ul li a:hover#pagesociete{background-position:0px -45px;}

#nav ul li a#pagecontact{ background:url(../img/bt-contact.jpg) no-repeat; width:119px;padding:13px 17px;}
#nav ul li a:hover#pagecontact{background-position:0px -45px;}

#allsubnav{color:#0a2f6c;clear:both; position:absolute; top:340px; left:140px; text-align:left;}
#allsubnav #subnav1{color:#0a2f6c; padding-top:15px;}
#allsubnav #subnav2{ display:none;}
#allsubnav #subnav3{ display:none;}
#allsubnav #subnav4{ display:none;}
#allsubnav #subnav5{ display:none;color:#0a2f6c; padding-top:15px;}
#allsubnav #subnav6{ display:none;color:#0a2f6c; padding-top:15px;}
#allsubnav #subnav7{ display:none;}

#subnav1 h2{ font-size:18px;}
#subnav5 h2{ font-size:18px;}
#subnav6 h2{ font-size:18px;}

#allsubnav ul{ background:none;}
#allsubnav ul li{display:block; clear:both; height:18px; padding:0px; margin:7px 0px 0px 0px;}
#allsubnav ul li a{color:#006bb5; font-size:15px;background:url(../img/triangles.gif) no-repeat;background-position:-5px -17px; padding-left:10px; text-decoration:none;}
#allsubnav ul li a:hover{color:#df44f6;background-position:-5px 0px;}
#allsubnav ul.listleft{ float:left;width:220px;}
#allsubnav ul.listmiddle{ float:left; width:250px;}
#allsubnav ul.listright{ float:left;}
#allsubnav ul li a.actif{ color:#FF00FF;}

#subnav2 ul.listleft{ float:left;width:353px;}
#subnav2 ul.listmiddle{ float:left; width:420px;}


#content{ background:url(../img/maincontent-footer.jpg) repeat-y; width:1034px; clear:both;height:842px;position:relative;}
#content.big{height:922px;}
#content.verybig{height:982px;}
#content.morebig{height:1112px;}
#content.little{height:682px;}
#content.littlecontact{height:502px;}
#content.littlecarte{height:632px;}
#content.big{height:922px;}

#maincontentop{ background:url(../img/maincontent-top.jpg) no-repeat; width:1034px;padding-left:130px; clear:both;height:248px; line-height:15px;}

#allsection{width:560px; height:570px; float:left; text-align:left;}
#allsection h2{ font-size:14px; font-weight:bold; margin:20px 0px 10px 10px; font-style:italic;}

.section{ padding-top:0px; margin-bottom:0px;height:130px;background:url(../img/bottom-section.jpg) repeat-x; width:490px; background-position:0px 128px; padding-bottom:0px; float:left; text-align:left;}
.section ul{float:left;}
.section.big{ padding-top:0px; margin-bottom:0px;height:160px;background:url(../img/bottom-section.jpg) repeat-x; width:490px; background-position:0px 148px; padding-bottom:0px; float:left; text-align:left;}

.section #iconoganesha{ background:url(../img/icono-ganesha.jpg) no-repeat; width:93px; height:75px;float:left; margin-top:38px; margin-right:20px;}
.section #iconoconseil{ background:url(../img/icono-conseil.jpg) no-repeat; width:93px; height:120px;float:left;margin-right:20px;background-position:15px 0px;}
.section #iconoformation{ background:url(../img/icono-formation.jpg) no-repeat; width:93px; height:120px;float:left;margin-right:20px;background-position:25px 0px;}
.section #iconocontenu{ background:url(../img/icono-realisation.jpg) no-repeat; width:98px; height:120px;float:left;margin-right:20px;background-position:5px 0px;}
.section h3{ color:#173c8a; font-size:16px; font-weight:bold; margin-bottom:10px; padding-top:15px;}
.section h4{ color:#e67e2c; font-size:16px; font-weight:bold; margin-bottom:10px;padding-top:15px;}
.section h5{ color:#df44f6; font-size:16px; font-weight:bold; margin-bottom:10px;padding-top:15px;}
.section h6{ color:#009ee0; font-size:16px; font-weight:bold; margin-bottom:10px;padding-top:15px;}

.section .logiciel{ margin-top:0px; padding-top:0px;}
.section .logiciel a{ cursor:text;color:#878889; font-size:14px;background:url(../img/bulle-bleu-fonce.jpg) no-repeat;background-position:0px -2px; padding-left:27px; line-height:22px;}
.section .logiciel .retrait{ margin-left:27px;font-size:14px;line-height:22px;color:#878889;}
.section .logiciel a:hover{font-size:14px;background:url(../img/bulle-bleu-fonce.jpg) no-repeat;background-position:0px -19px; padding-left:27px; line-height:22px;}

.section .conseil a{cursor:text;color:#878889; font-size:14px;background:url(../img/bulle-orange.jpg) no-repeat;background-position:0px -2px; padding-left:27px; line-height:22px;}
.section .conseil a:hover{ font-size:14px;background:url(../img/bulle-orange.jpg) no-repeat;background-position:0px -18px; padding-left:27px; line-height:22px;}

.section .formation a{cursor:text;color:#878889; font-size:14px;background:url(../img/bulle-rose.jpg) no-repeat;background-position:0px -2px; padding-left:27px; line-height:22px;}
.section .formation a:hover{ font-size:14px;background:url(../img/bulle-rose.jpg) no-repeat;background-position:0px -19px; padding-left:27px; line-height:22px;}

.section .contenu a{cursor:text;color:#878889; font-size:14px;background:url(../img/bulle-bleu-clair.jpg) no-repeat;background-position:0px -2px; padding-left:27px; line-height:22px;}
.section .contenu a:hover{ font-size:14px;background:url(../img/bulle-bleu-clair.jpg) no-repeat;background-position:0px -19px; padding-left:27px; line-height:22px;}

.ensavoirplus{ float:left;margin-left:3px; width:66px; margin-top:132px; border-bottom:solid 2px; border-bottom-color:#173c8a; font-size:12px; font-weight:bold;}

.ensavoirplus a{color:#8f8e8d;margin-left:1px;}
.ensavoirplus a:hover{color:#173c8a;}

.ensavoirplus.orange{ border-bottom-color:#e67e2c; margin-top:113px;}
.ensavoirplus.orange a:hover{color:#e67e2c;}

.ensavoirplus.rose{ border-bottom-color:#df44f6;margin-top:113px;}
.ensavoirplus.rose a:hover{color:#df44f6;}

.ensavoirplus.bleu{ border-bottom-color:#009ee0;margin-top:113px;}
.ensavoirplus.bleu a:hover{color:#009ee0;}

/*-------------------------MODULE JQUERY---------------------------------*/

#module{ width:240px; height:300px;float:left; z-index:200;}
#module.margetop{ margin-top:20px;}
#jDrawer-5{ float:left;}

/*-------------------------FOOTER----------------------------------------*/
#footer{ background:url(../img/footer.jpg) repeat-x; height:182px;width:790px; clear:both;margin:0px; padding:0px;position:absolute;top:660px; left:130px;}
#footer ul{ width:156px;height:150px; float:left;text-align:left;}
#footer ul li{ margin-left:25px;}
#footer ul li a{ color:#9c9d9f; font-size:12px; line-height:16px; text-align:left;}
#footer ul li a:hover{ color:#000;}
#footer ul li a.title{ color:#606063; font-size:12px; line-height:22px; text-align:left; font-weight:bold;}
#footer ul li a.title:hover{ color:#000;}
.footerbottom {color:#fff; clear:both; border-top:solid 1px; padding-top:5px; border-top-color:#fff; text-align:center;}
.footerbottom a{ color:#fff; font-size:12px; margin-bottom:40px;}
.footerbottom a:hover{ color:#9c9d9f;}

/* ------------------ FOOTER PACKS ------------------------*/
#container.packs #footer{position:absolute;top:740px; left:130px;}

/* ------------------ FOOTER GANESHA ------------------------*/
#container.ganesha #footer{position:absolute;top:740px; left:130px;}

/* ------------------ FOOTER CONTENU ------------------------*/
#container.contenu #footer{position:absolute;top:500px; left:130px;}

/* ------------------ FOOTER CONSEIL ------------------------*/
#container.conseil #footer{position:absolute;top:740px; left:130px;}

/* ------------------ FOOTER EXPERTISE ------------------------*/
#container.expertise #footer{position:absolute;top:740px; left:130px;}

/* ------------------ FOOTER FORMATIONS ------------------------*/
#container.formations #footer{position:absolute;top:800px; left:130px;}

/* ------------------ FOOTER FORMATIONS ------------------------*/
#container.formationsintra #footer{position:absolute;top:800px; left:130px;}

/* ------------------ FOOTER REFERENCES ------------------------*/
#container.references #footer{position:absolute;top:930px; left:130px;}



/* ------------------ FOOTER FORMULAIRE ------------------------*/
#container.formulaire #footer{position:absolute;top:320px; left:130px;}

/* ------------------ FOOTER CARTE ------------------------*/
#container.carte #footer{position:absolute;top:450px; left:130px;}

/* ------------------ FOOTER PLAN DU SITE ------------------------*/
body.plan #footer{position:absolute;top:740px; left:130px;}

/* ------------------ FOOTER MENTIONS LEGALES ------------------------*/
body.mentions #footer{position:absolute;top:800px; left:130px;}