/*************************************************************************************************************************************************************************/ /* Redefinitions des balises HTML */ /*************************************************************************************************************************************************************************/ *{margin:0;padding:0;} body, h1, h2, h3, h4, h5, h6, a, .input_text, select, textarea{font:12px/1.2em Verdana, Arial, Helvetica, Sans-serif;font-weight:normal;color:#635a56;} img{border:0} a{text-decoration:underline;outline:none;} a:hover{text-decoration:none;} select option{padding:0 3px;} hr{display:none;} fieldset{border:none;} fieldset legend{display:none;} /*************************************************************************************************************************************************************************/ #global{width:990px;margin:0 auto;} #top{width:100%;border-top:10px solid #453d38;} #top #ct_top{position:relative;border-top:1px solid #645d59;height:180px;} #top #ct_top #logo{margin:27px 0 0 35px;} #top #ct_top #baseline{width:529px;padding-top:16px;margin:11px 0 0 65px;} #top #ct_top #slogan{position:absolute;top:10px;right:12px;} #top #ct_top #menubar{position:absolute;bottom:0;width:100%;height:41px;overflow:hidden;} #menubar .rubrik{width:138px;float:left;display:inline;background:url(../images/bg-rubrik.gif) repeat-x 0 0;} #menubar li a{display:block;height:40px;overflow:hidden;background:url(../images/bg-li-menu.gif) no-repeat 0 50%;} #menubar li a:hover{background:url(../images/bg-rubrik-hover.gif) repeat-x 0 0;} #menubar li.first{width:148px;} #menubar li.first a{width:148px;background:none;} #menubar li.second a{background:url(../images/bg-li-menu-second.gif) no-repeat 0 0;} #menubar li.last{width:152px;} #menubar li.last a{width:152px;} #menubar li a span{display:block;margin:auto;margin-top:12px;} #menubar li #txt_accueil{width:55px;padding-top:16px;background:url(../images/txt-accueil.png) no-repeat 0 0;} #menubar li a:hover{background:url(../images/bg-rubrik-hover.gif) repeat-x 0 0;} #menubar li a:hover #txt_accueil{background:url(../images/txt-accueil.png) no-repeat 0 -16px;} #menubar li #txt_parole{width:71px;padding-top:17px;background:url(../images/txt-parole.png) no-repeat 0 0;} #menubar li a:hover #txt_parole{background:url(../images/txt-parole.png) no-repeat 0 -17px;} #menubar li #txt_evenement{width:106px;padding-top:17px;background:url(../images/txt-evenement.png) no-repeat 0 0;} #menubar li a:hover #txt_evenement{background:url(../images/txt-evenement.png) no-repeat 0 -17px;} #menubar li #txt_democratie{width:107px;padding-top:17px;background:url(../images/txt-democratie.png) no-repeat 0 0;} #menubar li a:hover #txt_democratie{background:url(../images/txt-democratie.png) no-repeat 0 -17px;} #menubar li #txt_vocceo_expert{width:96px;padding-top:21px;background:url(../images/txt-vocceo-expert.png) no-repeat 0 0;} #menubar li a:hover #txt_vocceo_expert{background:url(../images/txt-vocceo-expert.png) no-repeat 0 -21px;} #menubar li #txt_reference{width:108px;padding-top:17px;background:url(../images/txt-references.png) no-repeat 0 0;} #menubar li a:hover #txt_reference{background:url(../images/txt-references.png) no-repeat 0 -17px;} #menubar li #txt_contact{width:62px;padding-top:17px;background:url(../images/txt-contacts.png) no-repeat 0 0;} #menubar li a:hover #txt_contact{background:url(../images/txt-contacts.png) no-repeat 0 -17px;} #menubar li #txt_actualite{width:71px;padding-top:17px;background:url(../images/txt-actu.png) no-repeat 0 0;} #menubar li a:hover #txt_actualite{background:url(../images/txt-actu.png) no-repeat 0 -17px;} #menubar li #txt_reference_admin{width:71px;padding-top:17px;background:url(../images/txt-reference.png) no-repeat 0 0;} #menubar li a:hover #txt_reference_admin{background:url(../images/txt-reference.png) no-repeat 0 -17px;} .txt_img{text-indent:-3000px;height:0;} #middle{padding:0 0 58px 0;} #middle .img_centrale{width:1003px;height:316px;} #middle #img_centrale1{background:url(../images/img-centrale1.jpg) no-repeat 0 0;} #middle #img_centrale2{background:url(../images/img-centrale2.jpg) no-repeat 0 0;} #middle #img_centrale3{background:url(../images/img-centrale3.jpg) no-repeat 0 0;} #middle #img_centrale3-2{background:url(../images/img-centrale3-2.jpg) no-repeat 0 0;} #middle #img_centrale4{background:url(../images/img-centrale4.jpg) no-repeat 0 0;} #middle #img_centrale5{background:url(../images/img-centrale5.jpg) no-repeat 0 0;} #middle #img_centrale6{background:url(../images/img-centrale6.jpg) no-repeat 0 0;} #middle #img_centrale7{background:url(../images/img-centrale7.jpg) no-repeat 0 0;} #middle #middle1, #middle #middle2{padding:22px 30px 0 28px;overflow:hidden;} #middle #middle1 .colG{width:570px;padding:0 50px 0 0;} #middle #middle1 .colD{width:302px;} #middle1 .colG #intro{padding:0 0 26px 16px;} #middle1 .colG p{font-size:15px;color:#635a56;line-height:15px;padding:32px 0 0 16px;} #eff, #conv, #impl{font-size:20px;line-height:38px;padding:0 0 0 66px;} #eff{color:#f29400;background:url(../images/puce02.png) no-repeat 6px 50%;} #conv{color:#e95d0f;background:url(../images/puce00.png) no-repeat 0 50%;} #impl{color:#0086cb;background:url(../images/puce01.png) no-repeat 6px 50%;} .colD #bloc_actu{background:url(../images/bloc-actu.jpg) no-repeat 0 0;width:302px;height:276px;} .colD #bloc_actu h2{text-align:center;line-height:28px;height:28px;} .colD #bloc_actu .ct_txt{padding:22px 16px;} .colD #bloc_actu .ct_txt p{font-size:12px;line-height:15px;text-align:justify;} .colD #bloc_actu #img_actu{margin:0 auto;display:block;width:276px;height:99px;} .colD #bloc_actu #savoir{display:block;text-align:right;padding:0 12px 0 0;margin:14px 16px 0 0;background:url(../images/fleche00.gif) no-repeat 100% 50%;} #middle2 .block00 .ct_txt{background:#f4f2f2;padding:32px 30px 48px;} #middle2 .block00 .ct_txt h3{font-size:18px;} #middle2 .block00 .ct_txt orange{color:#E95D12;} #middle2 .block00 .ct_txt .puce00, #middle2 .block00 .ct_txt .puce01{font-size:22px;line-height:22px;} #middle2 .block00 .ct_txt .puce00{color:#0086cb;} #middle2 .block00 .ct_txt .puce01{color:#f29400;} #middle2 .block00 .ct_txt p{line-height:18px;font-size:16px;margin:18px 0 0 0;} #middle2 .block00 .ct_txt img{display:block;margin:20px auto;width:283px;height:220px;} #middle2 #solutions{width:451px;} #middle2 #solutions h2{width:451px;height:47px;background:url(../images/enc-txt-solution-vocceo.png) no-repeat 0 0;} #middle2 #solutions .ct_txt ul li{margin:8px 0 0 0;} #middle2 #solutions .ct_txt img{display:block;margin:42px auto 0;width:275px;height:184px;} #middle2 .colG{width:478px;} #middle2 .colD{width:450px;} #middle2 #vocceo h2{width:450px;height:47px;background:url(../images/enc-txt-vocceo.png) no-repeat 0 0;} #middle2 .block00 .ct_txt .txt0, .liste01 li{font-size:20px;color:#e95d0f;line-height:25px;} #bottom{height:40px;width:100%;} #bottom .ct_bot{float:left;display:inline;width:328px;height:14px;} #bottom #ct_bot1{background:#f29400;} #bottom #ct_bot2{background:#e95d0f;} #bottom #ct_bot3{background:#0086cb;width:334px;} #bottom #ct_bot4{background:#635957;height:26px;width:100%;} #bottom #ct_bot4 img{margin:2px 0 0 24px;} .page2 #pres{position:relative;width:100%;height:220px;padding:30px 0 0;} .page2 #pres dl#parole{width:100%;height:146px;margin:10px 0 0 0; text-align:center} #global .page4 #pres dl#parole{width:100%;} .page2 #pres dl#parole dt, .page2 #pres dl#parole dd{font-size:25px;line-height:30px;} .page2 #pres dl#parole dt{line-height:40px;} .page2 #pres dl#parole dd span{color:#f29400;font-weight:bold;} #global .page4 #pres dl#parole dd span{color:#009ee0;} #global .page3 #pres dl#parole dd span{color:#e95d0f;} .page2 #pres #bd{display:block;width:442px;height:326px;position:absolute;right:85px;top:30px;} .page2 #pres .test {text-align:center;} .page2 .block_float{position:relative;} .page2 .colG{width:614px;} .page2 .colG #lobjectif{position:absolute;left:0;top:-104px;width:508px;height:196px;background:url(../images/bloc-objectif.png) no-repeat 0 0;} #global .page3 .colG #lobjectif{position:absolute;left:0;top:-104px;width:514px;height:222px;background:url(../images/bloc-objectif2.png) no-repeat 0 0;} .page2 .colG #lobjectif *, #global .page4 #nvlle_dynamique *{text-indent:-3000px;height:0;list-style-type:none;} .page2 #txt_colG{margin:120px 0 0 0;} #global .page3 #txt_colG{margin:220px 0 0 0;position:relative;top:-42px;} .page2 #txt_colG *{font-size:16px;line-height:20px;} .page2 #txt_colG dl *{text-align:center;color:#f29400;} .page2 #txt_colG dl dt strong{font-size:20px;} #global .page3 #txt_colG dl dt strong{color:#e95d0f;} .page2 #txt_colG dl dd{font-size:18px;} .page2 #txt_colG p{text-align:center;} .page2 #txt_colG .liste02{margin:0 0 0 100px;} .page2 #txt_colG .liste02 li{line-height:22px;} .page2 #txt_colG .ct_fleche{width:100%;height:40px;overflow:hidden;} .page2 #txt_colG .ct_fleche img{width:35px;height:23px;display:block;margin:6px auto 0;} .page2 .colD{padding:0 0 0 50px;width:308px;position:relative;top:-60px;} .page2 .colD #vocceo_cest, .page2 .colD #avantages{} .page2 .colD #vocceo_cest h2{background:url(../images/enc-txt-vocceo-cest.png) no-repeat 0 0;} #global .page3 .colD #vocceo_cest h2{background:url(../images/enc-txt-vocceo-cest-2.png) no-repeat 0 0;} .page2 .colD #avantages h2{background:url(../images/enc-txt-avantages-vocceo.png) no-repeat 0 0;} #global .page3 .colD #avantages h2{background:url(../images/enc-txt-avantages-vocceo-2.png) no-repeat 0 0;} .page2 .colD h2{width:100%;height:48px;} .page2 .colD .ct_txt{background:#F4F2F2;overflow:hidden;} .page2 .colD .coins_bot{background:url(../images/coins-bot-00.png) no-repeat 0 0;width:308px;height:12px;} .page2 .liste03{margin:5px 30px 35px 22px;} .page2 .liste03 li{list-style-type:none;display:block;background:url(../images/bg-liste03-li.gif) repeat-x left top;font-size:13px;padding:14px 0 12px 0;} .page2 .liste03 li.first{background:none;} .page2 .process { border:3px solid #F00 ; background:#EAE8E8; padding: 10px 0px} .page5 .tit00{padding:35px 0 23px 0;} .page5 .colG, .page5 .colD{width:392px;} .page5 .colG{margin:0 37px 0 66px;} .page5 .colD{margin:0 48px 0 54px;} .page5 .txt_num{display:block;width:53px;height:53px;margin:0 auto;} .page5 .txt_1{background:url(../images/pastille-txt-1.png) no-repeat 0 0;} .page5 .txt_2{background:url(../images/pastille-txt-2.png) no-repeat 0 0;} .page5 .fleche{display:block;width:42px;height:49px;margin:10px auto;} .page5 h2{text-align:center;font-size:22px;} .page5 h3{width:392px;height:48px;margin:14px 0 0 0;} .page5 h4{font-size:15px;} .page5 p, .page5 li{font-size:13px;line-height:18px;} .page5 .colG h3{background:url(../images/enc-txt-qt-prospectif.png) no-repeat 0 0;} .page5 .colD h3{background:url(../images/enc-txt-qt-consensuel.png) no-repeat 0 0;} .page5 .ct_txt{background:#F4F2F2;overflow:hidden;padding:22px;} .page5 .ct_txt .rub{padding:26px 0 34px 0;background:url(../images/bg-liste03-li.gif) repeat-x 0 100%;} .page5 .ct_txt .rub .code_mail{text-align:center;} .page6 #ct_page6{padding:40px 44px 0 56px;} .page6 #ct_page6 .tit01{font-size:23px;letter-spacing:-1px; text-align:center} .page6 #ct_page6 .liste02{margin:20px 0 52px 105px;} .page6 #ct_page6 .liste02 li{font-size:15px;line-height:18px;} .page6 #bulle1{background:url(../images/bulle-equipe-consultants.png) no-repeat 0 0;} .page6 #bulle2{background:url(../images/bulle-partenariat.png) no-repeat 0 0;margin-bottom:52px;} .page6 .bulle_info{width:608px;height:103px;margin:0 auto;text-indent:-3000px;} .page6 #plus{display:block;width:56px;height:57px;margin:14px auto; } .page6 #ct_page6 .block_float{margin:12px 0 0 0;} .page6 #ct_page6 .accomp{width:420px;float:left;display:inline;margin-top:28px;height:212px;position:relative;} .page6 #ct_page6 .secd{} .page6 #ct_page6 .accomp h2{font-size:22px;} .page6 #ct_page6 .accomp_or h2{border-bottom:1px dotted #e95d0f;color:#FFF; background-color:#E95D0F;padding:0 0 0 12px;} .page6 #ct_page6 .accomp_ye h2{border-bottom:1px dotted #f29400;color:#FFF; background-color:#f29400;padding:0 0 0 12px;} .page6 #ct_page6 .accomp .liste02{margin:0 0 0 50px;padding-bottom:34px;height:122px;} .page6 #ct_page6 .accomp_or .liste02{border:1px dotted #e95d0f;border-width:0 1px 1px 0;} .page6 #ct_page6 .accomp_ye .liste02{border:1px dotted #f29400;border-width:0 1px 1px 0;} .page6 #ct_page6 .accomp #ecoute{padding-top:30px;height:122px;} .page6 #ct_page6 .accomp #developpement{padding-top:42px;height:110px;} .page6 #ct_page6 .accomp #animation{padding-top:20px;height:132px;} .page6 #ct_page6 .accomp #suivi{padding-top:58px;height:94px;} .page7 #ct_page7{padding:36px 0 0 50px;overflow:hidden;} .page7 #vocceo_../images h2{background:url(../images/enc-txt-vocceo-en-../images.png) no-repeat 0 0;} .page7 #vocceo_../images .block_float{height:205px;padding-top:48px;} .page7 #vocceo_../images .block_float .fleche05{margin-top:80px;} .page7 #vocceo_video{margin:0 0 0 26px;} .page7 #vocceo_video h2{background:url(../images/enc-txt-les-videos.png) no-repeat 0 0;} .page7 #vocceo_video .block_float{height:223px;padding-top:30px;} .page7 #vocceo_video .block_float .fleche05{margin-top:98px;} .page7 #vocceo_../images h2, .page7 #vocceo_video h2{width:430px;height:48px;} .page7 .colG, .page7 .colD{width:430px;} .page7 .ct_txt{height:300px;background:#f4f2f2;text-align:center;} .page7 .ct_txt .block_float{margin:0 0 0 22px; padding-top:32px} .page7 .ct_txt .fleche05{display:block;width:21px;height:24px;float:left;display:inline;} .page7 .ct_txt .fleche05g{background:url(../images/fleche05g.gif) no-repeat 0 0; margin-top:98px} .page7 .ct_txt .fleche05d{background:url(../images/fleche05d.gif) no-repeat 0 0; margin-top:98px} .page7 .ct_txt .ct_media{width:308px;float:left;display:inline;margin:0 13px 14px;} .page7 .ct_txt p{text-align:center;font-size:15px;font-weight:bold;} .page7 #ils_disent{width:774px;margin:0 0 0 60px;} .page7 #ils_disent .ligne{width:100%;background:url(../images/border0.gif) repeat-x 0 100%;} .page7 #ils_disent .ligne .logo_marque{position:relative;width:112px;float:left;display:inline;} .page7 #ils_disent .ligne .logo_marque img{position:relative;} .page7 #ils_disent .ligne .txt_dit{float:left;display:inline;width:662px;padding:24px 0;height:80px} .page7 #ils_disent .ligne .txt_dit .qui{font-size:15px;font-weight:bold;line-height:20px;} .page7 #ils_disent .ligne .txt_dit .citation{font-size:14px;line-height:20px;} .page7 #nocibe{top:36px;left:-28px;} .page7 #jules{top:45px;left:0;} .page7 #saveurs{top:22px;left:6px;} .page7 #afm{top:26px;left:0;} .page7 #paul{top:18px;left:0;} .page7 #cci{top:10px;left:0;} .page7 .tit00{margin:48px 0 12px 0;} .page7 .tit00, .page7 .ligne{background:url(../images/border0.gif) repeat-x 0 100%;} .page7 .tit00{padding:0 0 13px 0;} .page7 #marques{width:780px;height:38px;margin:48px auto 28px;overflow:hidden;} .page7 #marques li{float:left;display:inline;list-style-type:none;margin:0 0 0 22px;} .page8 #ct_page8{padding:38px 94px 0 68px;} .page8 #ct_page8 .tit00{text-align:center;background:url(../images/border0.gif) repeat-x 0 100%;padding:0 0 16px 0;} .page8 #ct_page8 #equipe_conseil{overflow:hidden;} .page8 #ct_page8 #equipe_conseil .personne{width:364px;float:left;display:inline;list-style-type:none;margin:68px 0 0 48px;} .page8 #ct_page8 #equipe_conseil .personne .photo{display:block;float:left;width:108px;height:146px;} .page8 #ct_page8 #equipe_conseil .personne .infos{float:left;displa:inline;width:238px;padding:40px 0 0 18px;} .page8 #ct_page8 #equipe_conseil .personne .infos li{list-style-type:none;} .infos .nom, .infos .fonction, .infos .mail a{font-size:15px;line-height:20px;} .page8 #ct_page8 #equipe_conseil .personne .infos .nom{color:#0086cb;} .page8 #ct_page8 #equipe_conseil .personne .infos .fonction{} .page8 #ct_page8 #equipe_conseil .personne .infos .mail a{font-weight:bold;text-decoration:underline;} .page8 #ct_page8 #line_vocceo{height:94px;padding:82px 0 22px 0;background:url(../images/border0.gif) repeat-x 0 100%;} .page8 #ct_page8 #line_vocceo img{display:block;width:428px;height:94px;margin:0 auto;} .page8 #ct_page8 #coord{text-align:center;margin:32px 0 0 0;} .page8 #ct_page8 #coord *{line-height:20px;} .page8 #ct_page8 #structure{margin:20px 0 0 0;} .page8 #ct_page8 #structure h3{font-size:16px;background:url(../images/border0.gif) repeat-x 0 100%;padding:0 0 14px 0;} .page8 #ct_page8 #logotype{text-align:center;margin:34px 0 0 0;} .block_float:after, .spacer{content:".";display:block;visibility:hidden;clear:both;font-size:0px;line-height:0px;height:0px;width:100%;margin:0;padding:0;} /** Classes génériques **/ .colG, .colD{float:left;display:inline;} .ct00{position:relative;overflow:hidden;} .tit00{font-size:26px;text-align:center;} .orange{color:#e95d0f;} .cyan{color:#009ee0;} .puce{padding:0 0 0 13px;overflow:hidden;} .puce00{} .puce01{} .puce02{background:url(../images/fleche_orange.jpg) no-repeat 0 4px; padding-left:27px} .puce03{background:url(../images/puce03.gif) no-repeat 0 6px;} .puce04{background:url(../images/puce04.gif) no-repeat 0 6px;} .liste00, .liste01{margin:20px 0 0 0;} .liste00 li{line-height:18px;font-size:16px;} .liste02 li{text-align:left;list-style-type:none;display:block;} #vocceo_images h2{width:430px;height:48px;background:url(../images/enc-txt-vocceo-en-images.png) no-repeat 0 0;} #vocceo_video h2{width:430px;height:48px;background:url(../images/enc-txt-les-videos.png) no-repeat 0 0;} .dhtmlgoodies_question{ /* Styling question */ /* Start layout CSS */ color:#635A56; font-size:0.9em; /*background-color:#317082;*/ width:96%; margin-bottom:2px; margin-top:2px; /*padding-left:2px;*/ background-image:url('images/bg_answer.gif'); background-repeat:no-repeat; background-position:top right; height:20px; /* End layout CSS */ overflow:hidden; cursor:pointer; } .dhtmlgoodies_answer{ /* Parent box of slide down content */ /* Start layout CSS */ /*background-color:#E2EBED;*/ width:621px; margin:auto; /* End layout CSS */ visibility:hidden; height:0px; overflow:hidden; position:relative; } .dhtmlgoodies_answer_content{ /* Content that is slided down */ padding:1px; position:relative; }