*{padding:0; margin:0;} body {font-family:Tahoma, Arial, Helvetica, sans-serif; background-color:#efefef; font-size:11px; color:#575757; width:968px; margin:auto;} body.new {width:945px;} .spacer {clear:both; visibility:hidden} a.transf, a:hover.transf {color:#1786c5; text-decoration:none;} .font20 {font-size:20px;} .font14 {font-size:14px;} .font13 {font-size:13px;} .font12 {font-size:12px;} .font12 {font-size:12px;} .font10 {font-size:10px;} .pad20 {padding-left:20px; padding-right:20px;} .pad30 {padding-left:30px; padding-right:30px;} p.binput {margin-top:7px;} .hide, .baseline {display:none;} .red {color:#ff0000;} .blue {color:#005ca2; text-align:left;} .green {color:#79b51c;} .white {color:white} /** Header MCZ **/ #header {} #header table.hd-container { background-color:white; height:115px; width:945px; } #header table.hd-texte { background-color:white; height:52px; width:665px; } #header table.hd-menu { background-color:white; height:34px; width:945px; } #header li { display:inline; float:left; } #header ul li a{ display:block; text-align: center; padding-top:10px; text-decoration:none; color:white; } #header ul li a:hover{ text-decoration:underline; color:white; } .header-logo { width:280px; height:81px; } .header-btn-societe{ background-image:url(images/hd-btn-societe.jpg); width:118px; height:29px; } .header-btn-infra{ background-image:url(images/hd-btn-infra.jpg); width:105px; height:29px; } .header-btn-affiliation{ background-image:url(images/hd-btn-affiliation.jpg); width:82px; height:29px; } .header-btn-support{ background-image:url(images/hd-btn-support.jpg); width:131px; height:29px; } .header-btn-contact{ background-image:url(images/hd-btn-contact.jpg); width:122; height:29px; } .header-btn-eclient{ background-image:url(images/hd-btn-eclient.jpg); width:107; height:29px; } .header-btn-societe, .header-btn-infra, .header-btn-affiliation, .header-btn-support, .header-btn-contact, .header-btn-eclient{ text-align:center; } .header-btn-societe a, .header-btn-infra a, .header-btn-affiliation a, .header-btn-support a, .header-btn-contact a, .header-btn-eclient a{ text-decoration:none; color:#6d6d6d; } .header-btn-eclient a{ color:#ffffff; } .header-btn-societe a:hover, .header-btn-infra a:hover, .header-btn-affiliation a:hover, .header-btn-support a:hover, .header-btn-contact a:hover, .header-btn-eclient a:hover{ text-decoration:underline; } .header-td-texte{ background-color:white; height:52px; width:665px; } .header-numeroindigo{ background-image:url(images/hd-numeroindigo.jpg); width:181px; height:52px; } .header-phrase{ background-color:white; width:484px; height:52px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:10px; color:#6d6d6d; } .header-btn-micro{ background-image:url(images/hd-btn-micro.jpg); width:178px; height:34px; } .header-btn-mutualise{ background-image:url(images/hd-btn-mutualise.jpg); width:161px; height:34px; } .header-btn-referencement{ background-image:url(images/hd-btn-referencement.jpg); width:124px; height:34px; } .header-btn-dedies{ background-image:url(images/hd-btn-dedies.jpg); width:175px; height:34px; } .header-btn-sauv{ background-image:url(images/hd-btn-sauv.jpg); width:191px; height:34px; } .header-btn-ecommerce{ background-image:url(images/hd-btn-ecommerce.jpg); width:116px; height:34px; } /** HEADER * #header {width:968px; margin:auto; margin-top:30px;} #header h1 {float:left; background-image:url(images/logo_eh.jpg); width:313px; height:50px;} #header h1 span {display:none;} #header-right {margin-left:360px; font-size:11px; color:#5f5f5f;} #header-right a {text-decoration:none; color:#5f5f5f;} #header-right a:hover {text-decoration:underline;} #header-right ul {list-style-type:none;} #header-right ul li {float:left; padding-left:25px; padding-right:25px;} #header-right p {border-top:1px solid #CCC; margin-top:10px; padding-top:10px;} /** #header {color:#787878; width:968px;margin:auto;} #barre {width:948px;height:6px; background-color:#005ca2;} #logo { width:310px;height:80px;background-image:url(/images/logo.gif); background-repeat:no-repeat;margin-top:23px;float:left;} #logo-transition {width:310px;height:80px;background-image:url(/images/logo_trans.png);background-repeat:no-repeat;margin-top:13px;margin-bottom:10px;float:left; } #header-menu {width:633px; margin-left:311px; padding-top:25px;} #header-menu a, #client a{color:#787878; text-decoration:none;} #header-menu a:hover, #client a:hover {color:#0756A3;} #header-desc {margin-top:8px; width:570px; padding-top:5px; text-align:center;} ul.header { list-style-type:none; width: 100%;margin:0; padding:0;} ul.header li { display:inline; padding-right:30px;} #serviceco-accueil {padding-left:30px; padding-top:5px;} */ /**#menu {clear:both; width:968px; margin:auto; margin-top:20px; } #menu ul {list-style-type:none; } #menu ul li {float:left;} #menu ul li a {display:block; background:url(images/menu_middle.png) top; width:161px; height:35px; color:#FFF; text-transform:uppercase; text-decoration:none; text-align:center; padding-top:15px;} #menu ul li.menuleft a {display:block; background:url(images/menu_left.png) top; width:150px; height:35px;} #menu ul li.menuright a {display:block; background:url(images/menu_right.png) top; width:151px; height:35px;} #menu ul li a:hover {background-position:bottom;} /** .menu {white-space:nowrap; float:left; width:948px; border:none; font-size:130%; clear:both;} .menu ul {list-style-type:none;} .menu li { float:left; width: 158px; height:41px;} .menu li a.menu1, .menu li a.menu2, .menu li a.menu3, .menu li a.menu4, .menu li a.menu5, .menu li a.menu6, .menu li a.menu1current, .menu li a.menu2current, .menu li a.menu3current, .menu li a.menu4current, .menu li a.menu5current, .menu li a.menu6current { display: block ; width:158px; height:41px; line-height: 1em ; padding: 4px 0 ; } .menu li a.menu1 {background: url(/images/menu/menu1.png) left top no-repeat ;} .menu li a.menu2 {background: url(/images/menu/menu2.png) left top no-repeat ;} .menu li a.menu3 {background: url(/images/menu/menu3.png) left top no-repeat ;} .menu li a.menu4 {background: url(/images/menu/menu4.png) left top no-repeat ;} .menu li a.menu5 {background: url(/images/menu/menu5.png) left top no-repeat ;} .menu li a.menu6 {background: url(/images/menu/menu6.png) left top no-repeat ;} .menu li a.menu1:hover, .menu li a.menu1:focus, .menu li a.menu1:active, .menu li a.menu1current {background: url(/images/menu/menu1.png) right top no-repeat ;} .menu li a.menu2:hover, .menu li a.menu2:focus, .menu li a.menu2:active, .menu li a.menu2current {background: url(/images/menu/menu2.png) right top no-repeat ;} .menu li a.menu3:hover, .menu li a.menu3:focus, .menu li a.menu3:active, .menu li a.menu3current {background: url(/images/menu/menu3.png) right top no-repeat ;} .menu li a.menu4:hover, .menu li a.menu4:focus, .menu li a.menu4:active, .menu li a.menu4current {background: url(/images/menu/menu4.png) right top no-repeat ;} .menu li a.menu5:hover, .menu li a.menu5:focus, .menu li a.menu5:active, .menu li a.menu5current {background: url(/images/menu/menu5.png) right top no-repeat ;} .menu li a.menu6:hover, .menu li a.menu6:focus, .menu li a.menu6:active, .menu li a.menu6current {background: url(/images/menu/menu6.png) right top no-repeat ;} #bg {background-image:url(/images/bg.png); background-repeat:no-repeat;height:140px;margin:auto;} #corps {clear:both; width:968px;padding-top:20px; height:500px;} */ #content {clear:both; margin-bottom:30px; background-color:white; border:1px solid #cecece; min-height:500px; padding:15px;} /******************************************* /////////////////////// ACCUEIL *******************************************/ #micropaiement-home {background:url(images/bg_micropaiement.png); width:446px; height:267px; float:left} #professionnel-home {background:url(images/bg_professionnel.png); width:446px; height:267px; float:left; margin-left:15px;} #micropaiement-home h2 {color:white; font: lighter 200% "Trebuchet MS",Arial sans-serif; padding:20px 0 0 105px; text-shadow: #333 0 1px 0;} #micropaiement-home .prix-home {color:white; float:left; padding-left:18px; padding-top:25px; text-shadow: #333 0 1px 0;} #micropaiement-home .desc-home {color:white; float:right; padding-right:60px; padding-top:30px; font-size:17px; text-align:right; text-shadow: #333 0 1px 0;} #micropaiement-home .desc-home p {margin-bottom:25px;} #micropaiement-home .button-home img {clear:both; border:none; float:right; padding:30px 28px 0 0;} #professionnel-home h2 {color:white; font: lighter 200% "Trebuchet MS",Arial sans-serif; padding:20px 0 0 105px; text-shadow: #333 0 1px 0;} #professionnel-home .prix-home {color:white; float:left; padding-left:18px; padding-top:25px; text-shadow: #333 0 1px 0;} #professionnel-home .desc-home {color:white; float:right; padding-right:73px; padding-top:30px; font-size:17px; text-align:right; text-shadow: #333 0 1px 0;} #professionnel-home .desc-home p {margin-bottom:20px;} #professionnel-home .desc-home p.nobot {margin-bottom:0px;} #professionnel-home .button-home img {clear:both; border:none; float:right; padding:20px 28px 0 0;} #caracteristiques-home {width:275px; clear:both; float:left; margin-top:10px;} #caracteristiques-home h3 {font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; color:#1786c5;} #caracteristiques-home img {float:left; padding-right:10px;} #caracteristiques-home p {color:#395163;} .caracteristique-home {padding:20px 0 20px 0; border-bottom:1px solid #CCEBF7;} #prives-home {background:url(images/bg_prives.png); width:306px; height:293px; float:left; margin-left:20px;} #dedies-home {background:url(images/bg_dedies.png); width:305px; height:275px; float:left; margin-left:5px;} #sauvegarde-home {background:url(images/bg_sauvegarde.png); width:307px; height:274px; float:left; margin-left:0px;} #ecommerce-home {background:url(images/bg_ecommerce.png); width:302px; height:279px; float:left; margin-left:3px;} #referencement-home {background:url(images/bg_referencement.png); width:302px; height:279px; float:left; margin-left:3px;} #prives-home h2 {color:white; font: lighter 180% "Trebuchet MS",Arial sans-serif; padding:24px; text-shadow: #333 0 1px 0; float:left;} #prives-home .prix-sub {color:black; float:right; padding-right:10px; padding-top:25px; } #prives-home .desc-sub {color:#8d8d8d; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; clear:both; padding-left:73px; padding-right:20px;} #prives-home .caract-sub {color:#575757; padding-left:160px; font-size:11px; padding-top:15px;} #prives-home img {border:none; margin-left:150px; margin-top:10px;} #dedies-home h2 {color:white; font: lighter 180% "Trebuchet MS",Arial sans-serif; padding:24px; text-shadow: #333 0 1px 0; float:left;} #dedies-home .prix-sub {color:black; float:right; padding-right:10px; padding-top:25px; } #dedies-home .desc-sub {color:#8d8d8d; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; clear:both; padding-left:73px; padding-right:20px;} #dedies-home .caract-sub {color:#575757; padding-left:160px; font-size:11px; padding-top:15px;} #dedies-home img {border:none; margin-left:140px; margin-top:10px;} #sauvegarde-home h2 {color:white; font: lighter 180% "Trebuchet MS",Arial sans-serif; padding:24px; text-shadow: #333 0 1px 0; float:left;} #sauvegarde-home .prix-sub {color:black; float:right; padding-right:10px; padding-top:25px; } #sauvegarde-home .desc-sub {color:#8d8d8d; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; clear:both; padding-left:73px; padding-right:20px;} #sauvegarde-home .caract-sub {color:#575757; padding-left:160px; font-size:11px; padding-top:15px;} #sauvegarde-home img {border:none; margin-left:142px; margin-top:10px;} #ecommerce-home h2 {color:white; font: lighter 180% "Trebuchet MS",Arial sans-serif; padding:24px; text-shadow: #333 0 1px 0; float:left;} #ecommerce-home .prix-sub {color:black; float:right; padding-right:10px; padding-top:25px; } #ecommerce-home .desc-sub {color:#8d8d8d; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; clear:both; padding-left:63px; padding-right:20px;} #ecommerce-home .caract-sub {color:#575757; padding-left:160px; font-size:11px; padding-top:15px;} #ecommerce-home img {border:none; margin-left:142px; margin-top:10px;} #referencement-home h2 {color:white; font: lighter 180% "Trebuchet MS",Arial sans-serif; padding:24px; text-shadow: #333 0 1px 0; float:left;} #referencement-home .prix-sub {color:black; float:right; padding-right:10px; padding-top:25px; } #referencement-home .desc-sub {color:#8d8d8d; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; clear:both; padding-left:63px; padding-right:20px;} #referencement-home .caract-sub {color:#575757; padding-left:160px; font-size:11px; padding-top:15px;} #referencement-home img {border:none; margin-left:142px; margin-top:10px;} .pf {padding-bottom:20px;} .pf2 {padding-bottom:16px;} .img-pf {padding-right:15px;} .img-pf2 {padding-right:10px;} h2 {margin: 0; padding: 0;font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; color:#1786c5;} h3 {margin: 0; margin-bottom: 4px; padding: 0;} h3.nd {margin: 0; margin-bottom: 4px; padding: 0; color:#1786c5;} .titre-pf {font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; color:#1786c5;} .titre-barre {font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif; font-size:13px; color:#fff;} .sstitre-pf {font-size:13px;} .sstitreblue-pf {font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#1786c5;} #pointsforts {list-style-type:none;} #pointsforts li {background:url(/images/home-pointfort.png); width:237px; height:76px; float:left; padding-left:8px; padding-top:8px; margin-bottom:5px; margin-right:5px;} #pointsforts li h2 {font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#1786c5; display:inline } .avantage { } #col-droite {margin-left:601px;} ul.liste-inclus {list-style-type: none; padding: 0 0 0 0;margin: 0; padding-bottom:5px;} ul.liste-inclus li {padding-left: 25px; padding-top:4px; background: url(/images/icons/liste.png) no-repeat left center;} /* #slide { margin-top:10px;} #title { font-size: 10px; font-family: Verdana, Helvetica, Arial, sans; } .pics { height: 301px; width: 692px; padding:0; margin:0; overflow: hidden; margin-left:266px; } .pics img { height: 301px; width: 692px; padding: 0px 0 0px 0; top:0; left:0 } .nav { margin: 5px 0; float:left } #nav a { margin: 0 2px; padding: 3px 5px; border: 1px solid #ccc; background: #fff; text-decoration: none } #nav a.activeSlide { background: #ccc } #nav a:focus { outline: none; } #slidecontrol {float:left; cursor:pointer; padding-top:3px;} #slidecontrol li a:focus { outline: none; } ul.slideul { list-style-type:none; } ul.slideul li {height:40px; width:266px;} ul.slideul li a {float: left; text-decoration: none; height:40px; width:266px;} ul.slideul li.slidecontrol1 a {background: url('images/slidecontrol1.png') no-repeat top left;} ul.slideul li.slidecontrol2 a {background: url('images/slidecontrol2.png') no-repeat top left;} ul.slideul li.slidecontrol3 a {background: url('images/slidecontrol3.png') no-repeat top left;} ul.slideul li.slidecontrol4 a {background: url('images/slidecontrol4.png') no-repeat top left;} ul.slideul li.slidecontrol5 a {background: url('images/slidecontrol5.png') no-repeat top left;} ul.slideul li.slidecontrol6 a {background: url('images/slidecontrol6.png') no-repeat top left;} ul.slideul li a span { float: left; display: block; height: 40px; width:264px; } ul.slideul li.slidecontrol1 a:hover, ul.slideul li.slidecontrol1 a.activeSlide { background:url('images/slidecontrol1_hover.png'); no-repeat top right; } ul.slideul li.slidecontrol2 a:hover, ul.slideul li.slidecontrol2 a.activeSlide { background:url('images/slidecontrol2_hover.png'); no-repeat top right; } ul.slideul li.slidecontrol3 a:hover, ul.slideul li.slidecontrol3 a.activeSlide { background:url('images/slidecontrol3_hover.png'); no-repeat top right; } ul.slideul li.slidecontrol4 a:hover, ul.slideul li.slidecontrol4 a.activeSlide { background:url('images/slidecontrol4_hover.png'); no-repeat top right; } ul.slideul li.slidecontrol5 a:hover, ul.slideul li.slidecontrol5 a.activeSlide { background:url('images/slidecontrol5_hover.png'); no-repeat top right; } ul.slideul li.slidecontrol6 a:hover, ul.slideul li.slidecontrol6 a.activeSlide { background:url('images/slidecontrol6_hover.png'); no-repeat top right; } ul.slideul li.slidecontrol1 a:hover span, ul.slideul li.slidecontrol1 a.activeSlide span { background: url('images/slidecontrol1_hover.png') no-repeat top left;} ul.slideul li.slidecontrol2 a:hover span, ul.slideul li.slidecontrol2 a.activeSlide span { background: url('images/slidecontrol2_hover.png') no-repeat top left; } ul.slideul li.slidecontrol3 a:hover span, ul.slideul li.slidecontrol3 a.activeSlide span { background: url('images/slidecontrol3_hover.png') no-repeat top left; } ul.slideul li.slidecontrol4 a:hover span, ul.slideul li.slidecontrol4 a.activeSlide span { background: url('images/slidecontrol4_hover.png') no-repeat top left; } ul.slideul li.slidecontrol5 a:hover span, ul.slideul li.slidecontrol5 a.activeSlide span { background: url('images/slidecontrol5_hover.png') no-repeat top left; } ul.slideul li.slidecontrol6 a:hover span, ul.slideul li.slidecontrol6 a.activeSlide span { background: url('images/slidecontrol6_hover.png') no-repeat top left; } #col-gauche {float:left; } #client-header { background-image:url(/images/client_header.png); width:175px; height:50px; background-repeat:no-repeat;} #client-content{background-color:#fff; width:153px; border-left:1px solid #bbbbbb; border-right:1px solid #bbbbbb; padding-top:10px; padding-left:20px;} #client-footer {background-image:url(/images/client_footer.png); width:175px; height:12px; background-repeat:no-repeat;} #prestashop-adwords {background:url(/images/bg-adwords.png) no-repeat; width:175px; height:174px; padding-top:10px; margin-top:10px; text-align:center} #col-centre { margin-left:185px; } #home-micropaiement {background:url(/images/home-micropaiement.png)} #home-sauvegarde {background:url(/images/home-sauvegarde.png)} #home-mutualisepro {background:url(/images/home-mutualisepro.png)} #home-serveurs {background:url(/images/home-serveurs.png)} #home-micropaiement, #home-mutualisepro, #home-serveurs, #home-sauvegarde { float:left; width:178px; height:123px; color:white; font:12px Tahoma, Arial; padding-top:52px; text-align:right; padding-right:5px; margin-right:5px; margin-bottom:10px;} .home-price {padding-top:22px; padding-left:76px; text-align:left; color:#FC0; font:18px "Trebuchet MS", Arial, Helvetica, sans-serif} .home-more img {border:0; padding-top:8px; padding-right:4px;} .pf {padding-bottom:20px;} .pf2 {padding-bottom:16px;} .img-pf {padding-right:15px;} .img-pf2 {padding-right:10px;} h2 {margin: 0; margin-bottom: 14px; padding: 0;font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; color:#1786c5;} h3 {margin: 0; margin-bottom: 4px; padding: 0;} h3.nd {margin: 0; margin-bottom: 4px; padding: 0; color:#1786c5;} .titre-pf {font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; color:#1786c5;} .titre-barre {font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif; font-size:13px; color:#fff;} .sstitre-pf {font-size:13px;} .sstitreblue-pf {font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#1786c5;} #pointsforts {list-style-type:none;} #pointsforts li {background:url(/images/home-pointfort.png); width:237px; height:76px; float:left; padding-left:8px; padding-top:8px; margin-bottom:5px; margin-right:5px;} #pointsforts li h2 {font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#1786c5; display:inline } .avantage { } #col-droite {margin-left:601px;} ul.liste-inclus {list-style-type: none; padding: 0 0 0 0;margin: 0; padding-bottom:5px;} ul.liste-inclus li {padding-left: 25px; padding-top:4px; background: url(/images/icons/liste.png) no-repeat left center;} */ /******************************************* /////////////////////// INDEXES *******************************************/ /** PRO **/ #pro-contact {float:left; width:211px; height:123px} #pro-bgheader {float:left; background:url(images/pro-bgheader.jpg); width:702px; height:123px; /*margin-left:10px;*/} #pro-bgheader .prix-home {color:white; float:left; padding-left:18px; padding-top:25px; text-shadow: #333 0 1px 0;} #pro-bgheader .title-home {float:right; text-align:right; padding-right:20px;} #pro-bgheader h2 {color:white; font: lighter 250% "Trebuchet MS",Arial sans-serif; padding-top:24px; text-shadow: #000 0 3px 0;} #pro-bgheader .baseline {color:white; font: lighter 130% "Trebuchet MS",Arial sans-serif; text-shadow: #333 0 2px 0;} #offres-table {clear:both; border-collapse:collapse; width:913px;} #offres-table td, #offres-table th {text-align:center;} #offres-table tr {border-bottom:1px solid #d9dbdc;} #offres-table h3 {font-size:14px;} #offres-table th.offres-th-packs {width:105px; background:url(images/offres_th_up.png) repeat-x; height:46px; color:white; font: lighter 130% "Trebuchet MS",Arial sans-serif; text-shadow: #333 0 2px 0; border-right:1px solid #164e79;} #offres-table th.offres-th-pasconvaincu{width:176px; background:url(images/offres_th_pasconvaincu.jpg) no-repeat; height:46px; color:white; font: lighter 130% "Trebuchet MS",Arial sans-serif; text-shadow: #333 0 2px 0; border-right:1px solid #ffffff;} #offres-table th.offres-th-essayez{width:176px; background:url(images/offres_th_essayezgratuit.jpg) no-repeat; height:64px; color:white; font: lighter 130% "Trebuchet MS",Arial sans-serif; text-shadow: #333 0 2px 0; border-right:1px solid #b40d0d;} #offres-table th.offres-th-prix-starter{width:105px; background:url(images/offres_th_starter.png) no-repeat; height:64px; color:white; font: lighter 130% "Trebuchet MS",Arial sans-serif; text-shadow: #333 0 2px 0; border-right:1px solid #b40d0d;} #offres-table th.offres-th-prix-bronze {width:105px; background:url(images/offres_th_bronze.png) no-repeat; height:64px; color:white; font: lighter 130% "Trebuchet MS",Arial sans-serif; text-shadow: #333 0 2px 0; border-right:1px solid #b40d0d;} #offres-table th.offres-th-prix-argent {width:105px; background:url(images/offres_th_argent.png) no-repeat; height:64px; color:white; font: lighter 130% "Trebuchet MS",Arial sans-serif; text-shadow: #333 0 2px 0; border-right:1px solid #b40d0d;} #offres-table th.offres-th-prix-platine {width:105px; background:url(images/offres_th_platine.png) no-repeat; height:64px; color:white; font: lighter 130% "Trebuchet MS",Arial sans-serif; text-shadow: #333 0 2px 0; border-right:1px solid #b40d0d;} #offres-table th.offres-th-prix-or {width:105px; background:url(images/offres_th_or.png) no-repeat; height:64px; color:white; font: lighter 130% "Trebuchet MS",Arial sans-serif; text-shadow: #333 0 2px 0; border-right:1px solid #b40d0d;} #offres-table td {padding-top:0px; padding-bottom:0px; padding-right:0px; padding-left:0px; height:24; color:#666; font-size:12px; border-right:1px solid #d9dbdc;} #offres-table th.offres-th-gauchehaut{width:176px; background:url(images/offres_th_gauchehaut.jpg) no-repeat; height:46px; color:white; font: lighter 130% "Trebuchet MS",Arial sans-serif; text-shadow: #333 0 2px 0; border-right:1px solid #ffffff;} #offres-table th.offres-th-gauchebas{width:176px; background:url(images/offres_th_gauchebas.jpg) no-repeat; height:64px; color:white; font: lighter 130% "Trebuchet MS",Arial sans-serif; text-shadow: #333 0 2px 0; border-right:1px solid #b40d0d;} /******* Offres de référencement *********/ #offres-table th.offres-th-prix-essentiel{width:105px; background:url(images/offres_th_essentiel.jpg) no-repeat; height:64px; color:white; font: lighter 130% "Trebuchet MS",Arial sans-serif; text-shadow: #333 0 2px 0; border-right:1px solid #b40d0d;} #offres-table th.offres-th-prix-confort {width:105px; background:url(images/offres_th_confort.jpg) no-repeat; height:64px; color:white; font: lighter 130% "Trebuchet MS",Arial sans-serif; text-shadow: #333 0 2px 0; border-right:1px solid #b40d0d;} #offres-table th.offres-th-prix-presence {width:105px; background:url(images/offres_th_presence.jpg) no-repeat; height:64px; color:white; font: lighter 130% "Trebuchet MS",Arial sans-serif; text-shadow: #333 0 2px 0; border-right:1px solid #b40d0d;} #offres-table th.offres-th-prix-serenite {width:105px; background:url(images/offres_th_serenite.jpg) no-repeat; height:64px; color:white; font: lighter 130% "Trebuchet MS",Arial sans-serif; text-shadow: #333 0 2px 0; border-right:1px solid #b40d0d;} #offres-table th.offres-th-prix-perennite {width:105px; background:url(images/offres_th_perennite.jpg) no-repeat; height:64px; color:white; font: lighter 130% "Trebuchet MS",Arial sans-serif; text-shadow: #333 0 2px 0; border-right:1px solid #b40d0d;} #ref-bgheader {float:left; background:url(images/ref-bgheader.jpg); width:702px; height:154px; /*margin-left:10px;*/} #ref-bgheader .title-home {float:right; text-align:right; padding-right:20px;} #ref-bgheader h2 {color:white; font: lighter 250% "Trebuchet MS",Arial sans-serif; padding-top:24px; text-shadow: #000 0 3px 0;} #ref-bgheader .baseline {color:white; font: lighter 130% "Trebuchet MS",Arial sans-serif; text-shadow: #333 0 2px 0;} #offres-table th.offres-th-packs-ref {width:105px; background:url(images/offres_th_up.png) repeat-x; height:46px; color:white; font: lighter 130% "Trebuchet MS",Arial sans-serif; text-shadow: #333 0 2px 0; border-right:1px solid #164e79;} #offres-table th.offres-ref-th-gauche{width:172px; background:url(images/offres_ref_corner.jpg) no-repeat; height:110px; color:white; font: lighter 130% "Trebuchet MS",Arial sans-serif; text-shadow: #333 0 2px 0; border-left: 1px solid white; border-right:1px solid #ffffff;} /******* Offres de référencement *********/ /** Colonne de gauche **/ .offres-changeheberg {float:left;width:207px;height:125px;background:url(images/leftside-changerheberg.jpg) no-repeat;border-right:0px solid #FFFFFF;padding-right:4px;} .offres-safemode {width:207px;height:103px;background:url(images/leftside-safemode.jpg) no-repeat;border-right:0px solid #FFFFFF;} .offres-gadwords {width:207px;height:94px;background:url(images/leftside-gadword.jpg) no-repeat;border-right:0px solid #FFFFFF;} .offres-highdisp {width:207px;height:103px;background:url(images/leftside-highdisp.jpg) no-repeat;border-right:0px solid #FFFFFF;} .offres-espaceclient {width:207px;height:146px;background:url(images/leftside-espaceclient.jpg) no-repeat;border-right:0px solid #FFFFFF;} .offres-support {width:207px;height:131px;background:url(images/leftside-support.jpg) no-repeat;border-right:0px solid #FFFFFF;} .marge-droite-4px {padding-right:6px} .offres-nbmoteurs {width:207px;height:126px;background:url(images/rightside-nbmoteurs.jpg) no-repeat;border-right:0px solid #FFFFFF;} .offres-refmanuel {width:207px;height:112px;background:url(images/rightside-refmanuel.jpg) no-repeat;border-right:0px solid #FFFFFF;} .offres-suiviperso {width:207px;height:122px;background:url(images/rightside-suiviperso.jpg) no-repeat;border-right:0px solid #FFFFFF;} /** Barre grise des tr **/ #offres-table tr.offres-tr-domaine {background:url(images/offres_tr.jpg) repeat-x;} #offres-table tr.offres-tr-domaine td {color:black; text-transform:uppercase; vertical-align:middle; padding:0; padding-right:10px; height:32px;} #offres-table .offres-td-leftcol {width:210px; background:none;} #offres-table .offres-th-desc {width:176px; background:none;} #offres-table .offres-td-desc {height:25px;text-align:left; padding-right:2px; padding-left:2px; font: lighter 120% "Trebuchet MS",Arial sans-serif; color:#3796de;} #offres-table .offres-td-impaire {height:25px;background-color:#f5f5f6;} #offres-table img {border:none;} #sidebar { float:left;} #sidebar-domaine-header {background-image:url(/images/sidebar-domaine-header.png);} #sidebar-inclus-header {background-image:url(/images/sidebar-inclus-header.png);} #sidebar-domaine-header, #sidebar-inclus-header{width:222px; height:47px;} #sidebar-nav-header {background-image:url(/images/sidebar-nav-header.png); width:222px; height:45px;} table.submenu {border-collapse:collapse; color:#0066FF;} .submenu a { text-decoration:none; color:white; } .submenu tr {height:35px; width:195px; background-image:url(images/submenu-bg.png); background-repeat:no-repeat;} .submenu-offre {width:100px; padding-left:10px;} .submenu-prix {width:93px;} .sidebar-domaine-footer {background-image:url(/images/sidebar-domaine-footer.png); width:222px; height:17px; margin-bottom:10px;} .sidebar-nav-content {background-color:#fff; width:200px; border-left:1px solid #bbbbbb; border-right:1px solid #bbbbbb; padding-top:10px; padding-left:20px;} .sidebar-domaine-content {background-color:#fff; width:195px; border-left:1px solid #bbbbbb; border-right:1px solid #bbbbbb; padding-top:10px; padding-left:25px;} #sidebar-domaine-content input, #sidebar-domaine-content select {color:#666666;} #sidebar-serviceco {background-image:url(/images/sidebar-serviceco.png); width:222px; height:220px; margin-bottom:10px;} #sidebar-promopro {background-image:url(/images/sidebar-promopro.png); width:132px; height:170px; margin-bottom:10px; padding:50px 50px 0 40px; color:#F00; text-align:center} #pub-sidebar-hebergement-micropaiement {background-image:url(/images/pub_sidebar_microp.png); width:222px; height:500px; margin-bottom:10px;} #pub-sidebar-hebergement-professionnel {background-image:url(/images/pub_sidebar_pro.png); width:222px; height:500px; margin-bottom:10px;} #pub-sidebar-serveurs-dedies {background-image:url(/images/pub_sidebar_dedies.png); width:222px; height:500px; margin-bottom:10px;} #pub-sidebar-serveurs-prives {background-image:url(/images/pub_sidebar_prives.png); width:222px; height:500px; margin-bottom:10px;} #pub-sidebar-sauvegarde {background-image:url(/images/pub_sidebar_sauvegarde.png); width:222px; height:500px; margin-bottom:10px;} #pub-sidebar-emails {background-image:url(/images/pub_sidebar_emails.png); width:222px; height:500px; margin-bottom:10px;} #pub-sidebar {background-image:url(/images/pub-sidebar.png); width:222px; height:500px; margin-bottom:10px;} #pub-datacenter {background-image:url(/images/pub_datacenter.png); width:222px; height:344px; margin-bottom:10px;} #pub-index-serveurs-prives {background-image:url(/images/pub_index_prives.png); width:222px; height:158px; margin-bottom:10px;} #pub-index-serveurs-dedies {background-image:url(/images/pub_index_dedies.png); width:222px; height:194px; margin-bottom:10px;} #pub-index-emails {background-image:url(/images/pub_index_emails.png); width:222px; height:178px;; margin-bottom:10px;} #pub-index-sauvegarde {background-image:url(/images/pub_index_sauvegarde.png); width:222px; height:324px; margin-bottom:10px;} ul.liste-inclus-sidebar {list-style-type: none; padding: 0;margin: 0; padding-bottom:5px; font-size:12px;} ul.liste-inclus-sidebar li {padding-left: 25px; padding-top:4px; background: url(/images/icons/liste.png) no-repeat left center;} label.domaine {display:block; width:60px; float:left; text-align:right; margin-right:5px;} #col-index { margin-left:228px;} #index-left, #index-left-dedies, #index-left-prives { background-repeat:no-repeat; width:13px; float:left; } #index-left {background-image:url(/images/index-left.png); height:451px;} #index-left-dedies {background-image:url(/images/index-left-dedies.png); height:399px;} #index-left-prives {background-image:url(/images/index-left-prives.png); height:347px;} #index-center, #index-center-dedies, #index-center-prives { background-repeat:repeat-x; width:3px; width:616px; float:left; } #index-center {background-image:url(/images/index-center.png); height:451px;} #index-center-dedies {background-image:url(/images/index-center-dedies.png); height:399px;} #index-center-prives {background-image:url(/images/index-center-prives.png); height:347px;} #index-right, #index-right-dedies, #index-right-prives, #index-right-emails, #index-right-sauvegarde { background-repeat:repeat-x; width:72px; margin-left:628px; padding-top:139px; padding-left:15px; } #index-right {background-image:url(/images/index-right.png); height:312px;} #index-right-dedies {background-image:url(/images/index-right-dedies.png); height:260px;} #index-right-sauvegarde {background-image:url(/images/index-right-sauvegarde.png); height:260px;} #index-right-prives {background-image:url(/images/index-right-prives.png); height:208px;} #index-right-emails {background-image:url(/images/index-right-emails.png); height:208px;} #index-server, #index-server-prives, #index-server-dedies, #index-server-sauvegarde, #index-server-emails { background-repeat:no-repeat; width:600px; height:188px; float:left; margin-top:10px; } #index-server {background-image:url(/images/index-server.png);} #index-server-prives {background-image:url(/images/index-server-prives.png);} #index-server-dedies {background-image:url(/images/index-server-dedies.png);} #index-server-sauvegarde {background-image:url(/images/index-server-sauvegarde.png);} #index-server-emails {background-image:url(/images/index-server-emails.png);} #index-titre, #index-titre-dedies, #index-titre-prives, #index-titre-sauvegarde, #index-titre-emails { background-repeat:no-repeat; width:406px; height:32px; margin-top:20px; margin-left:165px; } #index-titre-sauvegarde { width:450px;} #index-titre {background-image:url(/images/index-titre.png);} #index-titre-dedies {background-image:url(/images/index-titre-dedies.png);} #index-titre-prives {background-image:url(/images/index-titre-prives.png);} #index-titre-sauvegarde {background-image:url(/images/index-titre-sauvegarde.png);} #index-titre-emails {background-image:url(/images/index-titre-emails.png);} #index-comparatif {margin-top:5px; margin-left:470px;} #index-comparatif a { text-decoration:none; color:#4999f3} #index-comparatif a:hover { text-decoration:underline;} #index-th { margin-top:19px;} table.tab-index td img {border:none;} td.th-index-go {width:40px;} td.th-index-pack {width:150px;} td.th-index-dedie {width:180px;} td.th-index-vds {width:110px;} td.th-index-espacedisk {background-image:url(/images/index-espacedisk.png) } td.th-index-nomdom {background-image:url(/images/index-nomdom.png) } td.th-index-bdd {background-image:url(/images/index-bdd.png) } td.th-index-compteftp {background-image:url(/images/index-compteftp.png) } td.th-index-googleads {background-image:url(/images/index-googleads.png) } td.th-index-multidom {background-image:url(/images/index-multidom.png) } td.th-index-conec {background-image:url(/images/index-conec.png) } td.th-index-espacedisk, td.th-index-nomdom, td.th-index-bdd, td.th-index-compteftp, td.th-index-googleads, td.th-index-multidom, td.th-index-conec { width:90px; height:93px; text-align:center; background-position:top center; background-repeat:no-repeat; font-size:12px; color:#666666; } td.th-index-proc {background-image:url(/images/index-heart.png) } td.th-index-ram {background-image:url(/images/index-ram.png) } td.th-index-disques {background-image:url(/images/index-espacedisk.png) } td.th-index-backup {background-image:url(/images/index-backup.png) } td.th-index-repondeur {background-image:url(/images/index-td-repondeur.png) } td.th-index-alias {background-image:url(/images/index-td-alias.png) } td.th-index-redir {background-image:url(/images/index-td-redir.png) } td.th-index-comptes {background-image:url(/images/index-td-comptes.png) } td.th-index-proc, td.th-index-ram, td.th-index-disques, td.th-index-backup, td.th-index-repondeur, td.th-index-alias, td.th-index-redir, td.th-index-comptes { width:110px; height:93px; text-align:center; background-position:top center; background-repeat:no-repeat; font-size:12px; color:#666666; } td.td-index-go, td.td-index-pack, td.td-index-espacedisk, td.td-index-nomdom, td.td-index-bdd, td.td-index-compteftp, td.td-index-googleads, td.td-index-multidom { height:49px; text-align:center; font-family:"Trebuchet MS", Tahoma, Arial, sans-serif; font-size:16px; color:#0866ae; } tr.paire td {color:#fff;} td.td-index-go, td.td-index-pack, td.td-index-dedie { text-align:left;} /* PRIX */ .prix {font-size:14px; font-family:"Trebuchet MS", Tahoma, Arial, sans-serif; text-align:center; padding-right:25px; padding-bottom:15px; font-weight:bold} #index-right table tr td, #index-right-sauvegarde table tr td, #index-right-dedies table tr td, #index-right-emails table tr td {height:50px; vertical-align:middle; text-align:center; font-family:"Trebuchet MS", Tahoma, Arial, sans-serif; font-weight:bold; font-size:16px; color:#0866ae; width:100%} #index-right-prives table tr td{height:45px; vertical-align:middle; text-align:center; font-family:"Trebuchet MS", Tahoma, Arial, sans-serif; font-weight:bold; font-size:16px; color:#0866ae;} #index-right ul, #index-right-dedies ul, #index-right-emails ul, #index-right-sauvegarde ul { list-style-type:none; padding:0; margin:0; width:68px} #index-right ul li, #index-right-dedies ul li, #index-right-emails ul li, #index-right-sauvegarde ul li { text-align:center; padding-bottom:26px; } .oldprix {font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#F00; font-weight:normal} .prix-prives {font-size:14px; font-family:"Trebuchet MS", Tahoma, Arial, sans-serif; text-align:center; padding-right:25px; padding-bottom:27px; font-weight:bold} #index-right-prives ul { list-style-type:none; padding:0; margin:0; width:68px; padding-top:5px;} #index-right-prives ul li { text-align:center; padding-bottom:26px; font-family:"Trebuchet MS", Tahoma, Arial, sans-serif; font-weight:bold; font-size:16px; color:#0866ae;} #index-sub-gauche {float:left; margin-top:10px; margin-left:2px; } #index-sub-droite {margin-left:364px; margin-top:10px;} .index-sub-header {background-image:url(/images/index-sub-header.png); background-repeat:no-repeat; width:353px; height:31px;} .index-sub-footer {background-image:url(/images/index-sub-footer.png); background-repeat:no-repeat; width:353px; height:15px;} .index-sub-content {background-color:#fff; width:326px; border-left:1px solid #bbbbbb; border-right:1px solid #bbbbbb; padding-top:10px; padding-left:25px;} .index-sub-content a { text-decoration:none; color:#005ca2;} .index-sub-content a:hover { text-decoration:none; color:#41a2eb;} .etplus {margin-left:65px; font-size:12px;} .etplus-micro {margin-left:55px; font-size:12px;} /******************************************* /////////////////////// INDEXES MICROP *******************************************/ #index-header { background-image:url(/images/index-header.png); width:949px; background-repeat:no-repeat;} #index-paiement {float:left; padding-top:110px; } #index-paiement img, img.vignette {padding-right:7px; padding-bottom:7px; border:none;} #index-plans {padding-left:226px; padding-top:127px;} #index-plan-basic, #index-plan-medium, #index-plan-premium {float:left; margin-left:3px;} #index-header-basic {background-image:url(/images/index-header-basic.png); width:236px; height:64px;} #index-header-medium {background-image:url(/images/index-header-medium.png); width:236px; height:64px;} #index-header-premium {background-image:url(/images/index-header-premium.png); width:236px; height:64px;} .index-content-basic {background-color:#fff; width:207px; border-left:1px solid #bbbbbb; border-right:1px solid #bbbbbb; padding-top:10px; padding-left:17px; padding-right:10px;} .index-footer-basic {background-image:url(/images/index-footer-basic.png); width:236px; height:11px;} ul.liste-inclus-plans {list-style-type: none; padding: 0;margin: 0; padding-bottom:5px; font-size:12px;} ul.liste-inclus-plansspecial {list-style-type: none; padding: 0;margin: 0; padding-bottom:5px; font-size:11px;} ul.liste-inclus-plans li {padding-left: 20px; padding-top:4px; background: url(/images/icons/liste.png) no-repeat left center;} .prix-microp {float:left; width:105px;} .boutons-microp {margin-left:108px;} .boutons-microp img {padding-top:4px;} #sub-plans {} #index-domaine {float:left; margin-left:4px; } #index-pointsforts {margin-left:335px; } /*#index-pointsforts {margin-left:574px; margin-top:242px;}*/ #index-header-domaine {background-image:url(/images/index-header-domaine.png); width:322px; height:47px; } #index-content-domaine {background-color:#fff; width:310px; border-left:1px solid #bbbbbb; border-right:1px solid #bbbbbb; padding-top:10px; padding-left:10px;} #index-footer-domaine {background-image:url(/images/index-footer-domaine.png); width:322px; height:11px;} #index-domaine-www {background-image:url(/images/index-domaine-www.png); background-repeat:no-repeat; width:310px; height:124px; } #index-domaine-www form { padding-left:120px; padding-top:13px;} .subtitle {padding-left:10px;} #index-plan-special {margin-top:242px; margin-left:3px;} #index-header-planspecial {background-image:url(/images/index-header-planspecial.png); width:714px; height:35px; } #index-content-planspecial {background-color:#fff; width:697px; border-left:1px solid #bbbbbb; border-right:1px solid #bbbbbb; padding-left:15px; height:60px;} #index-footer-planspecial {background-image:url(/images/index-footer-planspecial.png); width:714px; height:14px;} table.table-planspecial tr td {padding-left:15px; font-size:11px;} #index-header-pointsforts {background-image:url(/images/index-header-pointsforts.png); width:383px; height:35px; } #index-content-pointsforts {background-color:#fff; width:366px; border-left:1px solid #bbbbbb; border-right:1px solid #bbbbbb; padding-top:10px; padding-left:15px; height:277px;} #index-content-pointsforts a { text-decoration:none; color:#005ca2;} #index-content-pointsforts a:hover { text-decoration:none; color:#41a2eb;} #index-footer-pointsforts {background-image:url(/images/index-footer-pointsforts.png); width:383px; height:14px;} #pf-left {float:left;} #pf-right{margin-left:185px;} #index-header-client {background-image:url(/images/index-header-client.png); width:222px; height:46px;} #index-header-banques {background-image:url(/images/index-header-banques.png); width:222px; height:46px;} .index-content-client {background-color:#fff; width:190px; border-left:1px solid #bbbbbb; border-right:1px solid #bbbbbb; padding-top:10px; padding-left:15px;padding-right:15px;} .index-content-client a { color:#005CA2; text-decoration:none;} .index-content-client a:hover { color:#0033FF;} .index-footer-client {background-image:url(/images/index-footer-client.png); width:222px; height:16px;} #index-header-affiliation {background-image:url(/images/index-header-affiliation.png); width:222px; height:46px;} #bg-accueil {background-image:url(/images/bg_accueil.png); background-repeat:repeat-x;} #accueil-centre {float:left;width:795px; margin-top:5px;} #accueil-droite {background-image:url(/images/bg_login.png); background-repeat:no-repeat; width:147px; height:453px; margin-left:800px; border-right:1px solid #E9E9E9;} #ofr-micropaiement {background-image:url(/images/ofr_micropaiement.png); background-repeat:no-repeat;} #ofr-pro {background-image:url(/images/ofr_pro.png); background-repeat:no-repeat; margin-left:10px;} #ofr-dedies {background-image:url(/images/ofr_dedies.png); background-repeat:no-repeat;} #ofr-prives{background-image:url(/images/ofr_prives.png); background-repeat:no-repeat;margin-left:9px;} #ofr-ecommerce{background-image:url(/images/ofr_ecommerce.png); background-repeat:no-repeat;margin-left:13px;} #ofr-emails{background-image:url(/images/ofr_emails.png); background-repeat:no-repeat;margin-left:9px;} #ofr-micropaiement, #ofr-pro{width:391px; height:196px; float:left; margin-top:5px; } #ofr-emails, #ofr-ecommerce, #ofr-prives, #ofr-dedies {width:190px; height:196px; float:left; margin-top:7px;} #savoirplus2 {padding-left:277px; padding-top:163px;} #savoirplus4 {padding-left:90px; padding-top:115px;} #col-login { background-image:url(/images/login.png); background-repeat:no-repeat; padding-top:45px; padding-left:8px; } #col-inclus { background-image:url(/images/inclus.png); background-repeat:no-repeat; width:148px; padding-top:25px; } ul.inclus, ul.packs { list-style-image:url(/images/point_1.jpg); margin:0; padding:0; margin-left:18px; } ul.inclus li { padding-top:3px; padding-bottom:3px; border-bottom:1px dotted #ccc; width:110px; } ul.packs li { padding-top:3px; padding-bottom:3px; width:140px; } #footer { clear:both; background-image:url(images/footer.png); height:53px; width:919px; margin-top:30px; padding-top:9px; padding-left:25px; } #footer, #footer a {color:#0d68b9; text-decoration:none;} #footer a:hover {color:#143365;} #copyright, #copyright a {margin-top:13px; color:white; text-decoration:none} #copyright a:hover {color:#96c3ee;} #footer img, .absmiddle {vertical-align:middle;margin-bottom: .25em; } /****************************** ********* DETAILS ******************************/ #col-mutualise {float:left;} #inclus-mutualise { background-image:url(images/inclus-mutualise.png); background-repeat:no-repeat; width:192px; height:324px; padding-top:60px; padding-left:20px; } #bg-details {margin-left:232px; margin-top:12px;} #bg-details a {color:#005CA2; text-decoration:none;} #bg-details a:hover {color:#005CA2; text-decoration:underline;} #font-details { padding-left:15px; padding-right:15px; width:470px; text-align: justify; float:left; } #font-details-ref { padding-left:15px; padding-right:15px; width:600px; text-align: justify; } #font-details-microp { padding-left:15px; padding-right:15px; width:654px; text-align: justify; } #header-erreurs {background-image:url(images/details_erreurs.png);} #header-packstarter {background-image:url(images/details_packstarter.png);} #header-packbronze {background-image:url(images/details_packbronze.png);} #header-packargent {background-image:url(images/details_packargent.png);} #header-packplatine {background-image:url(images/details_packplatine.png);} #header-packor {background-image:url(images/details_packor.png);} #header-essentiel {background-image:url(images/details_essentiel.png);width:670px;height:53px;} #header-confort {background-image:url(images/details_confort.png);width:670px;height:53px;} #header-presence {background-image:url(images/details_presence.png);width:670px;height:53px;} #header-serenite {background-image:url(images/details_serenite.png);width:670px;height:53px;} #header-perennite {background-image:url(images/details_perennite.png);width:670px;height:53px;} #header-planpromo {background-image:url(images/details_planpromo.png);} #header-planbasic {background-image:url(images/details_planbasic.png);} #header-planmedium {background-image:url(images/details_planmedium.png);} #header-planpremium {background-image:url(images/details_planpremium.png);} #header-vps256 {background-image:url(images/details_vps256.png);} #header-vps512 {background-image:url(images/details_vps512.png);} #header-vps1024 {background-image:url(images/details_vps1024.png);} #header-core2duoe6550 {background-image:url(images/details_core2duoe6550.png);} #header-core2duoe7400 {background-image:url(images/details_core2duoe7400.png);} #header-core2quadq6600 {background-image:url(images/details_core2quadq6600.png);} #header-core2duoe8400 {background-image:url(images/details_core2duoe8400.png);} #header-backup5 {background-image:url(images/details_backup5.png);} #header-backup25 {background-image:url(images/details_backup25.png);} #header-backup50 {background-image:url(images/details_backup50.png);} #header-backup100 {background-image:url(images/details_backup100.png);} #header-mx25 {background-image:url(images/details_mx25.png);} #header-mx50 {background-image:url(images/details_mx50.png);} #header-mx100 {background-image:url(images/details_mx100.png);} #header-comparatif-pro {background-image:url(images/details_comparatif_pro.png);} #header-comparatif-micro {background-image:url(images/details_comparatif_micro.png);} #header-comparatif-prives {background-image:url(images/details_comparatif_prives.png);} #header-comparatif-dedies {background-image:url(images/details_comparatif_dedies.png);} #header-comparatif-sauvegarde {background-image:url(images/details_comparatif_sauvegarde.png);} #header-comparatif-emails {background-image:url(images/details_comparatif_emails.png);} #header-commande1 {background-image:url(images/details_commande1.png);} #header-commande2 {background-image:url(images/details_commande2.png);} #header-commande3 {background-image:url(images/details_commande3.png);} #header-commande4 {background-image:url(images/details_commande4.png);} #header-commande5 {background-image:url(images/details_commande5.png);} #header-commande6 {background-image:url(images/details_commande6.png);} #header-accueil, #header-packstarter, #header-packbronze, #header-packargent, #header-packor, #header-packplatine, #header-comparatif-pro, #header-comparatif-micro, #header-comparatif-prives, #header-comparatif-dedies, #header-comparatif-sauvegarde, #header-comparatif-emails, #header-commande1, #header-commande2, #header-commande3, #header-commande4, #header-commande5, #header-commande6, #header-planpromo, #header-planbasic, #header-planmedium, #header-planpremium, #header-vps256, #header-vps512, #header-vps1024, #header-core2duoe6550, #header-core2duoe7400, #header-core2quadq6600, #header-core2duoe8400, #header-backup5, #header-backup25, #header-backup50, #header-backup100, #header-mx25, #header-mx50, #header-mx100, #header-recrutement, #header-erreurs { background-repeat:no-repeat; width:717px; height:53px; } /*** content NEW MCZ ***/ #content-essentiel{ background-color:#fff; width:653px; color: #5a5a5a; font-size:12px; font-family:Arial, Helvetica, sans-serif; border-left:1px solid #bbbbbb; border-right:1px solid #bbbbbb; padding-top:10px; padding-left:15px; } #content-starter, #content-bronze, #content-argent, #content-or, #content-platine, #content-comparatif, #content-contact, #content-apropos, #content-espaceclient, #content-commande, #content-recrutement, #content-ecommerce { background-color:#fff; width:700px; color: #5a5a5a; font-size:12px; font-family:Arial, Helvetica, sans-serif; border-left:1px solid #bbbbbb; border-right:1px solid #bbbbbb; padding-top:10px; padding-left:15px; } #content-recrutement {text-align:justify} #footer-details { background-image:url(images/details_footer.png); width:717px; height:20px; } #footer-details-new { background-image:url(images/details_footer_new.png); width:670px; height:20px; } #serviceco-details { margin-left:520px; background-image:url(images/pub_serviceco.png); background-repeat:no-repeat; width:164px; height:61px; padding-top:68px; } #titre-ref {background-image:url(images/details_titre_ref.png); background-repeat:no-repeat;} #titre-heb {background-image:url(images/details_titre_heb.png); background-repeat:no-repeat;} #titre-bdd {background-image:url(images/details_titre_bdd.png); background-repeat:no-repeat;} #titre-mess {background-image:url(images/details_titre_mess.png); background-repeat:no-repeat;} #titre-dom {background-image:url(images/details_titre_dom.png); background-repeat:no-repeat;} #titre-gest {background-image:url(images/details_titre_gest.png); background-repeat:no-repeat;} #titre-ecomm {background-image:url(images/details_titre_ecomm.png); background-repeat:no-repeat;} #titre-infoslegal {background-image:url(images/details_titre_infoslegal.png); background-repeat:no-repeat;} #titre-easyheb {background-image:url(images/details_titre_easyheb.png); background-repeat:no-repeat;} #titre-nomdomaine {background-image:url(images/details_titre_nomdomaine.png); background-repeat:no-repeat;} .titre-clean {background-image:url(images/details_titre_clean.png); background-repeat:no-repeat;} #titre-offreheberg {background-image:url(images/details_titre_offreheberg.png); background-repeat:no-repeat;} #titre-offreserv {background-image:url(images/details_titre_offreserv.png); background-repeat:no-repeat;} #titre-offresauv {background-image:url(images/details_titre_offresauv.png); background-repeat:no-repeat;} #titre-offreemails {background-image:url(images/details_titre_offreemails.png); background-repeat:no-repeat;} #titre-infoperso {background-image:url(images/details_titre_infoperso.png); background-repeat:no-repeat;} #titre-detailcommande {background-image:url(images/details_titre_detailcommande.png); background-repeat:no-repeat;} #titre-recapitulatif {background-image:url(images/details_titre_recapitulatif.png); background-repeat:no-repeat;} #titre-modepaiement {background-image:url(images/details_titre_modepaiement.png); background-repeat:no-repeat;} #titre-resumecommande {background-image:url(images/details_titre_resumecommande.png); background-repeat:no-repeat;} #titre-adressesite {background-image:url(images/details_titre_adressesite.png); background-repeat:no-repeat;} #titre-configserv {background-image:url(images/details_titre_configserv.png); background-repeat:no-repeat;} #titre-datacenter {background-image:url(images/details_titre_datacenter.png); background-repeat:no-repeat;} #titre-os {background-image:url(images/details_titre_os.png); background-repeat:no-repeat;} #titre-options {background-image:url(images/details_titre_options.png); background-repeat:no-repeat;} #titre-os {background-image:url(images/details_titre_os.png); background-repeat:no-repeat;} #titre-infogerance {background-image:url(images/details_titre_infogerance.png); background-repeat:no-repeat;} #titre-infosgeneral {background-image:url(images/details_titre_infosgeneral.png); background-repeat:no-repeat;} #titre-protocoles {background-image:url(images/details_titre_protocoles.png); background-repeat:no-repeat;} #titre-logicielbackup {background-image:url(images/details_titre_logicielbackup.png); background-repeat:no-repeat;} #titre-tarifs {background-image:url(images/details_titre_tarifs.png); background-repeat:no-repeat;} #titre-actualite {background-image:url(images/details_titre_actualite.png); background-repeat:no-repeat;} #titre-presse {background-image:url(images/details_titre_presse.png); background-repeat:no-repeat;} #titre-bannieres {background-image:url(images/details_titre_bannieres.png); background-repeat:no-repeat;} #titre-heb, #titre-ref, #titre-bdd, #titre-mess, #titre-dom, #titre-gest, #titre-ecomm, #titre-configserv, #titre-datacenter, #titre-os, #titre-infogerance, #titre-options, #titre-infosgeneral, #titre-protocoles, #titre-logicielbackup, #titre-tarifs { background-repeat:no-repeat; width:619px; height:37px; margin-left:25px; margin-top:10px; margin-bottom:10px; } #titre-nomdomaine, .titre-clean, #titre-offreheberg, #titre-offreserv, #titre-offresauv, #titre-offreemails, #titre-recapitulatif, #titre-infoperso, #titre-detailcommande, #titre-modepaiement, #titre-resumecommande, #titre-adressesite, #titre-infoslegal, #titre-easyheb, #titre-actualite, #titre-bannieres, #titre-presse { width:607px; padding-top:53px; margin-top:30px; padding-left:15px; margin-left:25px; background-repeat:no-repeat; } .titre-clean {padding-left:13px; padding-top:10px; min-height:27px; margin-top:20px;} .choixdomaine {background-color:#c9e0f1; padding:20px; width:440px; margin:auto; text-align:center;} .choixdomaine2 {background-color:#c9e0f1; padding:20px; width:440px; padding-left:75px;} label.inscription {display:block; width:165px; float:left; } #contenu-client, #contenu-transf, #contenu-conserv, #contenu-allopass, #contenu-essai, #contenu-points, #contenu-paypal {display:none;} #login-gauche{float:left; width:250px;} #login-droite{margin-left:270px; width:300px;} #contenu-heb, #contenu-bdd, #contenu-mess, #contenu-dom, #contenu-gest, #contenu-ecomm, .contenu-gest { margin-top:5px; } #tab-details table.details tr { height:27px; border-bottom:2px dotted #ccc; border-top:2px dotted #ccc; } #tab-details img {border:none;} #tab-details table.details { width:350px; margin-left:30px; float:left; border-collapse:collapse; } #tab-details table.details td.td-nom {width:250px;} #tab-details table.details td.td-infos {width:100px; padding-left:10px;} #explic-details { margin-left:385px; padding-top:10px; padding-right:30px; padding-left:30px; width:220px; text-align:justify; } .explic-details { margin-left:385px; padding-top:10px; padding-right:30px; padding-left:30px; width:220px; text-align:justify; } #paiement-micropaiement {float:left; padding-left:20px; width:350px;} #prix-micropaiment {margin-left:365px;} /****************************** ********* COMPARATIF ******************************/ .bg-comparatif {background-image:url(images/th-comparatif.png); background-repeat:no-repeat; width:650px; margin-left:20px;} .bg-commande { background-repeat:no-repeat; width:579px; } table.comparatif {border-collapse:collapse; border:1px solid #c1d4ec; width:650px; font-size:12px;} table.commande {border-collapse:collapse; border:1px solid #c1d4ec; width:579px; font-size:12px;} table.comparatif th{ color:#fff; font-weight:normal; font-size:10px; text-transform:uppercase; padding-left:5px; text-align:center; width:100px; height:37px; } table.commande th {color:#fff; font-weight:normal; font-size:10px; text-transform:uppercase; padding-left:5px; text-align:center;height:37px;} table.comparatif img {border:none;} table.comparatif th.desc {text-align:left; width:160px; font-weight:bold;} table.commande th.desc {text-align:left; width:200px; font-weight:bold;} table.comparatif tr {height:30px;} table.commande tr {height:40px;} table.comparatif tr.dark, table.commande tr.dark {background-color:#01f86c;} table.commande tr.dark, table.commande tr.dark:hover, table.comparatif tr.dark:hover {background-color:#0e7bc0;} table.comparatif tr:hover, table.commande tr:hover {background-color:#d3e7ff;} table.comparatif tr td, table.commande tr td {border-bottom:1px solid #c1d4ec; text-align:center;} table.comparatif tr td.desc, table.commande tr td.desc {border-bottom:1px solid #c1d4ec; text-align:left; padding-left:5px; font-weight:bold;} /****************************** ********* CONTACT ******************************/ #header-contact {background-image:url(images/details_contact.png); background-repeat:no-repeat; width:727px; height:53px;} #form-contact {padding-left:20px; float:left; width:390px; } #infos-contact {margin-left:440px; width:238px;} ul.liste-inclus-contact {list-style-type: none; width:245px; padding: 0;margin: 0; padding-bottom:5px; font-size:12px;} ul.liste-inclus-contact li {padding-left: 25px; width:220px; padding-top:4px; background: url(/images/icons/liste.png) no-repeat left center;} label.contact {display:block; width:85px; float:left; text-align:right; margin-right:10px;} fieldset {padding:20px; border:1px solid #9bc2df;} legend {color:#005ca2;} /****************************** ********* A PROPOS ******************************/ #header-apropos {background-image:url(images/details_apropos.png); background-repeat:no-repeat; width:727px; height:53px;} ul.apropos {list-style-image:url(images/point_1.jpg); margin:0; padding:0; margin-left:18px;} .txt-apropos {text-align:justify; width:500px;} ul.liste-inclus-apropos {list-style-type: none; width:300px; padding: 0;margin: 0; padding-bottom:5px; font-size:12px;} ul.liste-inclus-apropos li {padding-left: 25px; width:275px; padding-top:4px; background: url(/images/icons/liste.png) no-repeat left center;} #sarl-apropos {float:left; width:300px; } #contact-apropos {margin-left:330px; width:250px;} /****************************** ********* PRESTASHOP ******************************/ #header-ecommerce {background-image:url(images/details_prestashop.png); background-repeat:no-repeat; width:727px; height:53px;} .presta {margin-right:15px; float:right} .presta2 {margin-left:30px;} #content-ecommerce ul {margin-left:15px; list-style-type:circle;} #content-ecommerce table tr td {vertical-align:top;} /****************************** ********* ESPACE CLIENT ******************************/ #header-espaceclient {background-image:url(images/details_espaceclient.png); background-repeat:no-repeat; width:717px; height:53px;} #form-espaceclient {padding-left:20px; float:left; width:300px; } #mdp-espaceclient {margin-left:350px; width:300px;} #antifraude-espaceclient {margin-left:10px; width:600px;} /****************************** ********* INFRASTRUCTURE ******************************/ #header-infrastructure {background-image:url(images/details_infrastructure.png); background-repeat:no-repeat; width:717px; height:53px;} #infra {padding-left:10px; padding-right:20px; text-align:justify;} .imgpadleft {padding-right:10px;} .imgpadright {padding-left:10px;} /****************************** ********* RECRUTEMENT ******************************/ #header-recrutement {background-image:url(images/details_recrutement.png); background-repeat:no-repeat; width:717px; height:53px;} /****************************** ********* ACTUALITES ******************************/ #header-actualite {background-image:url(images/details_actualite.png); background-repeat:no-repeat; width:717px; height:53px;} #tweet {background-image:url(images/tweet.png); width:617px; height:214px; margin:auto; } #tweets ul, #tweet ul {margin:0; padding:0; list-style-type:none;} #tweet .tweet-status, #tweets .tweet-status { font-family: Georgia; color: #0082db; line-height: 1.2em; } #tweets .tweet-status { font-size: 1.3em;} #tweet .tweet-status {font-size: 1.8em;} #tweets .tweet-time, #tweet .tweet-time { font-family: Georgia; color: #868686; line-height: 1.2em; } #tweets .tweet-time {font-size: 0.9em;} #tweet .tweet-time {font-size: 1.3em;} #large-tweet {width:390px; padding-left:20px; height:206px; text-align: center; vertical-align: middle; display: table-cell; padding-top:30px;} /****************************** ********* PRESSE ******************************/ #titre-bannieres {height:260px;} #header-presse {background-image:url(images/details_presse.png); background-repeat:no-repeat; width:717px; height:53px;} #dossierpresse {float:left; width:285px;} #logos {margin-left:310px;} fieldset.wide {width:150px; float:left} fieldset.carre {width:150px; float:left; margin-left:10px;} fieldset.long {width:150px; float:left; margin-left:10px;} /****************************** ********* AFFILIATION ******************************/ #header-affiliation {background-image:url(images/details_affiliation.png); background-repeat:no-repeat; width:717px; height:53px;} #JT_arrow_left{background-image: url(images/arrow_left.gif);} #JT_arrow_leftRed{background-image: url(images/arrow_leftRed.png);} #JT_arrow_left, #JT_arrow_leftRed { background-repeat: no-repeat; background-position: left top; position: absolute; z-index:101; left:-12px; height:23px; width:10px; top:-3px; } #JT_arrow_right {background-image: url(images/arrow_right.gif);} #JT_arrow_rightRed {background-image: url(images/arrow_rightRed.png);} #JT_arrow_right, #JT_arrow_rightRed { background-repeat: no-repeat; background-position: left top; position: absolute; z-index:101; height:23px; width:11px; top:-2px; } #JT {border: 2px solid #005ca2;} #JTRed {border: 2px solid #df3b1f;} #JT, #JTRed { position: absolute; z-index:100; background-color: #fff; } .JT_loader{ background-image: url(images/loader.gif); background-repeat: no-repeat; background-position: center center; width:100%; height:12px; } #JT_close_left{ background-color: #005ca2;} #JT_close_leftRed{background-color: #df3b1f;} #JT_close_left, #JT_close_leftRed { text-align: left; padding-left: 8px; padding-bottom: 5px; padding-top: 2px; font-weight:bold; color:#fff; } #JT_close_right{ background-color: #005ca2;} #JT_close_rightRed{background-color: #df3b1f;} #JT_close_right, #JT_close_rightRed { text-align: left; padding-left: 8px; padding-bottom: 5px; padding-top: 2px; font-weight:bold; } #JT_copy, #JT_copyRed{ padding:10px 10px 10px 10px; color:#333333;} #JT_copy p, #JT_copyRed p {margin:3px 0;} #JT_copy img, #JT_copyRed img{ padding: 1px; border: 1px solid #005ca2;} .jTip{cursor:pointer; text-decoration:none; color:#5d96e4; font-weight:bold;} #preview{ position:absolute; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff; }