/* css dosument */ /* ========== Common styles ========== */ @font-face{ font-family : "Nunito"; src : url('/themes/10/font/Nunito/Nunito-Regular.ttf'); src : url('/themes/10/font/Nunito/Nunito-Light.ttf'); src : url('/themes/10/font/Nunito/Nunito-Bold.ttf'); font-weight: bold; } ul { margin-left: 10px; margin-bottom: 5px; } ul.blue li { list-style-image: url('../../themes/default/images/shared/listImage.gif'); list-style-type: none; color: #0068b1; font-size: 11px; text-align: left; } .blue_link { background: url('../../themes/default/images/shared/listImage.gif') no-repeat 0% 40%; color: #0068b1; font-size: 11px; text-align: left; font-weight: bold; text-indent: 10px; } ul.red li { list-style-image: url('../../themes/default/images/shared/listImageRed.gif'); list-style-type: none; color: #880000; font-size: 11px; text-align: left; } ul.red li a { color: #880000; } ul li { list-style-image: url('../../images/listImage.gif'); list-style-type: none; font-size: 12px; color: #4c4c4c; margin-left: 20px; _margin-left: 20px; *margin-left: 20px; } ul li a, ul li a:visited, ul li a:active { text-decoration: underline; } ul li a:hover { text-decoration: none; } /*ul.grey { margin-left: 5px; margin-bottom: 5px; } ul.grey li { margin-left: 5px; } */ ul.grey li { list-style-image: url('../../themes/default/images/shared/listImageGrey.gif'); list-style-type: none; color: #3c3c3c; margin-top: 2px; } ul.grey li a { color: #3c3c3c; } ul.grey li.blue { list-style-image: url('../../themes/default/images/shared/listImage.gif'); list-style-type: none; color: #0068b1; margin-top: 2px; } ul.grey li.blue a { color: #0068b1; font-weight: bold; text-decoration: none; } ul.grey li.blue a:visited { color: #0068b1; font-weight: bold; text-decoration: none; } ul.nolink li { font-weight: bold; color: #0068b1; text-decoration: none; } /* this is the main font */ @font-face { font-family: 'Cabin'; src: url('/themes/10/font/cabin/Cabin-Regular-webfont.eot'); src: url('/themes/10/font/cabin/Cabin-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/themes/10/font/cabin/Cabin-Regular-webfont.woff') format('woff'), url('/themes/10/font/cabin/Cabin-Regular-webfont.ttf') format('truetype'), url('/themes/10/font/cabin/Cabin-Regular-webfont.svg#CabinRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cabin'; src: url('/themes/10/font/cabin/Cabin-Medium-webfont.eot'); src: url('/themes/10/font/cabin/Cabin-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('/themes/10/font/cabin/Cabin-Medium-webfont.woff') format('woff'), url('/themes/10/font/cabin/Cabin-Medium-webfont.ttf') format('truetype'), url('/themes/10/font/cabin/Cabin-Medium-webfont.svg#CabinMedium') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Cabin'; src: url('/themes/10/font/cabin/Cabin-Bold-webfont.eot'); src: url('/themes/10/font/cabin/Cabin-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('/themes/10/font/cabin/Cabin-Bold-webfont.woff') format('woff'), url('/themes/10/font/cabin/Cabin-Bold-webfont.ttf') format('truetype'), url('/themes/10/font/cabin/Cabin-Bold-webfont.svg#CabinBold') format('svg'); font-weight: bold; font-style: normal; } form .domainSubmit:hover { cursor: pointer; background: #567eb9; color: #ffffff; } */ form.bigOrder { display: block; width: 592px; height: 55px; padding-top: 13px; background: transparent url('../../themes/default/images/share/bigOrder_bg.png') no-repeat 0 0; } form.bigOrder input, form.bigOrder select { height: 17px; line-height: 17px; padding: 1px; border: 1px solid #fff; } form.bigOrder select { height: 20px; } /* ========== Index link specific effects ========= */ a.lighten, a.lighten:visited, a.lighten:active { border: 0; margin: 0; padding: 0; text-decoration: none; display: block; width: 135px; height: 20px; line-height: 20px; text-indent: 7px; color: #0068b1; } a.lighten:hover { background: transparent url('../../themes/default/images/blue/lighten_hover.png') repeat-x 0 0; color: white; } button.button, .button span, a.button, a.button:link, a.button:visited, a.button:active, a.button:hover { line-height: 40px; color: #efefef; text-decoration: none; font-weight: bold; padding: 7px 0 7px 22px; _padding: 0 0 0 22px; *padding: 0 0 0 22px; // background: transparent url(/images/bars/general/bButton.jpg) no-repeat 0 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } button.button, a.button span, a.button:link span, a.button:visited span, a.button:active span, a.button:hover span { padding: 7px 22px 7px 0; // background: transparent url(/images/bars/general/bButton.jpg) no-repeat 100% 0 ; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } a.button.selected, a.button:hover { // background: transparent url(/images/bars/general/bButton.jpg) no-repeat 0 100%; } a.button.selected span, a.button:hover span { // background: transparent url(/images/bars/general/bButton.jpg) no-repeat 100% 100%; color: white; } .button span img { vertical-align: middle; } a.button.full { display: block; margin: 0; text-align: center; height: 32px; _height: 22px; width: 100%; padding: 0; margin: 0; } a.button.full span { display: block; height: 32px; margin: 0 0 0 5%; padding: 0 5% 0 0; text-align: inherit; line-height: 32px; width: 90%; _height: 22px; } /* ========== Css for Index Hosting Subs ====== */ a.HostingTitleIT { text-decoration:none; font-size:38px; font-weight: bold; font-family: 'Cabin', sans-serif; color: rgba(0,0,0,0.5); cursor: pointer; text-shadow:#6AAEA4 0px 0px 0px, #fff 0px 0px 1px,#fff 0px 0px 1px, rgba(0,0,0,0.75) 0px 0px 2px,#BDFFCD 0px 0px 25px, #bdfbff 0px -20px 40px, #fff 0px 0px 10px ,#fff 20px 10px 50px; margin: 20px; } a.HostingTitleIT:hover { text-decoration:none; } #hosting_italy a:active { text-decoration: none; } .TopBanner { background: transparent url(/images/hostingIT/OneClic.jpg) no-repeat scroll 0 0; margin-left: -15px; width: 989px; height: 305px; } .TextBanner { width: 440px; height: 200px; float: left; padding: 5px 0 0 30px; } .TextBanner h2 { font-size: 38px; color: #005997; text-shadow: 0 1px 0 #fff, 1px 2px 1px #616161; margin-bottom: 0px; line-height: 40px; } .TextBanner span { font-size: 24px; line-height: 35px; margin: 20px; color: rgba(0,0,0,0.5); width: 460px; text-shadow: 0 0 10px #BDFFCD, 0 0 3px #FFFFFF; } .TextBanner div { /* width: 225px; height: 58px; background: transparent url('../../images/hostingIT/EncartTel.png') top left no-repeat;*/ } .contactHosting h2 { color: #767779; font-size: 15px; line-height:20px; font-weight: bold; text-align: right; padding:5px 22px 0 0; text-shadow: none; } .contactHosting span { color:#0854AB; font-weight: bold; font-size: 21px; line-height: 22px; text-shadow: 0 1px 0 #fff, 1px 1px 1px #616161; padding:5px 22px 0 0; } .topHostingPnl { width: 310px; height: 85px; margin-top: -46px; /* background: transparent url('/images/hostingIT/bg_padhead.png') bottom center repeat-x;*/ background: rgb(122,118,119); background: -moz-linear-gradient(top, rgba(122,118,119,1) 0%, rgba(86,82,83,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,118,119,1)), color-stop(100%,rgba(86,82,83,1))); background: -webkit-linear-gradient(top, rgba(122,118,119,1) 0%,rgba(86,82,83,1) 100%); background: -o-linear-gradient(top, rgba(122,118,119,1) 0%,rgba(86,82,83,1) 100%); background: -ms-linear-gradient(top, rgba(122,118,119,1) 0%,rgba(86,82,83,1) 100%); background: linear-gradient(to bottom, rgba(122,118,119,1) 0%,rgba(86,82,83,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a7677', endColorstr='#565253',GradientType=0 ); box-shadow: inset -1px 1px 0 #c6c6c6, inset 1px 0 0 #c6c6c6; -moz-box-shadow: inset -1px 1px 0 #c6c6c6, inset 1px 0 0 #c6c6c6; -webkit-box-shadow: inset -1px 1px 0 #c6c6c6, inset 1px 0 0 #c6c6c6; border-radius: 5px 5px 0 0; border-top:1px solid #625E5F; border-left:1px solid #625E5F; border-right:1px solid #625E5F; } /*.xHosting:hover .topHostingPnl { -moz-box-shadow: inset -1px 1px 0 #c6c6c6, inset 1px 0 0 #c6c6c6, inset 0px 0px 4px #000; -webkit-box-shadow: inset -1px 1px 0 #c6c6c6, inset 1px 0 0 #c6c6c6, inset 0px 0px 4px #000; box-shadow: inset -1px 1px 0 #c6c6c6, inset 1px 0 0 #c6c6c6, inset 0px 0px 4px #000; border-radius: 5px 5px 0 0; transition: all 0.3s ease-in-out 0s; }*/ /*.xHosting:hover .colHosting { -webkit-box-shadow: 0px 0px 5px #a7a7a7; -moz-box-shadow: 0px 0px 5px #a7a7a7; box-shadow: 0px 0px 5px #a7a7a7; transition: all 0.3s ease-in-out 0s; position:relative; display:block; z-index:5; }*/ .xHosting:hover .BotHostingPnl { display:block; position:relative; } /* .topHostingPnl a.linkk:hover h3.HostingTitle { text-shadow: 0 0px 2px #000000; } */ .BotHostingPnl { width: 310px; height: 28px; background: rgb(86,82,83); /* Old browsers */ background: -moz-linear-gradient(top, rgba(86,82,83,1) 0%, rgba(86,82,83,1) 0%, rgba(122,118,119,1) 100%, rgba(122,118,119,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(86,82,83,1)), color-stop(0%,rgba(86,82,83,1)), color-stop(100%,rgba(122,118,119,1)), color-stop(100%,rgba(122,118,119,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(86,82,83,1) 0%,rgba(86,82,83,1) 0%,rgba(122,118,119,1) 100%,rgba(122,118,119,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(86,82,83,1) 0%,rgba(86,82,83,1) 0%,rgba(122,118,119,1) 100%,rgba(122,118,119,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(86,82,83,1) 0%,rgba(86,82,83,1) 0%,rgba(122,118,119,1) 100%,rgba(122,118,119,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(86,82,83,1) 0%,rgba(86,82,83,1) 0%,rgba(122,118,119,1) 100%,rgba(122,118,119,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565253', endColorstr='#7a7677',GradientType=0 ); /* IE6-9 */ } .linkk { width: 310px; /* position: absolute; */ display: block; text-decoration:none; } .xHosting { width: 310px; _width: 300px; margin: 0 15px 0 0; _margin: 0 0 0 0; display: block; float: left; } .colHosting { width: 310px; _width: 300px; /* cursor:pointer;*/ } .colHosting a, .colHosting a:hover, .colHosting a:active { text-decoration:none; outline: none; cursor:pointer; } h3.HostingTitle{ text-decoration: none; font-size: 32px; color: #fff; text-shadow: -1px -1px 1px #000000; line-height: 48px; } div.BotHostingPnl a.MoreInfoHosting { text-decoration:none; color:white; } div.BotHostingPnl a.MoreInfoHosting:hover { text-decoration: underline; color:white; } .HostingSep { /* background: transparent url('/images/hostingIT/SectionColonnes.jpg') top left no-repeat;*/ border-top: 1px solid #D9D9D9; margin: 9px 0 9px 0px; } .HostingLinks { color: #fff; text-shadow: 0 -1px 0 #000; line-height: normal; } /* Five Pads know more */ .Aclients { margin: 23px 0 0 0px; } #clients1 { width: 311px; height: 160px; background: transparent url('/images/hostingIT/EncartAntho.jpg') 0 0 no-repeat; } #clients1:hover { width: 311px; height: 160px; background-position: 0 100%; } #clients2 { width: 311px; height: 160px; background: transparent url('/images/hostingIT/EncartLorine.jpg') top left no-repeat; margin-left: 10px; } #clients2:hover { width: 311px; height: 160px; background-position: 0 100%; } #clients3 { width: 311px; height: 160px; margin-left: 10px; background: transparent url('/images/hostingIT/EncartAlain.jpg') top left no-repeat; } #clients3:hover { width: 311px; height: 160px; background-position: 0 100%; } #clients h1 { background: #E7E7E7 url('/images/hostingIT/BarreSiete.png') top left no-repeat; text-align: center; font-size: 26px; color: #fff; font-weight: bold; text-shadow: 1px 1px 0px #2B2B2B; height: 54px; } #clients { margin: 5px 0 5px 3px; width: 100%; } #clients h4 { text-align: right; font-size: 14px; text-decoration: none; margin-top: 27px; } #clients a, #clients a:hover { text-decoration: none; outline:none; } #clients3 ul.listeClients { margin-top: 13px; } #clients2 ul.listeClients li { margin-left: 35px; } #clients3 ul.listeClients li { margin-left: 35px; } a.listeClients { float: right; width: 174px; line-height: 20px; color: #343434; font-size: 15px; font-family: "Trebuchet MS", "Arial","Lucida grande","Bitstream Charter","Liberation sans","FreeSans",sans-serif; text-decoration: none; padding-left: 135px; z-index:20; position:absolute; display:block; } a.listeClients:hover { color: #0068B1; text-decoration:none; } .ClientsLinks { color: #fff; text-shadow: 0 -1px 0 #000; padding-right: 10px; } .Hosting_plus a { opacity: 0.90; -moz-opacity: 0.90; -ms-filter: "alpha(opacity=90)"; filter : alpha(opacity=90); width: 20%; } .Hosting_plus a:hover { opacity: 10; -moz-opacity: 10; -ms-filter: "alpha(opacity=100)"; filter : alpha(opacity=100); } .display { /* height: 0px; overflow:hidden;*/ } /*Services links*/ .HostingServices_header h3 { text-align: center; font-size: 14px; line-height: 30px; color: white; text-shadow: 0 -1px 0 #000; } .HostingServices_header { width: 40%; height:30px; margin-left:2px; background: rgb(122,118,119); background: -moz-linear-gradient(top, rgba(122,118,119,1) 0%, rgba(86,82,83,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,118,119,1)), color-stop(100%,rgba(86,82,83,1))); background: -webkit-linear-gradient(top, rgba(122,118,119,1) 0%,rgba(86,82,83,1) 100%); background: -o-linear-gradient(top, rgba(122,118,119,1) 0%,rgba(86,82,83,1) 100%); background: -ms-linear-gradient(top, rgba(122,118,119,1) 0%,rgba(86,82,83,1) 100%); background: linear-gradient(to bottom, rgba(122,118,119,1) 0%,rgba(86,82,83,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a7677', endColorstr='#565253',GradientType=0 ); box-shadow: inset -1px 1px 0 #c6c6c6, inset 1px 0 0 #c6c6c6; border-radius: 5px 5px 0 0; border-top:1px solid #625E5F; border-left:1px solid #625E5F; border-right:1px solid #625E5F; } .HostingServices_body { width: 40%; float:left; margin-left: 2px; background: rgb(248,248,248); /* Old browsers */ background: -moz-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(231,231,231,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,248,248,1)), color-stop(100%,rgba(231,231,231,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(231,231,231,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(231,231,231,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(231,231,231,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(248,248,248,1) 0%,rgba(231,231,231,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */ box-shadow: inset -1px -1px 0 #fff, inset 1px 0 0 #fff; border-radius: 0 0 5px 5px; border-bottom:1px solid #c6c6c6; border-left:1px solid #c6c6c6; border-right:1px solid #c6c6c6; } .HostingServices_body ul { margin: 12px 0; } ul.uLeftHosting { float:left; width: 55%; text-align:left; margin-left:0; } ul.uRightHosting li, ul.uLeftHosting li { margin-left: 10px; } ul.uRightHosting { float:right; width: 45%; text-align:left; margin-left:0; } .HostingServices_body ul li { list-style-image: none; } .HostingServices_body ul li a { line-height: 25px; color: #343434; font-size: 13px; font-family: "Trebuchet MS", "Arial","Lucida grande","Bitstream Charter","Liberation sans","FreeSans",sans-serif; text-decoration: none; } .HostingServices_body ul li a:hover { color: #0068B1; text-decoration:none; } /*===Solutions en 1 clic logos===*/ #solutions1click { float: right; width: 58%; margin-right: 4px; margin-top: -31px; } .solutions1click_header { height: 30px; margin-left:2px; background: rgb(122,118,119); background: -moz-linear-gradient(top, rgba(122,118,119,1) 0%, rgba(86,82,83,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,118,119,1)), color-stop(100%,rgba(86,82,83,1))); background: -webkit-linear-gradient(top, rgba(122,118,119,1) 0%,rgba(86,82,83,1) 100%); background: -o-linear-gradient(top, rgba(122,118,119,1) 0%,rgba(86,82,83,1) 100%); background: -ms-linear-gradient(top, rgba(122,118,119,1) 0%,rgba(86,82,83,1) 100%); background: linear-gradient(to bottom, rgba(122,118,119,1) 0%,rgba(86,82,83,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a7677', endColorstr='#565253',GradientType=0 ); box-shadow: inset -1px 1px 0 #c6c6c6, inset 1px 0 0 #c6c6c6; border-radius: 5px 5px 0 0; border-top:1px solid #625E5F; border-left:1px solid #625E5F; border-right:1px solid #625E5F; } .solutions1click_body { margin-left: 2px; background: rgb(248,248,248); /* Old browsers */ background: -moz-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(231,231,231,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,248,248,1)), color-stop(100%,rgba(231,231,231,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(231,231,231,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(231,231,231,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(231,231,231,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(248,248,248,1) 0%,rgba(231,231,231,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */ box-shadow: inset -1px -1px 0 #fff, inset 1px 0 0 #fff; border-radius: 0 0 5px 5px; border-bottom:1px solid #c6c6c6; border-left:1px solid #c6c6c6; border-right:1px solid #c6c6c6; } #solutions1click h3 { text-align: center; font-size: 14px; line-height: 30px; color: white; text-shadow: 0 -1px 0 #000; } a.drupal { float: left; display: block; width: 32%; height: 39px; margin-left: 30px; background: transparent url('../../images/hostingIT/drupal.png') top left no-repeat; background-position: 0 0; } a.drupal:hover { display: block; width: 32%; height: 39px; background: transparent url('../../images/hostingIT/drupal.png') top left no-repeat; background-position: 0 -39px; } a.joomla { float: left; display: block; width: 28%; height: 34px; background: transparent url('../../images/hostingIT/Joomla.png') top left no-repeat; background-position: 0 0; } a.joomla:hover { display: block; width: 28%; height: 34px; background: transparent url('../../images/hostingIT/Joomla.png') top left no-repeat; background-position: 0 -34px; } a.prestashop { float: right; display: block; width: 29%; height: 38px; margin: 0; background: transparent url('../../images/hostingIT/Prestashop.png') top left no-repeat; background-position: 0 0; } a.prestashop:hover { display: block; width: 29%; height: 39px; background: transparent url('../../images/hostingIT/Prestashop.png') top left no-repeat; background-position: 0 -37px; } a.wordpress { float: left; display: block; width: 35%; height: 23px; margin-left: 10px; background: transparent url('../../images/hostingIT/wordpress.png') top left no-repeat; background-position: 0 0; } a.wordpress:hover { display: block; width: 35%; height: 26px; background: transparent url('../../images/hostingIT/wordpress.png') top left no-repeat; background-position: 0 -24px; } a.oscommerce { float: left; display: block; width: 31%; height: 26px; background: transparent url('../../images/hostingIT/OsCommerce.png') top left no-repeat; background-position: 0 0; } a.oscommerce:hover { display: block; width: 31%; height: 27px; background: transparent url('../../images/hostingIT/OsCommerce.png') top left no-repeat; background-position: 0 -27px; } a.zenphoto { float: right; display: block; width: 28%; height: 27px; background: transparent url('../../images/hostingIT/ZenPhoto.png') top left no-repeat; background-position: 0 0; margin-bottom:3px; } a.zenphoto:hover { display: block; margin-bottom:0; width: 28%; height: 30px; background: transparent url('../../images/hostingIT/ZenPhoto.png') top left no-repeat; background-position: 0 -27px; } a.magento { float: left; display: block; width: 40%; height: 42px; margin-left: 10px; background: transparent url('../../images/hostingIT/Magento.png') top left no-repeat; background-position: 0 0; } a.magento:hover { display: block; width: 40%; height: 42px; background: transparent url('../../images/hostingIT/Magento.png') top left no-repeat; background-position: 0 -42px; } a.phpbb { float: left; display: block; width: 25%; height: 38px; background: transparent url('../../images/hostingIT/phpBB.png') top left no-repeat; background-position: 0 0; } a.phpbb:hover { display: block; width: 25%; height: 38px; background: transparent url('../../images/hostingIT/phpBB.png') top left no-repeat; background-position: 0 -39px; } a.sugar { float: right; display: block; width: 29%; height: 35px; background: transparent url('../../images/hostingIT/sugar-CRM.png') top left no-repeat; background-position: 0 0; } a.sugar:hover { display: block; width: 29%; height: 35px; background: transparent url('../../images/hostingIT/sugar-CRM.png') top left no-repeat; background-position: 0 -35px; } /* ========== tables params to display prices or usual tabbed infos ========= */ table td { vertical-align: middle; } table img { vertical-align: middle; } table tr.title { background: #cedaeb; } table tr.title th { text-align: left; color: #0068b1; } table tr th { text-align: left; color: #3c3c3c; height: 20px; } html>body table tr th { text-align: left; color: #3c3c3c; height: 30px; } @media screen and (-webkit-min-device-pixel-ratio:0) { /* hacked for chrome and safari */ table tr th {height: 20px;} } table td.answer { color: #0068b1; vertical-align: middle; text-align: right; } table tr.light { background: #f5f5f5; } table tr.light td.gold { background: #f5f5f5; } table tr.light td.platinum { background: #E7EDF5; } table tr.light td.diamond { background: #DBE3F0; } table tr.price td.gold { background: #fff; } table tr.price td.platinum { background: #F0F7FF; } table tr.price td.diamond { background: #E4ECFA; } table tr td.light { background: #ebebeb; font-size: 9px; color: #3c3c3c; } table.price { background: #cbcbcb; text-align: center; } table.price tr.price { background: #ffffff; } table.price td { height: 30px; } table.price tr.title th { text-align: center; line-height: 19px; } table tr.light img, table tr.price img { margin: 3px; } table td.nomarge img { margin: 0px; } table th a, table th a:hover, table th a:active { font-weight: bold; text-decoration: none; color: #0068b1; } table th a, table th a:hover, table th a:active { font-weight: bold; text-decoration: underline; color: #0068b1; } table.bigTable td { font-size: 12px; padding: 4px; } table.bigTable th { font-size: 11px; padding: 4px; } table tr td.light { background: #ebebeb; font-size: 9px; color: #3c3c3c; } table.phone { background: #cbcbcb; text-align: center; } table.phone tr.phone { background: #ffffff; } table.phone tr.title th { text-align: center; line-height: 19px; } table.phone tr.title th.left { text-align: left; line-height: 19px; } table.phone tr.title { background: #dadada; } table.phone tr th { text-align: left; color: #3c3c3c; font-size: 12px;border-left:1px solid #ccc; } table.phone tr th.black { color: #212121; font-size: 12px; } table.phone tr th.center { text-align: center; } table.phone tr.title th { color: #212121; font-size: 12px; } table.borderinside td, table.borderinside th { border: 0; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; height: 20px; } table.borderinside td.noright, table.borderinside th.noright { border: 0; border-bottom: 1px solid #ccc; } table.borderinside td.borderleft, table.borderinside th.borderleft { border-left : 1px solid #ccc; } table.borderinside td.nobottom, table.borderinside th.nobottom { border: 0; border-right: 1px solid #ccc; } table.borderinside td.none, table.borderinside th.none { border: 0; } /*td.green { color: #1fc41f; font-weight: bold; text-align: right; } h1 { font-size: 11px; color: #0068b1; text-align: center; line-height: 20px; width: 100%; padding: 0; margin: 0; border-bottom: 1px solid #cbcbcb; background: #cedaeb; }*/ table.blueTH th { color: #0068b1; } table.index, table.index tr, table.index tr th, table.index tr td { background: transparent; } table.index .white { color: #fff; } table.index td.diff { background: #eee; } table.index tr th { color: #999; } table.index tr th, table.index tr td { border-bottom: 1px solid #ccc; } table.index tr.none th, table.index tr.none td { border-bottom: 0; } table.margin { margin-left: 2px; margin-right: 2px; } td.left { text-align: left; } td, th { padding: 3px; } /* ========== Main top bar style ========== */ #dedicated_top, #dedicated_top div, #domains_top, #domains_top div, #telecom_top, #telecom_top div, #hosting_top, #hosting_top div, #housing_top, #housing_top div, #client_top, #client_top div, #about_top, #about_top div, #mails_top, #mails_top div, #rps_top, #rps_top div, #ssl_top, #ssl_top div, #vs_top, #vs_top div { width: 960px; height: 41px; line-height: 27px; padding: 0; text-align: right; font-size: 20px; color: #0068b1; font-weight:bold; float: left; } #dedicated_top { background: url('../../themes/10/dedicated.jpg') no-repeat 0% 50%; } #domains_top { background: url('../../themes/default/images/titles/domains.png') no-repeat 0% 50%; } #telecom_top { background: url('../../themes/default/images/titles/telecom.png') no-repeat 0% 50%; } #hosting_top { background: url('../../themes/default/images/titles/hosting.png') no-repeat 0% 50%; } #housing_top { background: url('../../themes/default/images/titles/housing.png') no-repeat 0% 50%; } #client_top { background: url('../../themes/10/customers.jpg') no-repeat 0% 50%; } #about_top { background: url('../../themes/10/about.jpg') no-repeat 0% 50%; } #mails_top { background: url('../../themes/10/emails.jpg') no-repeat 0% 50%; } #rps_top { background: url('../../themes/10/rps.jpg') no-repeat 0% 50%; } #ssl_top { background: url('../../themes/10/ssl.jpg') no-repeat 0% 50%; } #vs_top { background: url('../../themes/10/vs.jpg') no-repeat 0% 50%; } #dedicated_top small, #domains_top small, #telecom_top small, #hosting_top small, #housing_top small, #client_top small, #about_top small, #mails_top small, #rps_top small, #ssl_top small, #vs_top small { font-style: normal; font-variant: normal; padding-bottom: 10px; color: #0068b1; } /* GWT themes from ovh.com */ .gwt_form { background: #3c3c3c; } .gwt_input, .gwt_input_normal { height: 32px; background-color: transparent; background-image: url('/images/gwt/gwt_input.gif'); background-repeat: no-repeat; background-position: top left ; padding: 0; margin: 0; } .gwt_input_normal input, .gwt_input input { height: 32px; line-height: 32px; width: 100%; *width: 90%; *display: block; *float: right; padding:0 0 0 0; margin: 0; text-indent: 20px; font-size: 18px; color: #0068b1; border: 0; background-color: transparent; background-image: url('/images/gwt/gwt_input.gif'); background-repeat: no-repeat; background-position : 100% -32px ; } .gwt_input_normal input { font-size: 14px; color: #3c3c3c; } .blue_pad .gwt_input, .blue_pad .gwt_input_normal, .blue_pad .gwt_input_normal input, .blue_pad .gwt_input input { background-image: url('/images/gwt/gwt_input_blue.gif'); } /* ========== Main page structure ========== */ .left_part { width: 190px; float: left; } .right_part { width: 740px; float: right; margin-right: 10px; } #small_body .right_part { clear: both; float: none; } /* ========== Left part Inherit styles ========== */ .left_part_menu_top { height: 85px; line-height: 85px; background: transparent url('../../themes/10/mainMenuBigTop.jpg') no-repeat 0% 100%; text-align: center; } .left_part_menu_top img { border: 0; } .left_part_top { height: 10px; background: transparent url('../../themes/10/mainMenuTop.jpg') no-repeat 50% 100%; } .left_part_borders { padding: 0; padding-top: 3px; padding-bottom: 3px; margin: 0; border: 0; border-left: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; width: 188px; } .left_part_borders h4 { background: transparent url('../../themes/10/dedicated.jpg') no-repeat 50% 0%; padding: 0; padding-bottom: 5px; padding-top: 5px; margin: 0; margin-top: 5px; margin-bottom: 5px; width: 100%; font-family: "Trebuchet MS", "Gill Sans", "FreeSans", "Liberation sans", sans-serif; font-size: 13px; color: #000000; font-weight: bold; text-indent: 3px; } .left_part_borders h4.subtitle { background: #e1e1e1; font-size: 12px; margin-top: 5px;padding-right: 5px; width: 183px;} h4.subtitle { background: transparent url('../../images/dedicated/subtitle_bg.jpg') no-repeat 50% 100%; font-size: 12px; margin-top: 5px; margin-bottom: 5px; margin-left: 1px; padding-right: 5px; width: 182px; line-height: 20px; } .left_part_borders h4.server { background: #567EB9; } .left_part_borders * { text-align: left; } .left_part_borders ul.mainMenu { margin: 0; padding: 0; } .left_part_borders ul.mainMenu li { width: 188px; margin-left: 0px; list-style: none; list-style-image: none; border-bottom: 1px dotted #cbcbcb; display: block; } .left_part_borders ul.mainMenu li a, .left_part_borders ul.mainMenu li a:visited, .left_part_borders ul.main_menu li a:active { color: #0068b1; background: transparent url('../../themes/default/images/blue/mainMenuList.gif') no-repeat 8px 50%; text-decoration: none; font-style: "Verdana", Sans; font-size: 12px; font-weight: bold; display: block; width: 188px; padding-top: 1px; padding-bottom: 1px; text-indent: 17px; margin: 0; } .left_part_borders ul.mainMenu li a .it { font-style: italic; color: #0b4499; font-style: "Verdana", Sans; font-size: 11px; font-weight: bold; } .left_part_borders ul.mainMenu li.selected { border: 0; margin: 0; margin-top: 1px; width: 188px; list-style: none; list-style-image: none; background: #ffffff /*url('../../themes/default/images/blue/mainMenuSelectedBg.png') repeat-y 0 0*/; } .left_part_borders ul.mainMenu li.selected a, .left_part_borders ul.mainMenu li.selected a:visited, .left_part_borders ul.mainMenu li.selected a:hover { background: #f1f1f1; text-decoration: none; font-style: "Verdana", Sans; font-size: 12px; font-weight: bold; display: block; width: 188px; margin: 0; padding-top: 1px; padding-bottom: 1px; text-align: right; cursor: default; } .left_part_borders ul.mainMenujobs li a, .left_part_borders ul.mainMenujobs li a:visited, .left_part_borders ul.mainMenujobs li a:active { background: transparent; } .left_part_borders ul.mainMenujobs li a img { vertical-align: middle; padding-right: 5px; } .left_part_borders ul.mainMenujobs li a img { vertical-align: middle; padding-right: 5px; } .left_part_borders ul.mainMenujobs li.selected a, .left_part_borders ul.mainMenujobs li.selected a:visited, .left_part_borders ul.mainMenujobs li.selected a:hover { text-align: left; } .left_part_borders ul.mainMenu li a:hover, .left_part_borders ul.mainMenujobs li a:hover { background-color: #cedaeb; } div.jobs_header a, div.jobs_header a:visited, div.jobs_header a:active, div.jobs_header a.selected { display: block; float: left; margin-top: 58px; padding-left: 10px; padding-right: 10px; text-align: center; height: 31px; line-height: 31px; color: #81ACD3; font-size: 13px; font-weight: bold; text-decoration: none; } div.jobs_header a:hover, div.jobs_header a.selected { color: white; background: transparent url('../../themes/default/images/jobs/menu-selected.png') repeat-x 0% 100%; } div.toolsjob_start { width: 5px; display: block; height: 26px; background: transparent url('../../themes/default/images/jobs/bg_tools.jpg') no-repeat 0 0; float: right; margin-top: 10px; } div.toolsjob_content { display: block; height: 26px; background: transparent url('../../themes/default/images/jobs/bg_tools.jpg') no-repeat 100% 0%; float: right; margin-top: 10px; } div.toolsjob_content a:hover { background: none; } .left_part_borders ul.mainMenu li a.disactivated:hover { background-color: transparent; } .left_part_borders div.price { color: red; float: right; display: block; width: 36px; text-align: right; margin-right: 5px; text-indent: 0; } .left_part_borders div.dispo { color: #1fc41f; float: right; display: block; width: 20px; margin-right: 2px; text-align: right; text-indent: 0; } .left_part_borders div.link_content { float: left; display: block; width: 124px; text-align: left; color: #0068b1; margin: 0; padding: 0; } .left_part_borders div.link_content_option { float: left; display: block; width: 124px; text-align: left; color: #0068b1; margin: 0; padding: 0; } .left_part_borders ul.mainMenu li a div.spacer { visibility: hidden; margin: 0; padding: 0; height: 0; width: 0; clear: both; font-size: 0; line-height: 0px; } .left_part_borders p, .left_part_borders h2 { margin: 2px; } .left_part_borders ul { margin-left: 10px; } .left_part_bottom { height: 10px; background: transparent url('../../themes/10/mainMenuBottom.jpg') no-repeat 50% 0%; } /* ========== Right part indexes styles ========== */ .index_header { height: 106px; z-index: 0; padding: 0; margin-top: -1px; } .part_doms_index { background: transparent url('../../themes/default/images/red/part_doms.jpg') no-repeat 0% 0% } .ent_doms_index { background: transparent url('../../themes/default/images/red/ent_doms.jpg') no-repeat 0% 0% } .ret_doms_index { background: transparent url('../../themes/default/images/red/ret_doms.jpg') no-repeat 0% 0% } .index_square { height: auto; float: left; width: 190px; background: transparent url('../../themes/default/images/index/index_square.png') no-repeat 0% 100%; } .index_square_margin { margin-right: 10px; } .index_square .top { height: 30px; line-height: 30px; background: transparent url('../../themes/default/images/index/index_square.png') no-repeat 0% 0%; } /* ========== Right part Inherit styles ========== */ .right_part_top { z-index: 0; height: 5px; line-height: 1px; font-size: 1px; clear: both; background: #eeeeee; margin: 0; padding: 0; } .right_part_borders { background: #eeeeee; padding: 0; padding-top: 3px; padding-bottom: 3px; margin: 0; border: 0; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; } .right_part_bottom { height: 5px; line-height: 5px; font-size: 5px; background: #eeeeee; } .right_part p { margin: 3px; margin-bottom: 5px; } .right_part p.footer { text-align: right; } /*.right_part h4 { width: 592px; height: 27px; line-height: 27px; text-align: center; font-family: "Trebuchet MS", "Verdana", Sans; font-size: 17px; font-weight: bold; color: #ffffff; margin: 0; margin-top: -2px; padding: 0; background: white url('../../themes/default/images/titles/h4.png') no-repeat 50% 50%; } .right_part h6 { width: 412px; height: 22px; line-height: 22px; background: url('../../themes/default/images/titles/h6.png') no-repeat; font-family: "Trebuchet MS", "verdana", sans; font-size: 14px; font-weight: bold; font-style:normal; text-indent:10px; width: 100%; color: #0068b1; margin-top: 5px; margin-bottom: 5px; } .right_part h5 { background: url('../../themes/default/images/blue/blue_point.png') no-repeat 6px 50%; font-family: "Trebuchet MS", "Verdana", Sans; font-size: 13px; font-weight: bold; font-style: normal; text-indent: 18px; width: 100%; color: #0068b1; border:0; padding: 3px 0 3px 0; padding-top: 3px; padding-bottom: 3px; border-bottom: 1px #0068b1 dotted; margin: 0; } .right_part h5.test { margin: 0 0 0 15px; width: 577px; } */ .right_part h5.grey { color: #3c3c3c; } .right_part div.distribution_name, .right_part div.hosting_name { width: 592px; height: 28px; line-height: 28px; text-align: center; font-family: "Trebuchet MS", "Gill Sans", "FreeSans", "Liberation sans", sans-serif; font-size: 16px; font-weight: bold; color: #ffffff; background: transparent url('../../themes/default/images/titles/h4.png') no-repeat 50% 50%; } .right_part div.product_nameks, .right_part div.product_namesp, .right_part div.product_namehg { width: 592px; height: 110px; line-height: 28px; text-align: left; font-family: "Trebuchet MS", "Gill Sans", "FreeSans", "Liberation sans", sans-serif; font-size: 11px; color: #ffffff; line-height: 14px; } .right_part div.product_namesp { background: transparent url('../../themes/default/images/blue/sp_panel.jpg') no-repeat 0% 50%; } .right_part div.product_nameks .title, .right_part div.product_namesp .title, .right_part div.product_namehg .title { width: 100%; text-align: center; font-size: 17px; font-weight: bold; line-height: 30px; color: #fff; float: left; font-family: "Trebuchet MS", "Gill Sans", "FreeSans", "Liberation sans", sans-serif; } div.DP_BGP { color: white; } div.DP_BGP span.red { color: white; } div.DP_BGP span.small { color: white; } div.com { margin: 5px; padding: 5px; border: 1px solid #cccccc; } div.com h2 { color: #567eb9; } div.left_product_part { float: right; width: 125px; margin-left: 5px; background: transparent url('../../themes/default/images/blue/top_product_left_part.png') no-repeat 0 0; } div.left_product_part div.content { text-align: center; background: white; border: 0; border-right: 1px solid #aaaaaa; border-left: 1px solid #aaaaaa; margin-top: 10px; } /*div.left_product_part div.content h1 { background: #0068b1; color: white; }*/ /* ========== Right part submenu for more than one tld faily (pl and fr ) ========== */ /* div.multi_products_menu { width: 592px; height: 25px; background: url('../../themes/default/images/blue/multi_products_menu.png') repeat-x 50% 50%; } div.multi_products_menu a, div.multi_products_menu a:active, div.multi_products_menu a:visited { display: block; width: 120px; height: 25px; line-height: 25px; float: left; text-align: center; color: #efefef; font-size: 11px; font-weight: bold; text-decoration: none; border-right: 1px solid #000000; } div.multi_products_menu a:hover { background: #ffffff; color: #0068b1; } div.multi_products_menu a.selected, div.multi_products_menu a.selected:active, div.multi_products_menu a.selected:visited, div.multi_products_menu a.selected:hover { display: block; width: 120px; height: 25px; line-height: 25px; float: left; text-align: center; color: #0068b1; font-size: 11px; font-weight: bold; text-decoration: none; border-right: 1px solid #000000; background: #ffffff; }*/ div.multi_tabs_menu, div.multi_products_menu { display: block; /*width: 610px;*/ height: 20px; line-height: 22px; border: 0; background: white; border-bottom: 1px solid #cccccc ; _border-bottom: 0px ; } div.multi_products_menu { z-index: 10; margin-bottom: -3px; float: left; } div.multi_tabs_menu a, div.multi_tabs_menu a:active, div.multi_tabs_menu a:visited, div.multi_products_menu a, div.multi_products_menu a:active, div.multi_products_menu a:visited { display: block; text-decoration: none; width: 110px; height: 20px; line-height: 22px; text-align: center; border: 0; float: left; border-bottom: 1px solid #cccccc ; background: white url('../../themes/default/images/share/tab_unselected.png') no-repeat 0 0; _background: white url('../../themes/default/images/share/tab_unselected.png') no-repeat 0 100%; color: #3c3c3c; } div.multi_products_menu a:hover, div.multi_products_menu a.selected, div.multi_products_menu a.selected:active, div.multi_products_menu a.selected:visited, div.multi_products_menu a.selected:hover { background: white url('../../themes/default/images/share/tab_selected.png') no-repeat 0 0; _background: white url('../../themes/default/images/share/tab_selected.png') no-repeat 0 100%; color: #0068b1; _border-bottom: 1px solid white; } div.multi_tabs_menu a:hover, div.multi_tabs_menu a.selected, div.multi_tabs_menu a.selected:active, div.multi_tabs_menu a.selected:visited, div.multi_tabss_menu a.selected:hover { background: transparent url('../../themes/default/images/share/tab_inverted_selected.png') no-repeat 0 0; _background: transparent url('../../themes/default/images/share/tab_inverted_selected.png') no-repeat 0 100%; color: #0068b1; _border-bottom: 1px solid white; } div.multi_tabs_menu a.selected, div.multi_products_menu a.selected { border-bottom: 1px solid #eeeeee; z-index: 100; color: #0068b1; font-weight: bold; } div.multi_tabs_menu a.selected { border-bottom: 1px solid #ffffff; } div.menu_bandwidth { display: block; width: 740px; height: 25px; line-height: 25px; border: 0; border-bottom: 1px solid #0068b1 ; _border-bottom: 0px ; background: transparent url('../../themes/default/images/share/menu_bar_selected.jpg') no-repeat 50% 100%; } div.menu_bandwidth a, div.menu_bandwidth a:active, div.menu_bandwidth a:visited { display: block; padding-left: 15px; padding-right: 15px; text-decoration: none; height: 25px; line-height: 25px; text-align: center; border: 0; float: left; color: #0068b1; font-weight: bold; border-right: 1px solid #ccc; text-indent: 2px; } div.menu_bandwidth a:hover, div.menu_bandwidth a.selected { background: transparent url('../../themes/default/images/share/submenu_bar.jpg') no-repeat 50% 100%; color: #fff; cursor: pointer; } div.submenu_bandwidth { display: block; margin-left: 123px; height: 20px; line-height: 22px; border: 0; _border-bottom: 0px; margin-top: 2px; margin-bottom: 7px; } div.submenu_bandwidth a, div.submenu_bandwidth a:active, div.submenu_bandwidth a:visited { display: block; text-decoration: none; padding-left: 10px; padding-right: 10px; height: 20px; line-height: 20px; text-align: center; border: 0; background: transparent url('../../themes/default/images/share/menu_bar_selected.jpg') no-repeat 50% 50%; float: left; color: #0068b1; border-right: 1px solid #ccc; } div.submenu_bandwidth a:hover, div.submenu_bandwidth a.selected { background: transparent url('../../themes/default/images/share/submenu_bar.jpg') no-repeat 50% 50%; color: #fff; cursor: pointer; } /* ========== Restyling Main ========== */ /* #main { padding: 0; margin: 0; width: 616px; } */ #products_top { width: 100%; height: 28px; /*background: url('../../themes/default/images/blue/products_big_bar.png') no-repeat 0 100%;*/ margin: 0; padding: 0; text-align: right; } /* ========== Conseils styles ========== */ .conseils, a.conseils, a.conseils:visited { text-decoration: none; color: #3c3c3c; background: #ffffff; display: block; padding-left: 3px; } a.conseils, a.conseils:visited { padding: 3px; } a.conseils:hover, a.conseils:active { background: #eeeeee; } .conseils .title { font-weight: bold; color: #0068b1; } .conseils .grey { color: #3c3c3c; } hr.conseils { width: 80%; margin-left: 10%; border: 0px; border-top: 1px solid #aaaaaa; height: 1px; background: #ffffff; } a.conseils-range-block { display: block; border-right: 1px dotted #aaaaaa; width: 160px; text-decoration: none; text-align: center; font-weight: bold; padding: 10px; padding-top: 0; padding-bottom: 0; float: left; } /*EcoFax Part*/ #smsfax_offers { background: transparent url('../../images/faxsms/bg_bottom.jpg') no-repeat bottom; } #smsfax_offers table { background: transparent url('../../images/faxsms/bg_top.jpg') no-repeat top; } #smsfax_offers h2 { font-family: "Arial","Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; color:#2A559A; line-height: 40px; margin-left: 30px; text-align: center; } ul.listsms li { list-style-image: none; list-style-type: none; margin-left: -10px; } span.price_title { font-size: 13px; color:#404040; font-weight: bold; } span.smsfax_price { font-size: 18px; font-weight: bold; color: #d40000; font-family: "Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; } div.desc_fax { width: 220px; } #smsfax_imgs { margin-left: 5px; } #smsfax_imgs a:link, #smsfax_imgs a:hover, #smsfax_imgs a:visited, #smsfax_imgs a:active { width: 175px; height: 90px; text-decoration: none; } #sms_numbers { background: url('../../images/faxsms/numbers.jpg') no-repeat bottom left; width:180px; height: 110px; } #sms_softwares { background: url('../../images/faxsms/logiciels_EcoFax.jpg') no-repeat bottom left; width:180px; height: 110px; } #sms_mobile { background: url('../../images/faxsms/ecofax-mobile.jpg') no-repeat bottom left; width:180px; height: 110px; } #sms_domains { background: url('../../images/faxsms/domains.jpg') no-repeat bottom left; width:180px; height: 110px; } #sms_voip { background: url('../../images/faxsms/telecom_offers.jpg') no-repeat bottom left; width:180px; height: 110px; } #sms_contact { background: url('../../images/faxsms/contacts.jpg') no-repeat bottom left; width:180px; height: 110px; } ul.subinfos { text-align: left; } ul.subinfos li { list-style-image: none; list-style-type: none; } /* payment means for display Order */ div.display-order h1 { border: 0px; } div.display-order div.paiment_mode { width: 30%; float: left; padding: 3px; display: block; margin: 1%; text-align: center; border: 1px solid #aaa; } div.display-order div.paiment_mode h2 { color: #0B4499; text-align: center; margin-bottom: 5px; border-bottom: 1px dotted #cccccc; text-decoration: none; } div.display-order div.paiment_mode input { color: #0068b1; background: #efefef; font-weight: bold; } /* Support */ .accueil{ background: transparent url('../../themes/default/images/green/cadre_accueil.png') no-repeat 0% 0%; display: block; height: 117px; width: 192px; } /* Partie Support - Espace clients */ .bg_index_support { background: transparent url('../../images/support/index/bg_index.jpg') no-repeat 0% 0%; display: block; height: 740px; width: 560px; } .bg_index_support_bottom { background: transparent url('../../images/support/index/bg_index.jpg') no-repeat 0% 100%; display: block; height: 54px; width: 560px; } .bg_index_support_no_bottom { background: transparent url('../../images/support/index/bg_index_no_bottom.jpg') no-repeat 0% 100%; display: block; height: 54px; width: 560px; } .bg_index_support h1, .bg_index_support2 h1 { color: #0B4499; font-size: 16px; font-weight: bold; padding-left: 20px; } div.bg_square a, div.bg_square a:active, div.bg_square a:visited { height: 70px; width: 517px; background-image : url('../../images/support/index/bg_square.png'); display: block; background-position: 0 0; background-repeat: no-repeat; text-decoration: none; margin-left: 21px; margin-bottom: 20px; } div.bg_square a:hover { display: block; background-position: 0 100%; color: white; } div.bg_square a span, div.bg_square a:active span, div.bg_square a:visited span { font-size: 18px; font-family: "Trebuchet MS", "Gill Sans", "FreeSans", "Liberation sans", sans-serif; color: black; font-weight: bold; text-align: center; padding-top: 26px; display: block; } div.bg_square a:hover span { color: white; } div.bg_square a span.small, div.bg_square a:active span.small { font-size : 14px; padding: 5px; } div.bg_square a:hover p { color: white; } div.bg_square_contain a, div.bg_square_contain a:active, div.bg_square_contain a:visited { height: 160px; width: 517px; background-image : url('../../images/support/index/bg_square_contain.png'); display: block; background-position: 0 0; background-repeat: no-repeat; text-decoration: none; margin-left: 21px; margin-bottom: 20px; } div.bg_square_contain a:hover { display: block; background-position: 0 100%; color: white; } div.bg_square_contain a span, div.bg_square_contain a:active span, div.bg_square_contain a:visited span { font-size: 18px; font-family: "Trebuchet MS", "Gill Sans", "FreeSans", "Liberation sans", sans-serif; color: black; font-weight: bold; padding: 10px; display: block; } div.bg_square_contain a:hover span { color: white; } div.bg_square_contain a p.small, div.bg_square_contain a:active p.small, div.bg_square_contain a:visited p.small { font-size: 13px; font-family: "Trebuchet MS", "Gill Sans", "FreeSans", "Liberation sans", sans-serif; color: black; font-weight: bold; padding-top: 5px; display: block; padding: 10px; } div.bg_square_contain a:hover p.small { color: white; } div.bg_square_contain a p.small span { font-size: 9px; display: inline; padding: 0; margin: 0; } div.main_full_top_support { background: transparent url('../../images/bars/general/main_full_top_support.png') no-repeat 0 0; height: 25px; width: 558px; margin: 2px 0 0 0px; float: left; margin-top: 5px; } div.main_full_top_support span { padding: 3px 0 0 0; color: #747474; font-size: 20px; font-weight: bold; font-family: "Trebuchet MS", "Gill Sans", "FreeSans", "Liberation sans", sans-serif; display: block; } div .contain { padding: 0 20px; } div.incident_bttn, a.incident_bttn, a.incident_bttn:visited { background: transparent url('../../images/support/index/bg_contain.jpg') no-repeat 0 0; width: 517px; margin: 0 0 0 20px ; } a.incident_bttn:hover { background: transparent url('../../images/support/index/bg_contain.jpg') no-repeat 0 -250px; } div.incident_bttn, a.incident_bttn p { padding: 10px 10px 0 10px; } a.incident_bttn:hover p, a.incident_bttn:hover p span, a.incident_bttn:hover ul li { color: white; } a.incident_bttn div { height: 10px; background: transparent url('../../images/support/index/bg_contain.jpg') no-repeat 0 -240px; } a.incident_bttn:hover div { background: transparent url('../../images/support/index/bg_contain.jpg') no-repeat 0 -490px; } a.incident_bttn span.bold { font-family: "Trebuchet MS", "Gill Sans", "FreeSans", "Liberation sans", sans-serif; } div.bottom_incident_bttn { height: 10px; margin-left: -10px; background: transparent url('../../images/support/index/bg_contain.jpg') no-repeat 0 -240px; } .gbutton, .gbutton span, a.gbutton, a.gbutton:link, a.gbutton:visited, a.gbutton:active, .gbutton:hover { line-height: 40px; color: #efefef; text-decoration: none; font-weight: bold; cursor: pointer; padding: 7px 0 7px 22px; _padding: 0 0 0 22px; *padding: 0 0 0 22px; background: transparent url(/images/main/gButton.jpg) no-repeat 0 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .gbutton span, a.gbutton span, a.gbutton:link span, a.gbutton:visited span, a.gbutton:active span, .gbutton:hover span { padding: 7px 22px 7px 0; background: transparent url(/images/main/gButton.jpg) no-repeat 100% 0 ; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .gbutton.selected, a.gbutton.selected, .gbutton:hover, a.gbutton:hover { background: transparent url(/images/main/gButton.jpg) no-repeat 0 100%; } .gbutton.selected span, a.gbutton.selected span, .gbutton:hover span, .gbutton:hover span, a.gbutton:hover span { background: transparent url(/images/main/gButton.jpg) no-repeat 100% 100%; color: white; } .gbutton span img { vertical-align: middle; } a.gbutton.full { display: block; margin: 0 auto; text-align: center; height: 32px; width: 50%; padding: 0; _width: 90%; _height: 18px; _padding-left: -5%; } a.gbutton.full span { display: block; height: 32px; margin: 0 0 0 5%; padding: 0 5% 0 0; text-align: inherit; line-height: 32px; width: 90%; _height: 18px; _line-height: 18px; _padding-left: -5%; _width: 85%; } div.button_support { width: 400px; background: transparent url('../../images/support/index/button.png') no-repeat 0 0; height: 54px; } div.button_support_link { width: 400px; background: transparent url('../../images/support/index/button_link.png') no-repeat 0 0; height: 54px; } div.button_support_link a, div.button_support_link a:active, div.button_support_link a:visited { width: 400px; background: transparent url('../../images/support/index/button_link.png') no-repeat 0 0; height: 54px; } div.button_support_link a:hover { display: block; background-position: 0 100%; } div.button_support_link a:hover h2 { color:white; } div.button_support h2, div.button_support_link h2 { padding: 15px; } .bg_green { background-color : #e2ffac; } .bg_orange { background-color : #ffd2ac; } /* Accueil VPS */ .accueilvps{ background: transparent url('../../images/rps/cadre_accueil_vps.jpg') no-repeat 0% 0%; display: block; height: 117px; width: 201px; } /* ============== SOLUTIONS ============== */ .solution_top { width: 592px; height: 80px; margin-top: 4px; background: transparent url('../../themes/default/images/solutions/solutions_bg.jpg') no-repeat 0 0; } .solution_top .title { line-height: 36px; height: 36px; font-size: 18px; color: #ffffff; font-weight: bold; text-align: center; font-family: "Trebuchet MS", "Gill Sans", "FreeSans", "Liberation sans", sans-serif; } .solution_content { width: 592px; background: #60a0cc; text-align: left; } .solution_content h2 { line-height: 32px; font-family: "Trebuchet MS", "Gill Sans", "FreeSans", "Liberation sans", sans-serif; font-size: 15px; } .solution_content a.solution, .solution_content a.solution:link, .solution_content a.solution:visited, .solution_content a.solution:hover { text-decoration: none; width: 281px; height: 90px; display: block; float: left; background: transparent url('../../themes/default/images/solutions/solution_square.jpg') no-repeat 0 0; margin-left: 10px; _margin-left: 5px; margin-bottom: 10px; } .solution_bottom { height: 14px; width: 592px; line-height: 14px; background: transparent url('../../themes/default/images/solutions/solutions_bg.jpg') no-repeat 0 100%; } .soluce_square { width: 281px; display: block; margin-left: 10px; _margin-left: 5px; float: left; background: #d1d1d1; } .soluce_square_top { width: 281px; height: 80px; background: #d1d1d1 url('../../themes/default/images/solutions/solution_panel.jpg') no-repeat 0 0; } .soluce_square_bottom { width: 281px; height: 10px; font-size: 10px; line-height: 10px; background: #d1d1d1 url('../../themes/default/images/solutions/solution_panel.jpg') no-repeat 0 100%; } /* ============== SOLUTIONS ============== */ h1.hosting { font-size: 13px; line-height: 25px; height: 30px; text-indent: 6px; font-weight: normal; } /*a.grey:visited { color: #3c3c3c; }*/ /* =============== ORDER =============== */ div.order { width: 235px; padding-top: 5px; background: transparent url('../../themes/default/images/bg_order.gif') no-repeat 0 0; float: right; } div.end_order { background: white url('../../themes/default/images/bg_order.gif') no-repeat 0 100%; width: 235px; height: 5px; line-height: 5px; font-size: 5px; margin: 0; padding: 0; clear: both; } /* =============== POP UP OPTIONS =============== */ div.pop_header { display: block; width: 100%; height: 50px; background: transparent url('../../themes/default/images/pop/pop_top.jpg') no-repeat 0 0; } /*div.pop_header .pop_logo { width: 54px; height: 46px; float: left; margin-left: 35px; background: transparent url('../../themes/default/images/pop/logo_pop.gif') no-repeat 0 0; }*/ a.pop_close, a.pop_close:hover, a.pop_close:active, a.pop_close:visited { width: 95px; color: #3c3c3c; float: right; height: 20px; display: block; margin-top: 15px; line-height: 20px; text-indent: 25px; margin-right: 30px; font-weight: bold; text-decoration: none; background: transparent url('../../themes/default/images/pop/close.gif') no-repeat 0 0; } a.pop_close:hover { color: #0068b1; } div.pop_footer { display: block; width: 592px;; margin-top: 15px; clear: both; border-top: 1px solid #e1e2e3; text-align: right; margin-right: auto; margin-left: auto; } div.pop_footer a, div.pop_footer a:hover, div.pop_footer a:active, div.pop_footer a:visited { text-decoration: underline; color: #3c3c3c; margin-right: 10px; } div.pop_footer a:hover { text-decoration: none; color: #0068b1; } /* =============== HG 2009 Special classes =============== */ div.HGmenu { height: 24px; margin-top: 1px; } div.HGmenu a:link, div.HGmenu a:active, div.HGmenu a:visited { float: left; display: block; margin-left: 2px; width: 125px; height: 24px; line-height: 24px; background: transparent url('../../images/HG/hg_main_menu_unselected_tab.gif') no-repeat 0 0; color: #3f4040; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none; font-family: "Trebuchet MS", "Gill Sans", "FreeSans", "Liberation sans", sans-serif; } div.HGmenu a:hover, div.HGmenu a.selected, div.HGmenu a.selected:hover, div.HGmenu a.selected:active, div.HGmenu a.selected:visited { color: #000000; background: transparent url('../../images/HG/hg_main_menu_selected_tab.gif') no-repeat 0 0; } div.HG_sub_menu { width: 174px; _width: 155px; } div.HG_sub_menu a:link, div.HG_sub_menu a:active, div.HG_sub_menu a:visited { display: block; width: 175px; _width: 155px; height: 20px; margin-top: 2px; text-decoration: none; } div.HG_sub_menu a:hover, div.HG_sub_menu a.activated, div.HG_sub_menu .activated { background: #f0f0f0; text-align: left; } div.HG_sub_menu a.activated { text-align: right; } div.HG_sub_menu a .title { line-height: 22px; *line-height: 20px; font-family: "Trebuchet MS", "Gill Sans", "FreeSans", "Liberation sans", sans-serif; font-size: 11px; font-weight: bold; color: #000; } div.HG_sub_menu a div div, div.HG_sub_menu a.activated div div { height: 20px; line-height: 22px; *line-height: 20px; } /*div.HG_sub_menu a .title, div.HG_sub_menu a div { font-size: 13px; line-height: 13px; font-weight: bold; color: #222222; padding-top: 1px; } div.HG_sub_menu a div { font-size: 11px; font-weight: normal; padding-top: 1px; }*/ div.HG_sub_menu a:hover .title, div.HG_sub_menu a.activated .title, div.HG_sub_menu a:hover div, div.HG_sub_menu a.activated div { color: #005dff; } div.HG_sub_menu a.none { text-decoration: none; color: #005dff; } div.HG_sub_menu a div.HG_link_content { color: black; font-weight: bold; } div.HG_sub_menu a:link div.HG_link_content .HGblue, div.HG_sub_menu a:active div.HG_link_content .HGblue, div.HG_sub_menu a:visited div.HG_link_content .HGblue { color: #f9f9f9; } .HGblue { color:#004ACC; } div.HG_sub_menu a.activated div.HG_link_content .HGblue, div.HG_sub_menu a:hover div.HG_link_content .HGblue { color: #004ACC; } div.HG_main_showcase_title { height: 48px; display: block; } div.main_showcase_page { width: 780px; float: left; margin-left: 2px; } div.main_showcase_page div.up_title { width: 100%; height: 40px; line-height: 20px; font-family: "Trebuchet MS", "Gill Sans", "FreeSans", "Liberation sans", sans-serif; font-size: 16px; font-weight: bold; } div.HG_right_band { width: 144px; height: 345px; margin-right: 5px; } div.HG_right_band table tr td { color: #ffffff; font-family: "Trebuchet MS", "Gill Sans", "FreeSans", "Liberation sans", sans-serif; font-weight: bold; } a.HGtab, a.HGtab:visited, a.HGtab:active { float: left; display: block; width: 165px; height: 22px; line-height: 22px; text-decoration: none; text-align: center; font-weight: bold; color: #3f4040; background: transparent url('../../images/HG/unselected_tab.jpg') no-repeat 0 0; } a.HGtab:hover, a.HGtabselected, a.HGtabselected:active, a.HGtabselected:visited, a.HGtabselected:hover { float: left; display: block; width: 165px; height: 22px; line-height: 22px; text-decoration: none; text-align: center; font-weight: bold; color: #005dff; background: transparent url('../../images/HG/selected_tab.jpg') no-repeat 0 0; } div.HG * { font-family: "Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; } div.HG ul li { list-style-image: url('../../themes/default/images/shared/listImage.gif'); } div.HG table, div.HG table tr, div.HG table tr.price, div.HG table * td, div.HG table * th { background: #565656; } div.HG table * th { vertical-align: top; } div.HG table tr td, div.HG table tr th { background: #fff; } div.HG tr.title th { background: #004acc; color: #fff; text-align: left; } div.HG table * td.unvisible, div.HG table tr.price td.unvisible { border: none; background: transparent; } div.HG table tr.light { background: #ebebeb; } div.HG table tr.light td, div.HG table tr.light th, div.HG table tr td.light { background: #ebebeb; color: #3c3c3c; } div.HG .red { color: #005dff; } div.HG a { color: #3c3c3c; } div.HG a:hover { color: #005dff; } div.HG #right_pan * li a:hover { color: #005dff; } div.HG #right_pan h2 { color: #3f4040; } div.HG #right_pan div.pan_top { background: transparent; } div.HG #right_pan div.bottom { background: transparent; height: 0; line-height: 0; } div.HG .blue { color: #005dff; } div.HG .Dblue { color: #004acc; } div.HG #right_pan h2.blue { color: #005dff; } div.HG #right_pan h2.grey { color: #3f4040; } div.HG_sub_menu h4 { display: block; width: 174px; height: 25px; line-height: 25px; font-family: "Trebuchet MS", "Gill Sans", "FreeSans", "Liberation sans", sans-serif; font-size: 14px; color: #ebeced; text-align: left; text-indent: 8px; margin-top: 2px; text-decoration: none; background: transparent url('../../images/HG/menu/menu_title.png') repeat-x 50% 50%; } div.nojump br { clear: none; } div.HG .menu_bandwidth { width: 99%; margin-left: 2px;; } div.HG .menu_bandwidth a:hover { color:white; } div.hg_main_titles a:hover, div.hg_main_titles a:visited, div.hg_main_titles a:active, div.hg_main_titles a h3, div.hg_main_titles a { text-decoration: none; line-height: 56px; height: 56px; display: block; } /* ##################################### * * housing Sub class * * ##################################### */ a.Hmap, a.HmapSelected { width: 15px; height: 15px; display: block; position: absolute; background: transparent url('../../images/housing/dc/map_link.gif') no-repeat 0 0; } a.Hmap:hover, a.HmapSelected { background: transparent url('../../images/housing/dc/map_hover.gif') no-repeat 0 0; } a.Hmapdc, a.HmapdcSelected { width: 30px; height: 20px; display: block; position: absolute; background: transparent url('../../images/housing/dc/dc_link.gif') no-repeat 0 0; } a.Hmapdc:hover, a.HmapdcSelected { background: transparent url('../../images/housing/dc/dc_hover.gif') no-repeat 0 0; } /* ##################################### * * telecom * Old telecom under telecom 2010 * * ##################################### */ /*.telecom a, .telecom a:visited, .telecom a:active { color: #3c3c3c;} .telecom a:hover { color: #0068b1;} .telecom a.blue, .telecom a.blue:visited, .telecom a.blue:active, .telecom a.blue:hover { color: #0068b1;} */ .dk_top, .pc_top, .press_top { width: 967px; height: 58px; margin: 10px 0 0 -4px; /* background: url('../../images/telecom/index/dk_bg_top.jpg') no-repeat 0 0 ;*/ border-bottom: 1px solid #DCDCDC; } .press_top { float: left; height: 69px; /* background: url('../../images/bars/press/dk_big_top.jpg') no-repeat 0 0 ;*/ } .press_top del { visibility: hidden; height: 30px; } .press_top h1 a, .press_top h1 a:active, .press_top h1 a:visited, .press_top h1 { font-size: 20px; line-height: 20px; color: #484848; margin: 10px 0 0 0; text-decoration: none; font-weight: bold; } .press_top a.prev, .press_top a.next { background : url('../../images/global_solutions/btn_prev_next.jpg') no-repeat 0 0; width : 18.5px; height: 60px; display: block; } .press_top a.next { background-position : -37px 0; } .press_top a.prev:hover { background-position : -18px 0; } .press_top a.next:hover { background-position : -55px 0; } .press_top h1 a:hover { text-decoration: underline; font-weight: bold; } .press_top h2 a, .press_top h2 a:active, .press_top h2 a:visited, .press_top h2, a.VPSnavtitle { font-size: 13px; line-height: 13px; color: #717171; margin: 13px 0 -20px 0; text-decoration: none; font-weight: bold; } .press_top h2 a:hover, a:hover.VPSnavtitle { color: #383838; text-decoration: none; font-weight: bold; } .press_top h2 a, .press_top h1 a, .press_top h2 a:visited, .press_top h1 a:visited, .press_top h2 a:active, .press_top h1 a:active, .press_top h2 a:hover, .press_top h1 a:hover, a.VPSnavtitle{ margin: 0 0 0 5px; } /* .press_top tabbed menu */ .press_top ul.menu { display: block; height: auto; height: 27px; margin: 37px 5px 0 0; padding: 0; overflow: visible; } .press_top ul.menu li { display: block; float: left; height: 27px; list-style: none; margin: 0; position: relative; top: 0; white-space: nowrap; } .press_top ul.menu li a, .press_top ul.menu li a:link, .press_top ul.menu li a:active, .press_top ul.menu li a:visited { height: 27px; color: #444; font-family: "Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; font-size: 11px; font-weight: bold; line-height: 25px; text-align: center; text-decoration: none; background: transparent url(../../images/bars/press/press_nav_bar.gif) no-repeat top center; padding: 0 15px; display: block; float: left; border-left: 1px solid #666666; } .press_top ul.menu li a:hover, .press_top ul.menu li a.last:hover, .press_top ul.menu li a.first:hover { color: black; } .press_top ul.menu li a.selected:link, .press_top ul.menu li a.selected:active, .press_top ul.menu li a.selected:hover, .press_top ul.menu li a.selected:visited { color: black; background: transparent url(../../images/bars/press/press_nav_bar.gif) no-repeat center -29px; border-bottom: solid 1px #fff; height: 28px; } .press_top ul.menu li a.first, .press_top ul.menu li a.first:link, .press_top ul.menu li a.first:active, .press_top ul.menu li a.first:hover, .press_top ul.menu li a.first:visited { background-position: left top; border:none; } .press_top ul.menu li a.firstselected, .press_top ul.menu li a.firstselected:link, .press_top ul.menu li a.firstselected:active, .press_top ul.menu li a.firstselected:hover, .press_top ul.menu li a.firstselected:visited { color: black; height: 29px; background-position: left -29px; border-left: none; border-bottom: solid 1px #fff; } .press_top ul.menu li a.last, .press_top ul.menu li a.last:link, .press_top ul.menu li a.last:active, .press_top ul.menu li a.last:visited { background-position: right top; } .press_top ul.menu li a.lastselected, .press_top ul.menu li a.lastselected:link, .press_top ul.menu li a.lastselected:active, .press_top ul.menu li a.lastselected:hover, .press_top ul.menu li a.lastselected:visited { color: black; background-position: right -29px; border-bottom: solid 1px #fff; height: 28px; } .press_top ul.menu li.orderpcc { margin-left: 5px; margin-right: 5px; background: none; overflow: hidden; width: 110px; background-position: right top; } .press_top ul.menu li a.orderpcc, .press_top ul.menu li a.orderpcc:link, .press_top ul.menu li a.orderpcc:active, .press_top ul.menu li a.orderpcc:visited { background-color: #3d6dc2; display: block; border: none; margin-left: 5px; height: 27px; } .press_top ul.menu li a.orderpcc span { font-size: 13px; } .press_top ul.menu li a.orderpcc span:hover { color: white; } html > body .press_top ul.menu li.orderpcc { /*margin-left: 5px; margin-right: 5px;*/ background: none; overflow: hidden; width: auto; } html > body .press_top ul.menu li a.orderpcc, html > body .press_top ul.menu li a.orderpcc:link, html > body .press_top ul.menu li a.orderpcc:active, html > body .press_top ul.menu li a.orderpcc:visited { background: transparent url(../../images/bars/press/button_order-right.jpg) no-repeat scroll top right; display: block; border: none; /* padding-right: 23px; margin-left: 5px;*/ height: 27px; } html > body .press_top ul.menu li a.orderpcc span { background: transparent url(../../images/bars/press/button_order-left.jpg) no-repeat scroll; display: block; color: #eee; height: 27px; line-height: 27px; padding-left: 23px; font-size: 13px; } html > body .press_top ul.menu li a.orderpcc span:hover { color: white; } .press_left { width: 758px; float: left; border-right: 1px solid #aaa; } .press_right { width: 200px; float: right; } .pci_right { width: 177px; } del.none { background:none: border: 0 none; display: inline; height:0; line-height:0; } del { width: 100%; display: block; clear: both; height: 20px; margin: 0 0 -15px 0; padding: 0; background: url('../../images/bars/press/full_shadow.jpg') no-repeat 50% 50% ; } .press_left del { background: url('../../images/bars/press/big_shadow.jpg') no-repeat 50% 50% ; } .press_right del { background: url('../../images/bars/press/small_shadow.jpg') no-repeat 50% 50% ; } .pci_right del { background: url('../../images/bars/press/small_shadow.jpg') no-repeat 50% 50% ; } .pci_right h1, .press_right h1 { margin-left: 3px; color : #394e6d; font-family: "Museo","Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; font-size : 20px; } .pc_top { background: url('../../images/private_cloud/index/pc_bg_top.jpg') no-repeat 0 0 ; } .dk_top .title, .pc_top .title { margin: 0 0 0 10px; border: 0; float: left; } .dk_top h1.main_title { font-family: "Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; font-size: 26px; margin-top: 10px; margin-left: 10px; color:#484848; } .dk_top a, .dk_top a:visited, .dk_top a:active { height: 29px; width: 172px; float: right; display: block; margin: 14px 10px 0 0; background: url('../../images/telecom/index/compare_btn.png') no-repeat 0 0 ; } .dk_top a:hover, .dk_top a.selected { background: url('../../images/telecom/index/compare_btn.png') no-repeat 100% 100% ; } .bottom_list div.form { width: 220px; height: 25px; background: url('../../images/telecom/index/search_form.jpg') no-repeat 0 0 ; } .bottom_list div.form input { font-size: 13px; font-family: "Trebuchet MS", "Gill Sans", "FreeSans", "Liberation sans", sans-serif; color: #b3b3b3; line-height: 19px; height: 19px; width: 175px; margin: 3px; float: left; border: 0; background: transparent; } .bottom_list div.form input:hover, .bottom_list div.form input:focus { color: #333; } .bottom_list div.form button { height: 25px; width: 35px; background: transparent; border: 0; float: right; cursor: pointer; margin: 0; } .bottom_list div.form button:hover { background: url('../../images/telecom/index/search_form.jpg') no-repeat 100% 100% ; } .bottom_list h1 {font-size: 16px; line-height: 20px; color: #282828; } .bottom_list h2 {font-size: 14px; line-height: 18px;} .bottom_list h3 {font-size: 12px; line-height: 16px;} .bottom_list h5 {font-size: 12px; line-height: 16px; color: #3c3c3c; margin-left: 8px;} .dk_slider, .dk_slider .container, .dk_slider #slider_inner, .dk_slider #slider_outer { height: 280px; margin: 0; padding: 0; width: 967px; /*z-index: 10;*/ background: transparent; } .dk_slider .panelTitle { font-size : 42px; font-family: "Museo","Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; line-height : 50px; margin: 50px 0 0 390px; text-align : left; position: absolute; width : 600px; } .dk_slider .slider_element a.panelSubTitle { margin: 180px 0 0 457px; text-align : left; position: absolute; width : 450px; height : 30px; display: block; text-decoration: none; } .dk_slider a.orderPanel { display: block; height: 34px; width: 140px; /*margin: 220px 0 0 809px;*/ background: transparent url('../../images/bars/general/orderPanel.gif') no-repeat 0 0; border: 0; font-family: "Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; font-size: 18px; font-weight: bold; text-align: center; text-decoration: none; color: #fff; line-height: 25px; position : absolute; padding : 6px 0 0 0; margin: -50px 0 0 820px ; } .dk_slider a.orderPanel:hover { background: transparent url('../../images/bars/general/orderPanel.gif') no-repeat 0 100%; } .dk_slider { clear: both; } .dk_slider .container { margin: 0 0 0 -4px; } .dk_slider .slider_element { margin: 0; width: 967px; } .dk_slider .slider_element a { width: 967px; height: 280px; display:block; background: transparent; } .dk_slider .slider_items div div.slider_element { width: 967px; } .dk_slider .slider_controls { position: absolute; z-index: 10000; margin: -29px 0 0 426px; float: left; width: 532px; } .dk_slider .slider_controls #handles_more { margin: 0px; } .dk_slider .slider_controls #next { margin: 5px 0 0 0; } .dk_slider .slider_controls #prev { margin: 5px 0 0 8px; _margin: 5px 0 0 4px; } .dk_slider .slider_controls a, .dk_slider .slider_controls #handles_more a { background: transparent url('../../images/index/controls/dk_gDot.gif') no-repeat 50% 50%; } .dk_slider .slider_controls a.pci, .dk_slider .slider_controls #handles_more a.pci { background: transparent url('../../images/pci/index/slider_dot.jpg') no-repeat 50% 50%; } .dk_slider .slider_controls #handles_more a { width: 11px; } .dk_slider .slider_controls #handles_more a.active, .dk_slider .slider_controls #handles_more a:hover { background: transparent url('../../images/index/controls/dk_bDot.gif') no-repeat 50% 50%; } .dk_slider .slider_controls #handles_more a.pciactive, .dk_slider .slider_controls #handles_more a.pci:hover { background: transparent url('../../images/pci/index/active_slider_dot.jpg') no-repeat 50% 50%; } .dk_slider .slider_controls #prev { background: transparent url('../../images/index/controls/dk_gLarrow.gif') no-repeat 50% 50%; float: left; margin-left: 5px; width: 20px; } .dk_slider .slider_controls #prev:hover, .dk_slider .slider_controls #prev.active { background: transparent url('../../images/index/controls/dk_bLarrow.gif') no-repeat 50% 50%; } .dk_slider .slider_controls #next { background: transparent url('../../images/index/controls/dk_gRarrow.gif') no-repeat 50% 50%; float: left; width: 20px; margin-left: 0px; } .dk_slider .slider_controls #next:hover, .dk_slider .slider_controls #next.active { background: transparent url('../../images/index/controls/dk_bRarrow.gif') no-repeat 50% 50%; } .dk_slider .orderBAR, .dk_slider .offerBAR, .dk_slider .techBAR { margin: 0; } .dk_bar { width: 967px; margin : 0 0 0 -4px; height: 117px; background: #505050; } .dk_bar .sep, .dk_bar a, .dk_bar a:visited, .dk_bar a:active { display: block; height: 47px; width: 161px; padding-top: 70px; text-align: center; color: #ccc; text-decoration: none; font-size: 10px; float: left; background: url('../../images/telecom/index/bar.jpg') no-repeat 0 0; background-position: 0 0; font-family: "Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; font-weight : bold; } .dk_bar a:hover { color: white; } .dk_bar a.link1:hover { background-position: 0px -117px; } .dk_bar a.link2, .dk_bar a.link2:active, .dk_bar a.link2:visited { background-position: -161px 0; } .dk_bar a.link2:hover { background-position: -161px -117px; } .dk_bar a.link3, .dk_bar a.link3:visited, .dk_bar a.link3:active { background-position: -322px 0; } .dk_bar a.link3:hover { background-position: -322px -117px; } .dk_bar a.link4, .dk_bar a.link4:visited, .dk_bar a.link4:active { background-position: -483px 0; } .dk_bar a.link4:hover { background-position: -483px -117px; } .dk_bar a.link5, .dk_bar a.link5:visited, .dk_bar a.link5:active { background-position: -644px 0; } .dk_bar a.link5:hover { background-position: -644px -117px; } .dk_bar a.link6, .dk_bar a.link6:visited, .dk_bar a.link6:active { background-position: -805px 0; } .dk_bar a.link6:hover { background-position: -805px -117px; } /*.dk_bar a.link7, .dk_bar a.link7:visited, .dk_bar a.link7:active { background-position: -825px 0; } .dk_bar a.link7:hover { background-position: -825px -117px; }*/ /*.dk_bar a.link8, .dk_bar a.link8:visited, .dk_bar a.link8:active { background-position: -723px 0; } .dk_bar a.link8:hover { background-position: -723px -117px; } /*.dk_bar a.link9, .dk_bar a.link9:visited, .dk_bar a.link9:active { background-position: -862px 0; } .dk_bar a.link9:hover { background-position: -862px -117px; }*/ /*.dk_bar a.link1:hover { background-position: 0px -117px; } .dk_bar a.link2, .dk_bar a.link2:active, .dk_bar a.link2:visited { background-position: -121px 0; } .dk_bar a.link2:hover { background-position: -121px -117px; } .dk_bar a.link3, .dk_bar a.link3:visited, .dk_bar a.link3:active { background-position: -240px 0; } .dk_bar a.link3:hover { background-position: -240px -117px; } .dk_bar a.link4, .dk_bar a.link4:visited, .dk_bar a.link4:active { background-position: -358px 0; } .dk_bar a.link4:hover { background-position: -358px -117px; } .dk_bar a.link5, .dk_bar a.link5:visited, .dk_bar a.link5:active { background-position: -479px 0; } .dk_bar a.link5:hover { background-position: -479px -117px; } .dk_bar a.link6, .dk_bar a.link6:visited, .dk_bar a.link6:active { background-position: -600px 0; } .dk_bar a.link6:hover { background-position: -600px -117px; } .dk_bar a.link7, .dk_bar a.link7:visited, .dk_bar a.link7:active { background-position: -725px 0; } .dk_bar a.link7:hover { background-position: -725px -117px; } .dk_bar a.link8, .dk_bar a.link8:visited, .dk_bar a.link8:active { background-position: -846px 0; width : 120px; } .dk_bar a.link8:hover { background-position: -846px -117px; }*/ *.dk_bar .sep { display: block; border: 0; padding: 0; margin: 0; width: 11px; height: 117px; background-position: -210px 0; } .pc_bar { width: 967px; margin : 0 0 0 -4px; height: 116px; background: #333333; } .pc_bar .sep, .pc_bar a, .pc_bar a:visited, .pc_bar a:active { display: block; height: 37px; width: 193px; padding-top: 79px; text-align: center; color: #ccc; text-decoration: none; font-size: 10px; float: left; background: url('../../images/private_cloud/index/bar.jpg') no-repeat 0 0; background-position: 0 0; } .pc_bar a:hover { color: white; } /*.pc_bar a.link1:hover { background-position: 0px -116px; } .pc_bar a.link2, .pc_bar a.link2:active, .pc_bar a.link2:visited { background-position: -161px 0; } .pc_bar a.link2:hover { background-position: -161px -116px; } .pc_bar a.link3, .pc_bar a.link3:visited, .pc_bar a.link3:active { background-position: -322px 0; } .pc_bar a.link3:hover { background-position: -322px -116px; } .pc_bar a.link4, .pc_bar a.link4:visited, .pc_bar a.link4:active { background-position: -483px 0; } .pc_bar a.link4:hover { background-position: -483px -116px; } .pc_bar a.link5, .pc_bar a.link5:visited, .pc_bar a.link5:active { background-position: -644px 0; } .pc_bar a.link5:hover { background-position: -644px -116px; } .pc_bar a.link6, .pc_bar a.link6:visited, .pc_bar a.link6:active { width: 162px; background-position: -805px 0; } .pc_bar a.link6:hover { background-position: -805px -116px; }*/ .pc_bar a.link1:hover { background-position: 0px -116px; } .pc_bar a.link2, .pc_bar a.link2:active, .pc_bar a.link2:visited { background-position: -193px 0; } .pc_bar a.link2:hover { background-position: -193px -116px; } .pc_bar a.link3, .pc_bar a.link3:visited, .pc_bar a.link3:active { background-position: -386px 0; } .pc_bar a.link3:hover { background-position: -386px -116px; } .pc_bar a.link4, .pc_bar a.link4:visited, .pc_bar a.link4:active { background-position: -579px 0; } .pc_bar a.link4:hover { background-position: -579px -116px; } .pc_bar a.link5, .pc_bar a.link5:visited, .pc_bar a.link5:active { background-position: -772px 0; width : 195px } .pc_bar a.link5:hover { background-position: -772px -116px; } .pc_bar .sep { display: block; border: 0; padding: 0; margin: 0; width: 1px; height: 117px; background-position: -210px 0; } .eight_numbers_bar { width: 967px; margin : 0 0 0 -4px; height: 116px; background: url('../../images/telecom/numbers_08/b_panel.jpg') no-repeat 0 0; } .eight_numbers_bar .sep, .eight_numbers_bar a, .eight_numbers_bar a:visited, .eight_numbers_bar a:active { display: block; height: 37px; width: 200px; padding-top: 78px; text-align: center; color: #ccc; text-decoration: none; font-size: 10px; float: right; background: url('../../images/telecom/numbers_08/b_panel.jpg') no-repeat 0 0; background-position: 0 0; } .eight_numbers_bar a:hover { color: white; } /*.eight_numbers_bar a.link1:hover { background-position: 0px -117px; } .eight_numbers_bar a.link2, .eight_numbers_bar a.link2:active, .eight_numbers_bar a.link2:visited { background-position: -193px 0; } .eight_numbers_bar a.link2:hover { background-position: -193px -117px; } .eight_numbers_bar a.link3, .eight_numbers_bar a.link3:visited, .eight_numbers_bar a.link3:active { background-position: -386px 0; } .eight_numbers_bar a.link3:hover { background-position: -386px -117px; }*/ .eight_numbers_bar a.link4, .eight_numbers_bar a.link4:visited, .eight_numbers_bar a.link4:active { background-position: -767px 0; } .eight_numbers_bar a.link4:hover { background-position: -767px -116px; } .eight_numbers_bar a.link5, .eight_numbers_bar a.link5:visited, .eight_numbers_bar a.link5:active { width: 483px; background-position: -484px 0; } .eight_numbers_bar a.link5:hover { background-position: -484px -116px; } /**.eight_numbers_bar a.link6, .eight_numbers_bar a.link6:visited, .eight_numbers_bar a.link6:active { background-position: -690px 0; } .eight_numbers_bar a.link6:hover { background-position: -690px -117px; } .eight_numbers_bar a.link7, .eight_numbers_bar a.link7:visited, .eight_numbers_bar a.link7:active { width: 139px; background-position: -828px 0; } .eight_numbers_bar a.link7:hover { background-position: -828px -117px; }**/ .eight_numbers_bar .sep { display: block; border: 0; padding: 0; margin: 0; width: 1px; height: 116px; background-position: -210px 0; } /* ############################################# * * SDSL * * ############################################# */ .sdsl_bar { width : 967px; height : 116px; margin : 0 0 0 -4px; background : url(../../images/sdsl/index/bar.jpg) no-repeat 0 0; float: left; } .sdsl_bar a, .sdsl_bar a:visited, .sdsl_bar a:active { display : block; height : 37px; width : 241px; padding-top : 78px; text-align : center; color: #ccc; text-decoration : none; font-size : 10px; background : url(../../images/sdsl/index/bar.jpg) no-repeat 0 0; background-position : 0 0; float : left; } .sdsl_bar a:hover { color: white; } .sdsl_bar a.link1:hover { background-position : 0 -116px; } .sdsl_bar a.link2 { background-position : -242px 0; } .sdsl_bar a.link2:hover { background-position : -242px -116px; } .sdsl_bar a.link3 { background-position : -484px 0; } .sdsl_bar a.link3:hover { background-position : -484px -116px; } .sdsl_bar a.link4 { background-position : -726px 0; } .sdsl_bar a.link4:hover { background-position : -726px -116px; } /* ############################################"*/ .adsl_bar { width : 726px; margin : -16px 0 0 0; height : 116px; background : url('../../images/adsl/index/bar.jpg') no-repeat 0 0; float : left; } .adsl_bar a, .adsl_bar a:visited, .adsl_bar a:active { display: block; height: 116px; width : 363px; background : url('../../images/adsl/index/bar.jpg') no-repeat 0 0; background-position : 0 0; float : left; } .adsl_bar a.link1:hover { background-position : 0 -116px; } .adsl_bar a.link2 { background-position : -363px 0; } .adsl_bar a.link2:hover { background-position : -363px -116px; } .xdsl_bar { width: 967px; margin : 0 0 0 -4px; height: 116px; background: url('../../images/xdsl/index/b_panel.jpg') no-repeat 0 0; } .xdsl_bar .sep, .xdsl_bar a, .xdsl_bar a:visited, .xdsl_bar a:active { display: block; height: 37px; width: 200px; padding-top: 78px; text-align: center; color: #ccc; text-decoration: none; font-size: 10px; float: right; background: url('../../images/xdsl/index/b_panel.jpg') no-repeat 0 0; background-position: 0 0; } .xdsl_bar a:hover { color: white; } /*.xdsl_bar a.link1:hover { background-position: 0px -117px; } .xdsl_bar a.link2, .xdsl_bar a.link2:active, .xdsl_bar a.link2:visited { background-position: -193px 0; } .xdsl_bar a.link2:hover { background-position: -193px -117px; } .xdsl_bar a.link3, .xdsl_bar a.link3:visited, .xdsl_bar a.link3:active { background-position: -386px 0; } .xdsl_bar a.link3:hover { background-position: -386px -117px; }*/ .xdsl_bar a.link4, .xdsl_bar a.link4:visited, .xdsl_bar a.link4:active { background-position: -767px 0; } .xdsl_bar a.link4:hover { background-position: -767px -116px; } .xdsl_bar a.link5, .xdsl_bar a.link5:visited, .xdsl_bar a.link5:active { width: 483px; background-position: -484px 0; } .xdsl_bar a.link5:hover { background-position: -484px -116px; } /**.xdsl_bar a.link6, .xdsl_bar a.link6:visited, .xdsl_bar a.link6:active { background-position: -690px 0; } .xdsl_bar a.link6:hover { background-position: -690px -117px; } .xdsl_bar a.link7, .xdsl_bar a.link7:visited, .xdsl_bar a.link7:active { width: 139px; background-position: -828px 0; } .xdsl_bar a.link7:hover { background-position: -828px -117px; }**/ .xdsl_bar .sep { display: block; border: 0; padding: 0; margin: 0; width: 1px; height: 116px; background-position: -210px 0; } .eligibilityTest { height: 210px; margin-top: 0; } .eligibilityTest h2 { padding-top: 131px; text-align: right; margin-right: 99px; } .eligibilityTest #formInputADSL { float: left; background: transparent; border: 0; margin-left: 106px; margin-top: 7px; width: 230px; height: 40px; line-height: 40px; font-size: 26px; font-weight: bold; font-family: "Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; color: #b3b3b3; } #orderADSL, #orderADSL:link, #orderADSL:active, #orderADSL:visited { float: right; display: block; width: 180px; height: 44px; background: transparent url('../../images/xdsl/adsl_no_box/ADSLorder.jpg') no-repeat top left ; margin: 0 ; } #orderADSL:hover { background: transparent url('../../images/xdsl/adsl_no_box/ADSLorder.jpg') no-repeat bottom left ; } #loaderADSL { float: right; display: block; width: 130px; height: 44px; margin: -30px 2px 0 0 ; text-align: center; } .nas_bar { width: 967px; margin : 0 0 0 -4px; height: 116px; background: #333333; } .nas_bar .sep, .nas_bar a, .nas_bar a:visited, .nas_bar a:active { display: block; height: 37px; width: 138px; padding-top: 79px; text-align: center; color: #ccc; text-decoration: none; font-size: 10px; float: left; background: url('../../images/NAS/index/bar.jpg') no-repeat 0 0; background-position: 0 0; } .nas_bar a:hover { color: white; } .nas_bar a.link1:hover { background-position: 0px -117px; } .nas_bar a.link2, .nas_bar a.link2:active, .nas_bar a.link2:visited { background-position: -138px 0; } .nas_bar a.link2:hover { background-position: -138px -117px; } .nas_bar a.link3, .nas_bar a.link3:visited, .nas_bar a.link3:active { background-position: -276px 0; } .nas_bar a.link3:hover { background-position: -276px -117px; } .nas_bar a.link4, .nas_bar a.link4:visited, .nas_bar a.link4:active { background-position: -414px 0; } .nas_bar a.link4:hover { background-position: -414px -117px; } .nas_bar a.link5, .nas_bar a.link5:visited, .nas_bar a.link5:active { background-position: -552px 0; } .nas_bar a.link5:hover { background-position: -552px -117px; } .nas_bar a.link6, .nas_bar a.link6:visited, .nas_bar a.link6:active { background-position: -690px 0; } .nas_bar a.link6:hover { background-position: -690px -117px; } .nas_bar a.link7, .nas_bar a.link7:visited, .nas_bar a.link7:active { background-position: -828px 0; width : 139px; } .nas_bar a.link7:hover { background-position: -828px -117px; } .nas_bar { width: 967px; margin : 0 0 0 -4px; height: 116px; background: #333333; } .nas_bar .sep { display: block; border: 0; padding: 0; margin: 0; width: 11px; height: 116px; background-position: -210px 0; } .bottom_list { width: 967px; margin : 0 0 0 -4px; background: #f2f2f2 url('../../images/telecom/index/dropshadow.jpg') no-repeat 50% 0; } .bottom_list span.highlight, .bottom_list span.highlight1 { background: red; color: white; font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; } /* Old telecom */ /* RPS Test for new bar system */ .dk_slider a.homeBAR, .dk_slider div.homeBAR, a.homeBAR { display: block; float: left; height: 25px; width: 40px; background: transparent url('../../images/bars/general/toolbar-rps.jpg') no-repeat 0 0; } a.homeBAR:hover { background: transparent url('../../images/bars/general/toolbar-rps.jpg') no-repeat 0 100%; } .dk_slider a.homeBAR, .dk_slider div.homeBAR { background: transparent url('../../images/bars/general/toolbar-slider.gif') no-repeat 0 0; width: 133px; } .dk_slider a.offerBAR , .dk_slider a.offerBARselected, .dk_slider div.offerBAR , .dk_slider div.offerBARselected, a.offerBAR , a.offerBAR_S , a.offerBAR_L , a.offerBAR_Sselected, a.offerBAR_Lselected, a.offerBARselected { display: block; float: left; height: 25px; width: 132px; background: transparent url('../../images/bars/general/toolbar-rps.jpg') no-repeat -40px 0; } a.offerBAR_S, a.offerBAR_Sselected{ width: 100px; background: transparent url('../../images/bars/general/toolbar-rps_S.jpg') no-repeat -40px 0; } a.offerBAR_L, a.offerBAR_Lselected{ width: 160px; background: transparent url('../../images/bars/general/toolbar-rps_L.jpg') no-repeat -40px 0; } .dk_slider a.offerBAR , .dk_slider a.offerBARselected, .dk_slider div.offerBAR , .dk_slider div.offerBARselected { width: 130px; background: transparent url('../../images/bars/general/toolbar-slider.gif') no-repeat 100% 0; } a.offerBAR:hover, a.offerBARselected, a.offerBAR_S:hover, a.offerBAR_Sselected, a.offerBAR_L:hover, a.offerBAR_Lselected { background: transparent url('../../images/bars/general/toolbar-rps.jpg') no-repeat -40px 100%; } .dk_slider a.offerBAR:hover, .dk_slider a.offerBARselected { background: transparent url('../../images/bars/general/toolbar-slider.gif') no-repeat -136px 100%; } a.smallBAR , a.smallBARselected { display: block; float: left; height: 25px; width: 99px; background: transparent url('../../images/bars/general/toolbar-rps.jpg') no-repeat -40px 0; } a.smallBAR:hover, a.smallBARselected { background: transparent url('../../images/bars/general/toolbar-rps.jpg') no-repeat -40px 100%; } .dk_slider a.techBAR, .dk_slider a.techBARselected, a.techBAR_S, a.techBAR_Sselected, a.techBAR_L, a.techBAR_Lselected, a.techBAR, a.techBARselected { display: block; float: left; height: 25px; width: 133px; background: transparent url('../../images/bars/general/toolbar-rps.jpg') no-repeat -172px 0; } a.techBAR_S, a.techBAR_Sselected{ width: 100px; background: transparent url('../../images/bars/general/toolbar-rps_S.jpg') no-repeat 100% 0; } a.techBAR_L, a.techBAR_Lselected{ width: 160px; background: transparent url('../../images/bars/general/toolbar-rps_L.jpg') no-repeat 100% 0; } .dk_slider a.techBAR, .dk_slider a.techBARselected { background: transparent url('../../images/bars/general/toolbar-slider.gif') no-repeat 100% 0; } .dk_slider a.techBAR:hover, .dk_slider a.techBARselected { background: transparent url('../../images/bars/general/toolbar-slider.gif') no-repeat 100% 100%; } a.techBAR_S:hover, a.techBAR_Sselected, a.techBAR_L:hover, a.techBAR_Lselected{ background: transparent url('../../images/bars/general/toolbar-rps.jpg') no-repeat 100% 100%; } a.techBAR:hover, a.techBARselected { background: transparent url('../../images/bars/general/toolbar-rps.jpg') no-repeat -172px 100%; } .dk_slider a.orderBAR, button.orderBAR, a.greyBAR, a.orderBAR { display: block; float: left; height: 25px; width: 121px; background: transparent url('../../images/bars/general/order-rps.gif') no-repeat 0 0; margin-left: 11px; border: 0; } .dk_slider a.orderBAR:hover, button.orderBAR:hover, a.orderBAR:hover { background: transparent url('../../images/bars/general/order-rps.gif') no-repeat 100% 100%; } a.orderDE { display: block; float: left; height: 25px; width: 100px; background: transparent url('../../images/bars/general/order-rpsDE.gif') no-repeat 0 0; margin-left: 5px; border: 0; } a.orderDE:hover { background: transparent url('../../images/bars/general/order-rpsDE.gif') no-repeat 0% 100%; margin-left: 5px; } a.greyBAR { background: transparent url('../../images/imagine/grey_btn.png') no-repeat 0 0; width: 130px; } a.greyBAR:hover { background: transparent url('../../images/imagine/grey_btn.png') no-repeat 100% 100%; } a.order-support { display:block; float: left; height: 30px; width: 100px; background: transparent url('../../images/bars/general/order-support.jpg') no-repeat 0 0; } a.order-support:hover { background-position : 0 100%; } .telecom a.smallBARselected, .telecom a.offerBARselected, .telecom a.techBARselected, .telecom a.orderBARselected, .telecom button.orderBARselected, a.smallBARselected, a.offerBARselected, a.offerBAR_Sselected, a.offerBAR_Lselected, a.techBAR_Sselected, a.techBAR_Lselected, a.techBARselected, a.orderBARselected, button.orderBARselected, a.smallBAR, a.offerBAR, a.offerBAR_S, a.offerBAR_L, a.techBAR, a.techBAR_L, a.techBAR_S, a.orderBAR, a.greyBAR, button.orderBAR, a.order-support{ line-height: 25px; font-family: "Trebuchet MS", "Gill Sans", "FreeSans", "Liberation sans", sans-serif; font-size: 13px; font-weight: bold; text-align: center; color: #333; text-decoration: none; } a.orderDE { line-height: 25px; font-family: "Trebuchet MS", "Gill Sans", "FreeSans", "Liberation sans", sans-serif; font-size: 13px; font-weight: bold; text-align: center; color: #333; text-decoration: none; } .telecom a.smallBARselected, .telecom a.offerBARselected, .telecom a.techBARselected, .telecom a.orderBARselected, .telecom a.smallBAR:hover, .telecom a.offerBAR:hover, .telecom a.techBAR:hover, .telecom a.orderBAR:hover, a.smallBARselected, a.offerBARselected, a.offerBAR_Sselected, a.offerBAR_Lselected, a.techBAR_Lselected, a.techBAR_Sselected, a.techBARselected, a.orderBARselected, button.orderBARselected, a.smallBAR:hover, a.offerBAR:hover, a.offerBAR_S:hover, a.offerBAR_L:hover, a.techBAR_S:hover, a.techBAR_L:hover, a.techBAR:hover, a.orderBAR:hover, a.greyBAR, button.orderBAR:hover, a.order-support{ color: white; } a.orderBAR img, button.orderBAR img { vertical-align: top; margin: 0; padding: 0; display: inline; margin-top: 4px; } a.orderDE img { vertical-align: top; padding: 0; display: inline; margin: 2px -10px 0 8px; float:left; } .telecom a.orderBAR, button.orderBAR, a.orderBAR, a.orderDE { color: #f5f5f5; } #bottom_submenus div { height: 32px; background: #565656; margin-top: -5px; } #bottom_submenus div a { font-family: "Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; font-size: 13px; font-weight: bold; padding: 2px 10px 0 10px; margin: 5px 0 0 0; line-height: 24px; height: 24px; color: #ccc; text-decoration: none; border-right: 1px solid #d5d5d5; display: block; float: left; } #bottom_submenus div a:first-child { margin-left: 15px; } #bottom_submenus div a:hover, #bottom_submenus div a.selected { background: #f0f0f0; color: #333; padding-bottom: 2px; } .telecom .small { font-size: 9px; } .content h2, .telecom h2 { margin: 5px 0 5px 0; } .tel_top { width: 960px; background: transparent url('../../images/telecom/main/telecom_main_bg.jpg') no-repeat top center; } .tel_top h1 { line-height: 38px; height: 38px; float: left; margin: 0 0 0 10px; width: 98%; } .tel_top img.main { border: 0; float: left; margin: 0px 50px 38px 38px; } .tel_top br { clear: none; } /* ############################################# * * VPS * * ############################################# */ .vps_top { width: 967px; height: 58px; margin: -4px 0 0 -4px; background: url('../../images/VPS/index/vps_bg_top.jpg') no-repeat 0 0 ; } .vps_top .title { margin: 0 0 0 10px; border: 0; float: left; } .vps_top a.homeBAR, .press_top a.homeBAR { display: block; float: left; height: 25px; background: transparent url('../../images/VPS/index/toolbar_vps.gif') no-repeat 0 100%; } .vps_top a.offerBAR, .press_top a.offerBAR { background : transparent url('../../images/VPS/index/toolbar_vps.gif') no-repeat -40px 0; } .vps_top a.offerBAR:hover, .press_top a.offerBAR:hover, .press_top a.offerBARselected { background : transparent url('../../images/VPS/index/toolbar_vps.gif') no-repeat -40px 100%; } .vps_top a.techBAR, .press_top a.techBAR { background : transparent url('../../images/VPS/index/toolbar_vps.gif') no-repeat -172px 0; } .vps_top a.techBAR:hover, .press_top a.techBAR:hover, .press_top a.techBARselected { background : transparent url('../../images/VPS/index/toolbar_vps.gif') no-repeat -172px 100%; } /* ------ VPS button style slider with info inside------*/ .button_slider { width: 150px; height: 28px; background: transparent url('../../images/VPS/index/slider/2pos_button.gif') no-repeat 50% 0%; cursor: pointer; } .triple_button_slider { width: 225px; height: 28px; background: transparent url('../../images/VPS/index/slider/3pos_button.gif') no-repeat 50% 0%; cursor: pointer; } /*.button_slider .knob { float: left; display: block; width: 71px; height: 28px; line-height: 28px; color: #0068b1; background: transparent url('../../images/VPS/index/slider/slider_pad.gif') no-repeat 50% 0%; font-weight: bold; text-align: center; margin-top: -28px; position: relative; } .button_slider:hover .knob { color: #fff; background: transparent url('../../images/VPS/index/slider/slider_pad.gif') no-repeat 50% 100%; } */ .button_slider_content, .button_slider_content:link, .button_slider_content:visited, .button_slider_content:active, .button_slider_content:hover { color: #3b3b3b; line-height: 28px; font-weight: bold; width: 75px; text-align: center; } .button_slider .selected , .triple_button_slider .selected , .button_slider .selected:active , .triple_button_slider .selected:active , .button_slider .selected:hover , .triple_button_slider .selected:hover , .button_slider .selected:visited , .triple_button_slider .selected:visited { color: white; } .tip { width: 410px; height : 112px; text-align : left; padding : 10px; background : transparent url('../../images/VPS/index/ContentTips.jpg') no-repeat 0 0; } a.tipz span.imgTips, a.tipz span.imgTips:active, a.tipz span.imgTips:hover, a.tipz span.imgTips:visited, a.tipz span.imgTips:link { width : 16px; height : 16px; background : transparent url('../../images/VPS/index/tips.jpg') no-repeat 0 0; display : block; float : left; } a.tipz span.imgTips:hover { background-position : 0 100%; } .tip-title { color : #0068b1; font-family : "Museo","Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; font-size : 14px; } .tip-text { color : #000; font-family : "Museo","Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; } .tip-small { color : grey; font-family : "Museo","Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; font-size : 9px; font-weight : bold; } /* ------ VPS main slider------*/ #ace_slider, #slider { width : 668px; height : 34px; padding: 0; cursor: pointer; background: url('../../images/VPS/index/slider/slider_rail.jpg') no-repeat 50% 8px ; } #ace_slider { width: 95px; height: 335px; float: left; background: url('../../images/dedicated/ace_slider_rail.jpg') no-repeat 100% 0 ; } #nas_slider { width: 230px; float: left; height : 34px; padding: 0; background: url('../../images/NAS/slider/nas_slider_rail_small.jpg') no-repeat 0 8px; } #ha_slider { width: 260px; float: left; height : 34px; padding: 0; background: url('../../images/NAS/slider/ha_slider_rail.jpg') no-repeat 0 8px; } #sliderSteps { width: 668px; margin-left: 10px; height: 30px; background: transparent; } #nas_sliderSteps{ width: 230px; height: 30px; } #ha_sliderStep { width: 260px; height: 30px; } #ace_sliderSteps { width: 30px; height: 335px; margin-left: 5px; } #nas_sliderStepsElements{ width: 230px; height: 20px; } #ha_sliderStepsElements{ width: 260px; height: 20px; } #ace_sliderStepsElements { width: 20px; height: 335px; } #sliderStepsElements { width: 668px; margin : 10px 0 0 -9px; _margin : 10px 0 0 0px; } #ha_sliderStepsElements div.selected, #ha_sliderStepsElements div, #nas_sliderStepsElements div.selected, #nas_sliderStepsElements div{ float: left; width: 115px; font-weight: bold; color: black; height: 30px; display: block; } #ha_sliderStepsElements div.selected, #ha_sliderStepsElements div { width: 37px; font-size: 11px; font-weight: bold; } #ha_sliderStepsElements div.selected, #nas_sliderStepsElements div.selected { color: #0068b1; } #ace_sliderStepsElements div.selected, #ace_sliderStepsElements div { float: left; width: 20px; height: 56px; display: block; background: url('../../images/dedicated/ace_slider_step.jpg') no-repeat 0 50%; } #ace_sliderStepsElements div.selected { background: url('../../images/dedicated/ace_slider_step_selected.jpg') no-repeat 0 50%; } #sliderStepsElements div { float: left; width: 41px; height: 30px; font-size: 9px; line-height: 20px; color: #333; text-align: center; margin : -8px 0 0 0; padding : 0; text-indent: 5px; background: url('../../images/VPS/index/slider/step-unselected.gif') no-repeat 90% 0%; } #sliderStepsElements div.selected { background: url('../../images/VPS/index/slider/step-selected.gif') no-repeat 90% 0%; font-weight : bold; font-size : 12px; color : white; } #nas_slider #knob { width : 115px; height : 34px; background: url('../../images/VPS/index/slider/knob.gif') no-repeat 50% 0; } #ha_slider #ha_knob { width : 36px; height : 34px; background: url('../../images/VPS/index/slider/knob.gif') no-repeat 50% 0; } #slider #knob { width : 53px; height : 34px; background: url('../../images/VPS/index/slider/knob.gif') no-repeat -2px 0; } #ace_slider #knob { width : 80px; height : 31px; background: url('../../images/dedicated/ace_slider_knob.gif') no-repeat -2px 0; } /* ------ information table on nas homepage------*/ .nas_table { height: 100px; width: 580px; float: left; display: block; background: url('../../images/NAS/slider/nas_table.jpg') no-repeat 0 0; } /* ------ Slider disk_space VPS ------*/ #slider_ds { width : 162px; height : 25px; padding: 0; cursor: pointer; background: url('../../images/VPS/index/slider/slider_disk_space.jpg') no-repeat 50% 50% ; } #sliderSteps_ds { width: 120px; height: 10px; background: transparent; /*margin-left: 5px;*/ } #sliderStepsElements_ds { width: 170px; margin-top : 5px; } #sliderStepsElements_ds div { float : left; width : 40px; margin : 0 30px 0 -10px; color : #999; } #sliderStepsElements_ds div:last-child { margin: 0 0 0 -10px ; } #sliderStepsElements_ds div.selected { color : #0068b1; } #knob_ds { width : 53px; height : 28px; background-color : black; padding: 0 0 0 0; color: white; text-align: center; font-weight: bold; background: url('../../images/VPS/index/slider/knob.gif') no-repeat 50% 0; cursor : pointer; } a.orderBAR img; button.orderBAR img { vertical-align: top; margin: 0; padding: 0; display: inline; margin-top: 4px; } /* ------ Exchange slider------*/ #exchange_slider { width : 275px; height : 34px; padding: 0; cursor: pointer; background: url('../../images/exchange/slider/slider.png') no-repeat 50% 8px ; } .telecom a.orderBAR, button.orderBAR, a.orderBAR { color: #f5f5f5; } #exchange_sliderStepsElements { width: 275px; margin : 10px 0px 0px 0px; } #exchange_sliderStepsElements div { float: left; width: 25px; height: 30px; font-size: 9px; line-height: 20px; color: #333; text-align: center; margin : -8px 0 0 0; padding : 0; } .title_momi { font-size: 30px; } .tel_top { width: 960px; background: transparent url('../../images/telecom/main/telecom_main_bg.jpg') no-repeat top center; } .tel_top h1 { line-height: 38px; height: 38px; float: left; margin: 0 0 0 10px; width: 98%; } .tel_top img.main { border: 0; float: left; margin: 0px 50px 38px 38px; } .tel_top br { clear: none; } /* ########################################################### * * JOBS Special class > becoming new ovh 2010 style * * ########################################################### */ div.index-menu-left { background: transparent url('../../images/bars/general/lateral-menus.jpg') no-repeat 0 0; display: block; width: 190px; float: left; } div.index-menu-right { background: transparent url('../../images/bars/general/lateral-menus.jpg') no-repeat 0 0; display: block; width: 190px; float: right; } div.support_pad { background: transparent url('../../images/bars/general/support-info-pad.jpg') no-repeat 0 0; display: block; width: 190px; float: right; height: 68px; } div.support_pad h2.blue { font-family: "Trebuchet MS", "Gill Sans", "FreeSans", "Liberation sans", sans-serif; font-size: 19px; font-weight: bold; color: #0068b1; text-align: center; line-height: 22px; } div.support_pad p.topinfo { margin: 0; padding: 0; font-family: "Trebuchet MS", "Gill Sans", "FreeSans", "Liberation sans", sans-serif; font-size: 12px; font-weight: bold; line-height: 14px; margin-top: 3px; text-align: center; } div.support_pad .small { font-size: 10px; } div.index-menu-left h1, div.index-menu-right h1 { color: #0b4499; font-size: 16px; font-weight: bold; line-height: 28px; text-align: center; } div.index-menu-content { width: 190px; background: transparent url('../../images/bars/general/lateral-menus.jpg') no-repeat 0 100%; padding-top: 6px; } .index-menu-content div.price, .index-menu-content div.dedicated_price{ color: red; float: right; display: block; text-align: right; margin-right: 10px; text-indent: 0; } .index-menu-content div.dedicated_price { margin-right: 0px; font-weight: bold; line-height: 16px; _font-size: 10px; _width: 38px; } /* ########################################################### * * NEW JOBS Special class > becoming new ovh 2010 style * * ########################################################### */ div.MenuLeft { width: 200px; margin: 0 5px 0 0; } div.MenuLeft ul { padding: 0; margin: -5px 0 0 0 ; text-indent: 0; } div.MenuLeft ul li { margin: 0; border: 0; list-style-image : none; height: 57px; line-height: 57px; background: transparent url('../../images/jobs/cutterlight_menu.jpg') no-repeat center bottom; text-indent: 0; } div.MenuLeft ul li a { padding-left: 5px; line-height: 22px; font-family: "Trebuchet MS", "Gill Sans", "FreeSans", "Liberation sans", sans-serif; font-weight: bold; font-size: 18px; text-decoration: none; color : #737373; } div.MenuLeft ul li a span { font-size : 10px; display: block; font-family: "Trebuchet MS", "Gill Sans", "FreeSans", "Liberation sans", sans-serif; color : #737373; margin-top : -20px; margin-left: 43px; } div.MenuLeft ul li a:hover, div.MenuLeft ul li a.selected, div.MenuLeft ul li a:hover span, div.MenuLeft ul li a.selected span { color: #5c94de; } div.MenuLeft2 ul { padding: 0; margin: -5px 0 0 0 ; text-indent: 0; } div.MenuLeft2 ul li { margin: 0; border: 0; list-style-image : none; height: 57px; line-height: 57px; background: transparent url('../../images/jobs/cutterlight_menu.jpg') no-repeat center bottom; text-indent: 0; } div.MenuLeft2 ul li img { margin : -5px 10px 0 0; } div.MenuLeft2 ul li a, div.MenuLeft2 ul li a:hover, div.MenuLeft2 ul li a:visited, div.MenuLeft2 ul li a:active { padding-left: 10px; line-height: 22px; font-family: "Museo","Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; font-size: 16px; text-decoration: none; color : #4f4f4f; } div.MenuLeft2 ul li a:hover, div.MenuLeft2 ul li a.selected, div.MenuLeft2 ul li a:hover span, div.MenuLeft2 ul li a.selected span { color: #0068b1; } div.Panel { width : 223px; margin-right : 20px; margin-bottom : 20px; } div.Panel .TitlePanel { background : transparent url('../../images/jobs/panel/top_panel.jpg'); height : 41px; } div.Panel .TitlePanel img { float : left; padding : 5px 0 0 5px; } div.Panel .TitlePanel a { margin : 0 20px; padding-top : 5px; display : block; } div.Panel .ContentPanel { background : transparent url('../../images/jobs/panel/bg_panel.jpg') 0 100%; float : left; padding: 0 5px; font-family : "Museo","Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; width : 213px; } div.Panel .ContentPanel img { float : left; margin : 0 5px; } div.Panel .ContentPanel span { font-family: "Museo","Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; } div.Panel .ContentPanel ul li, div.Panel .ContentPanel ul li a, div.Panel .ContentPanel ul li a:link, div.Panel .ContentPanel ul li a:hover, div.Panel .ContentPanel ul li a:visited, div.Panel .ContentPanel ul li a:active { list-style-image : url('../../images/jobs/panel/puce.gif'); font-family: "Museo","Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; } div.pads { width: 234px; height : 149px; font-size: 9px; } div.pads p.title { font-size : 12px; font-weight: bold; font-family: "Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; text-decoration : none; color : #0068b1; } div.pads img { padding: 10px; } p.page_title { color : #87cd37; padding-top: 22px; font-size : 30px; font-family: "Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; font-weight : bold; } p.poste { color : #76b330; } p.posteRight { color : #76b330; text-align : right; } div.gradient { background : transparent url('../../images/jobs/anything_bg.jpg') no-repeat 0 100%; } p.subtitle { font-size : 18px; line-height: 20px; color : white; font-weight : bold; padding : 10px 0 0 10px; } div.arrow_left { padding : 5px 0 0 5px; } div.arrow_right { padding: 5px 5px 0 0; } a.pads_whois, a.pads_reason, a.pads_offer, a.pads_meeting { width: 226px; padding: 152px 0px 0 0px; margin: 0 5px 0 9px; display : block; text-decoration : none; } a.pads_whois { background : transparent url('../../images/jobs/pads_whois.jpg') no-repeat 0 0; } a.pads_reason { background : transparent url('../../images/jobs/pads_reason.jpg') no-repeat 0 0; } a.pads_offer { background : transparent url('../../images/jobs/pads_offer.jpg') no-repeat 0 0; } a.pads_meeting { background : transparent url('../../images/jobs/pads_meeting.jpg') no-repeat 0 0; } a.pads_whois p, a.pads_reason p, a.pads_offer p, a.pads_meeting p { margin : 0 20px; background: transparent url('../../images/jobs/cutterlight_menu.jpg') no-repeat 0 100%; } table.jobsBlueTH th { color : #0068b1; font-size: 18px; font-weight : normal; padding-top : 15px; } input.orderJobs { display: block float: left; width: 190px; background: transparent url('../../images/bars/general/order-btn.jpg') no-repeat 0 0; font-family: "Trebuchet MS", "Gill Sans", "FreeSans", "Liberation sans", sans-serif; font-size: 14px; font-weight: bold; text-align: center; text-decoration: none; color: #fff; line-height: 25px; height: 30px; border: none; vertical-align: middle; } input.jobsInputUpload { width : 100px; color : #fff; font-family: "Trebuchet MS", "Gill Sans", "FreeSans", "Liberation sans", sans-serif; font-weight : bold; font-size : 18px; height : 40px; margin-top : -3px; } form.formular { font-family: tahoma, verdana, "sans-serif"; font-size: 12px; width : 680px; } form.formular td.jobsinput { background : url('../../images/jobs/jobsinput.jpg') no-repeat 0 0; width : 300px; } form.formular table tr th:first-line { padding-top: 11px; } form.formular input.jobsInputText { height: 32px; border: none; font-size : 18px; line-height: 28px; background-color : transparent; width : 280px; } /*#formular { display:block; position:relative; width:580px; margin:0px auto 0px; }*/ #formular span.input_file_wrapper { background : url('../../images/jobs/jobsinputUpload.jpg') 0 0 no-repeat; line-height: 30px; height: 40px; display: block; position: relative; overflow:hidden; float : left; width : 420px; } #formular .fake-text { display: block; position: absolute; top:5px; left:0px; padding:3px; width:300px; height:16px; color:#333333; font-size:14px; font-family: "Trebuchet MS", "Gill Sans", "FreeSans", "Liberation sans", sans-serif; border:none; background : transparent; } #formular .select-box { cursor: pointer; border: 0; display: block; padding: 0; margin: 6px 0 0 0; text-decoration: none; } #formular .select-box a span { font-size: 14px; font-family: "Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; color: #333; text-decoration : none; padding : 6px; display : block; } #formular .select-box a { display: block; text-decoration: none; height: 40px; width: 300px; background: transparent url('../../images/jobs/jobsselect.jpg') no-repeat 0 0; padding: 5px 0px 0px 5px; margin: 0; white-space: nowrap; overflow: hidden; } #formular .select-box a:hover, #formular .select-box a:active { color: #0068b1; text-decoration: none; background: transparent url('../../images/jobs/jobsselectH.jpg') no-repeat 0 0; } #formular .select-box a:hover span { color: #0068b1; text-decoration: none; } #formular .select-box-options ul li { background: #fff; } #formular .select-box-options { list-style: none; background: #fff; position: absolute; border: 1px solid #3a3a3a; overflow-y: auto; z-index: 690; width: 300px; padding: 0; } #formular .select-box-alt { background-color: #e2e2e2; } #formular .select-box-options ul { width: 300px; padding: 0; margin: 0; text-indent: 0px; } #formular .select-box-options li { margin-bottom: 0; overflow: hidden; white-space: nowrap; margin: 0; padding: 0 0 0 5px; list-style-image: none; list-style: none; text-indent: 0px; font-size: 13px; } #formular .select-box-options li:nth-child(odd) { background: #f5f5f5; } #formular .select-box-options li.optgroup>span { font-size: 13px; font-style: italic; color : #0068b1; font-weight : bold; } #formular .select-box-options li>span { display: block; padding: 2px 5px; } #formular .select-box-options li.title>span { display: block; padding: 2px 5px; font-size: 13px; font-style: italic; color : #0068b1; font-weight : bold; } #formular .select-box-options li.selected { background-color: #e2e2e2 !important; color: #0068b1 !important; } #formular .select-box-options li.selected span { color: #0068b1; font-weight: bold; } #formular .select-box-options li.disabled { color: gray; } #formular .select-box-options ul, #formular .select-box-options ul li { margin:0; padding:0; text-indent: 0; background: transparent; list-style: none; list-style-image: none; } #formular .optgroup { margin: 4px 0 0 !important; } #formular .select-box-options-group li>span{ width: auto; } /* ############################################################"" */ div.support_pad div.support_content { width: 190px; padding-bottom: 3px; background: transparent url('../../images/bars/general/support-info-pad.jpg') no-repeat 0 100%; } div.index-menu-content .hr { display: block; font-size: 0px; line-height: 0px; width: 95%; height: 1px; border: 0; margin-left: 2.5%; background: transparent url('../../images/bars/general/hr.gif') no-repeat 50% 0; margin-top: 2px; margin-bottom: 2px; } div.index-menu-content h2 { line-height: 20px; font-size: 12px; margin: 0 0 0 5px; padding: 0; font-weight: bold; color : black; } div.subtitle, h5.pccsubtitle, div.index-menu-content h5.pccsubtitle, div.index-menu-content h5.subtitle { font-size: 12px; margin-top: 5px; margin-bottom: 5px; margin-left: 1px; padding-right: 5px; width: 182px; line-height: 20px; } div.index-menu-content h5.subtitle, div.index-menu-content div.subtitle { background: transparent url('../../images/dedicated/subtitle_bg.jpg') no-repeat 50% 0%; } h5.pccsubtitle, div.index-menu-content h5.pccsubtitle { height: 36px; line-height: 36px; font-size: 14px; text-indent: 10px; width: 100%; background: transparent url('../../images/private_cloud/index/pcc_subtitle.jpg') repeat-x 50% 0%; padding: 0; } div.index-menu-content div.link_content, div.index-menu-content div.softwares_content, div.index-menu-content div.distros_content, div.index-menu-content div.link_content_option { float: left; display: block; width: 118px; text-align: left; color: #0068b1; margin: 0; padding: 0; font-weight: bold; text-indent: 8px; line-height: 18px; } div.index-menu-content div.distros_content { width: 135px; text-indent: 0px; margin-left: 5px; line-height: 20px; } div.index-menu-content div.softwares_content { width: 145px; line-height: 20px; margin-left: -5px; } div.index-menu-content div.nas_content { margin-left: -5px; float: left; display: block; width: 124px; text-align: left; color: #0068b1; margin: 0; padding: 0; font-weight: bold; text-indent: 8px; line-height: 18px; } .index-menu-content div.nas_price { margin-right: 2px; font-weight: bold; width: 55px; color: red; float: right; display: block; text-align: right; line-height: 16px; _font-size: 10px; _width: 48px; } div.index-menu-content div.dispo, div.index-menu-content div.installed_distros { color: #1fc41f; float: right; display: block; width: 13px; margin-right: 2px; text-align: right; text-indent: 0; font-weight: bold; line-height: 16px; _width: 10px; font-size: 10px; _font-size: 11px; _font-weight: normal; } div.index-menu-content div.installed_distros { width: 38px; _width: 33px; } div.index-menu-content p{ margin: 0; padding: 0; padding-left: 5px; padding-right: 3px; } div.index-menu-content ul { width: 100%; list-style: none; margin: 0; margin-left: 0px; padding: 0; } div.index-menu-content ul li, div.index-menu-content ul li.dedicated { font-size: 12px; color: #3c3c3c; margin-left: 10px; padding-left: 2px; list-style-image: none; /*text-indent: 5px;*/ display: block; } div.index-menu-content ul li.softwares, div.index-menu-content ul li.nas, div.index-menu-content ul li.dedicated { margin: 0; border-bottom: 1px dotted #cbcbcb; } div.index-menu-content ul li.softwares a:hover, div.index-menu-content ul li.nas a:hover, div.index-menu-content ul li.softwares a, div.index-menu-content ul li.nas a,{ background: none; margin: 0; padding; 0; } div.index-menu-content ul li.dedicated.selected, div.index-menu-content ul li.selected, div.index-menu-content ul li.main.selected { background: #eee; /*text-align: right;*/ margin-left: 1px; width: 186px; } .index-menu-right ul li.dedicated a { background: transparent; } div.dedicated_options img { filter: alpha(opacity=90); -webkit-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9; } div.dedicated_options img:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; } div.index-menu-content ul.main li a { font-size: 12px; line-height: 16px; padding-left: 5px; font-weight: bold; color: #0068b1 } /*********************************************************** TEST BTN SD 11 FILIALES ***********************************************************/ * html .btnvirtualisation span{ font-weight:bold; } div.dedicated_options .btnproduct, div.dedicated_options .btnconcept, div.dedicated_options .btnfeatures, div.dedicated_options .btnvirtualisation, div.dedicated_options .btnrack, div.dedicated_options .btnnas, div.dedicated_options .btnfirewall, div.dedicated_options .btnhousing, div.dedicated_options .btndc, div.dedicated_options .btncisco{ height:60px; text-decoration:none; background: url('/images/dedicated/virtualisation_pad.jpg') top left no-repeat; margin-bottom: 25px ; _margin-bottom: 2px; /*! FOR IE6 ! */ display:block; float: left; } div.dedicated_options .btndc { background: url('/images/dedicated/dc_pad.jpg') top left no-repeat; /* height: 87px;*/ margin-bottom: 20px; } div.dedicated_options .btnrack { background: url('/images/dedicated/virtual_rack_pad.jpg') top left no-repeat; } div.dedicated_options .btnnas { background: url('/images/dedicated/nas_pad.jpg') top left no-repeat; } div.dedicated_options .btnfirewall { background: url('/images/dedicated/firewall_pad.jpg') top left no-repeat; } div.dedicated_options .btnhousing { background: url('/images/dedicated/housing_pad.jpg') top left no-repeat; } div.dedicated_options .btncisco { background: url('/images/dedicated/lb_cisco_pad.jpg') top left no-repeat; } div.dedicated_options .btnvirtualisation { background: url('/images/dedicated/virtualisation_pad.jpg') top left no-repeat; } div.dedicated_options .btnproduct { background: url('/images/private_cloud/index/product_pad.jpg') top left no-repeat; } div.dedicated_options .btnconcept { background: url('/images/private_cloud/index/concept_pad.jpg') top left no-repeat; } div.dedicated_options .btnfeatures { background: url('/images/private_cloud/index/features_pad.jpg') top left no-repeat; } div.dedicated_options .btncreatedc { background: url('/images/private_cloud/index/create_dc_pad.jpg') top left no-repeat; } div.dedicated_options .btnevolvedc { background: url('/images/private_cloud/index/evolve_dc_pad.jpg') top left no-repeat; } div.dedicated_options .btnnas{ filter: alpha(opacity=90); -webkit-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9; height:60px; text-decoration:none; background: transparent url('../../images/bars/general/toolbar-rps.jpg') no-repeat -172px 0; background: url('/images/dedicated/nas_pad.jpg') top left no-repeat; margin-bottom: 25px ; _margin-bottom: 2px; /*! FOR IE6 ! */ display:block; } * html .btnrack span, * html .btnnas span, * html .btnfirewall span, * html .btnhousing span, * html .btncisco span{ font-weight:bold; } .btnproduct h1, .btnconcept h1, .btnfeatures h1, .btnproduct a, .btnconcept a, .btnfeatures a, .btndc span:hover, .btndc span, .btnvirtualisation span:hover, .btnvirtualisation span, .btnrack span:hover, .btnrack span, .btnnas span:hover, .btnnas span, .btnfirewall span:hover, .btnfirewall span, .btnhousing span:hover, .btnhousing span, .btncisco span:hover, .btncisco span { color:#0b4499; text-decoration:none; font-size:16px; text-align: right; padding-top: 21px; /*align the text*/ width: 187px; padding-right: 3px; display: inline; font-weight: normal; font-family: "Museo","Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; /font-family: Helvetica, Verdana, Arial, sans-serif; /font-weight: bold; } .btncisco span:hover, .btnhousing span:hover, .btnfirewall span:hover, .btnnas span:hover, .btnrack span:hover, .btndc span:hover, .btnvirtualisation span:hover { color:#0068b1; } .btnproduct p:hover, .btnconcept p:hover, .btnfeatures p:hover, .btnproduct h1:hover, .btnconcept h1:hover, .btnfeatures h1:hover { color: #0068b1; } .btnproduct a, .btnconcept a, .btnfeatures a{ padding-top: 3px; } .btnproduct p, .btnconcept p, .btnfeatures p, .btnconcept h1, .btnproduct h1, .btnfeatures h1 { width: 145px; padding-left: 45px; padding-right: 0px; padding-top: 0px; text-align: left; line-height: 16px; } .btnproduct p, .btnconcept p, .btnfeatures p{ padding-top: 3px; } .btnnas span:hover, .btnfirewall span:hover, .btncisco span:hover, .btnnas span, .btnfirewall span, .btncisco span{ padding-top: 13px; } .btndc span:hover, .btndc span { /* padding-top: 33px;*/ } * html .btnfirewall span{ font-weight:bold; } div.dedicated_options .btnfirewall{ filter: alpha(opacity=90); -webkit-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9; height:60px; text-decoration:none; background: url('/images/dedicated/firewall_pad.jpg') top left no-repeat; margin-bottom: 25px ; _margin-bottom: 2px; /*! FOR IE6 ! */ display:block; } .btnfirewall:hover { filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .btnfirewall span{ color:#0b4499; text-decoration:none; font-size:16px; text-align: right; padding-top: 13px; /*align the text*/ display: inline; font-family: "Museo","Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; width:187px; padding-right: 3px; /font-family: Helvetica, Verdana, Arial, sans-serif; /font-weight: bold; } div.index-menu-content ul.secondary li a { font-size: 14px; line-height: 20px; padding-left: 5px; } div.index-menu-content ul li a, div.index-menu-content ul li a:active { display: block; font-size: 12px; color: #3c3c3c; text-decoration: none; background: transparent url('../../themes/default/images/blue/mainMenuList.gif') no-repeat 5px 50%; text-indent: 10px; padding-left: 5px; } div.index-menu-content ul li a:hover { background: #cedaeb url('../../themes/default/images/blue/mainMenuSelectedList.gif') no-repeat 5px 50%; color: #0068b1; } ul.left_part, ul.left_ppart { width: 190px; list-style: none; margin: 0; margin-left: 0px; padding: 0; background: transparent url('../../themes/default/images/jobs/border_li.gif') no-repeat 50% 100%; } ul.spaced { margin-left: 12px; width: 135px; } ul.left_ppart { background: transparent; } ul.left_part li, ul.left_ppart li { background: transparent url('../../themes/default/images/jobs/border_li.gif') no-repeat 50% 0%; font-size: 12px; color: #3c3c3c; margin: 0; padding: 0; list-style-image: none; /*text-indent: 5px;*/ padding-left: 5px; } ul.left_ppart li { background: transparent; } ul.left_part li a, ul.left_part li a:active, ul.left_part li a:visited, ul.left_ppart li a, ul.left_ppart li a:active, ul.left_ppart li a:visited, ul.left_ppart li.fakea { display: block; font-size: 12px; color: #3c3c3c; text-decoration: none; background: transparent url('../../themes/default/images/jobs/select_li.gif') no-repeat 90% 50%; } ul.left_ppart li a, ul.left_ppart li a:active, ul.left_ppart li a:visited, ul.left_ppart li.fakea { background: transparent url('../../themes/default/images/jobs/select_li.gif') no-repeat 0px 6px; /*height: 22px;*/ text-indent: 13px; } ul.left_ppart li.fakea { background: transparent url('../../themes/default/images/jobs/select_li.gif') no-repeat 5px 7px; } ul.left_ppart li.fakeaSmall { background: transparent url('../../themes/default/images/jobs/select_li.gif') no-repeat 5px 50%; height: 18px; line-height: 18px; text-indent: 13px; } ul.left_ppart li.fakeaSmall:hover { background: transparent url('../../themes/default/images/jobs/select_li.gif') no-repeat 5px 50%; height: 18px; line-height: 18px; text-indent: 13px; } ul.left_part li a:hover, ul.left_part li a.selected, ul.left_ppart li a:hover, ul.left_ppart li a.selected { background: url('../../themes/default/images/jobs/select_li_hover.gif') no-repeat 90% 50%; background-color: #E0E0E0; font-size: 12px; color: #3c3c3c; width: 100%; } ul.left_ppart li a:hover, ul.left_ppart li a.selected { background: url('../../themes/default/images/jobs/select_li_hover_blue.gif') no-repeat 0px 6px; color: #0068b1; } ul.left_part li a img { border: none; margin-right: 5px; } div.part_left_bottom { background: url('../../themes/default/images/jobs/barre_menu_bottom.jpg') no-repeat scroll 0 0; display: block; height: 6px; width: 150px; } div.index-middle { float: left; width: 560px; margin-left: 10px; margin-right: 10px; } div.main_top { background: transparent url('../../themes/10/main_top.jpg') no-repeat 0 0; margin-left: 0px; display: block; height: 405px; width: 560px; } div.main_content_top { background: transparent url('../../themes/10/main_bottom_top.jpg') no-repeat 0 0; margin-left: 10px; margin-right: 10px; float: left; width: 560px; } div.main_content_large_top { background: transparent url('../../themes/10/main_content_large_top.jpg') no-repeat 0 0; margin-left: 10px; margin-right: 10px; float: left; width: 560px; } div.main_full_top { background: transparent url('../../images/bars/general/main_full_top.jpg') no-repeat 0 0; width: 960px; } div.big_full_top { background: transparent url('../../images/bars/general/big_main_full_top.jpg') no-repeat 0 0; width: 960px; height: 40px; } div.main_full { width: 958px; } div.main_full .content { width: 98%; padding-left: 5px; } div.main_full .content img.middle { margin-left: -5px } /*images with more than 955px width are correctly centered*/ div.main_full .content .center { text-align="center"; } div.main_full .content p { margin-left: 10px; } div.main_full .content .flash_content { width: 790px; margin-left: -1%; background: white url('../../images/bars/general/anim-bg.jpg') repeat-x 0 100%; text-align: center; padding-bottom: 1px; } div.main_full .flash_content { margin-left: 0; } div.main_full .content h2.grey { color: #3c3c3c; } div.main_full .content *.blue { color : #0068b1; } .content .small { font-size: 9px; } div.main_full_bottom { width: 960px; height: 15px; margin: 0px; } div.main_content { width: 558px; border-left: 1px solid #aaa; border-right: 1px solid #aaa; } div.main_full { font-size: 12px; } /*div.main_content h2,*/ div.main_content h5, div.main_content p, /*div.main_full h2,*/ div.main_full h5, div.main_full p { width: 98%; margin-left: 1%; } div.main_content_bottom { background: transparent url('../../themes/10/main_bottom_bottom.jpg') no-repeat 0 0; width: 560px; height: 10px; margin: 0px; } div.main_bottom_top { background: transparent url('../../themes/10/main_bottom_top.jpg') no-repeat 0 0; display: block; width: 560px; } div.main_bottom_content { width: 558px; border-left: 1px solid #aaa; border-right: 1px solid #aaa; } div.tierce_bottom { width: 49%; float: left; } div.main_bottom_bottom { background: transparent url('../../themes/10/main_bottom_bottom.jpg') no-repeat 0 100%; width: 560px; height: 10px; } ul.list_main { margin: 0; padding: 0; margin-left: 30px; } ul.list_main li { list-style-image: none; } ul.list_main li a, ul.list_main li a:active { text-decoration: none; font-size: 12px; color: #3c3c3c; line-height: 19px; } ul.list_main li a:hover { text-decoration: underline; } h1.jobs a, h1.jobs a:visited, h1.jobs a:active, h1.jobs { font-family: "Trebuchet MS", "Gill Sans", "FreeSans", "Liberation sans", sans-serif; font-size: 16px; line-height: 26px; color: #3c3c3c; text-decoration: none; font-weight: bold; } .big_full_top h1.jobs a, .big_full_top h1.jobs a:visited, .big_full_top h1.jobs a:active, .big_full_top h1.jobs { line-height: 33px; } h1.jobs_blue { font-family: "Trebuchet MS", "Gill Sans", "FreeSans", "Liberation sans", sans-serif; font-size: 16px; color: #0B4499; text-decoration: none; font-weight: bold; } h1.phone a, h1.phone a:visited, h1.phone a:active, h1.phone { font-family: "Trebuchet MS", "Gill Sans", "FreeSans", "Liberation sans", sans-serif; font-size: 18px; color: #212121; text-indent: 0; margin: 0; padding: 0; height: 30px; line-height: 30px; border-top: 1px solid #aaa; text-decoration: none; } h1.jobs a:hover, h1.phone a:hover { text-decoration: underline; } h1.jobs img { _margin-top: 8px; *margin-top: 8px; } h1.bigBG { background: transparent url('../../images/telecom_09/main_icons/h1_title_bg.jpg') no-repeat 50% 50%; border: 0; } h1.dc, h1.dcl { font-family: "Trebuchet MS", "Gill Sans", "FreeSans", "Liberation sans", sans-serif; font-size: 18px; color: #0068B1; margin: 0; padding: 0; height: 30px; text-indent: 30px; line-height: 29px; text-decoration: none; } h1.dcl { text-indent: 0; } /* Video buttons */ div.index_vid_rps a { background-image: url('../../images/bars/rps/videoRPS.jpg'); } div.index_vid_voip a { background-image: url('../../images/bars/telecom/videoTEL.jpg'); } div.index_vid_housing a { background-image: url('../../images/bars/housing/videoHOU.jpg'); } div.index_vid_hosting a { background-image: url('../../images/bars/hosting/videoHOST.jpg'); } div.index_vid_domains a { background-image: url('../../images/bars/domains/videoDOM.jpg'); } div.index_video a br { line-height: 47px; height: 47px; } div.index_video a, div.index_video a:active, div.index_video a:visited { height: 68px; width: 190px; display: block; background-position: 0 0; background-repeat: no-repeat; text-decoration: none; } div.index_video a span { line-height: 20px; height: 20px; margin-left: 30px; text-align: left; text-decoration: none; color: white; } div.index_video a:hover { background-position: 0% 100%;} div.index_video a:hover span { color: #0B4499; text-decoration: none; } /* New tabbed high graphic menus */ div.tabbed_jobs_menu { width: 100%; /*margin-left: 7px;*/ margin-top: 20px; height: 25px; border-bottom: 1px solid #aaa; } div.tabbed_jobs_menu a, div.tabbed_jobs_menu a:visited, div.tabbed_jobs_menu a:active, div.tabbed_jobs_menu a:hover { display: block; float: left; height: 25px; line-height: 25px; width: 115px; font-size: 12px; font-weight: bold; text-decoration: none; text-indent: 8px; color: #434343; } div.tabbed_jobs_menu a, div.tabbed_jobs_menu a:visited, div.tabbed_jobs_menu a:active { background: transparent url('../../themes/default/images/jobs/jobs_tab.jpg') no-repeat 0 0; } div.tabbed_jobs_menu a:hover { background: transparent url('../../themes/default/images/jobs/jobs_tab.jpg') no-repeat 0 -25px; } div.DCselected a.dc, div.SCselected a.sc, div.RDselected a.rd, div.STselected a.st { background: transparent url('../../themes/default/images/jobs/jobs_tab.jpg') no-repeat 0 -25px; color: #0068b1; height: 25px; border-bottom: 1px solid white; } .divSC, .divST, .divRD, .divDC { width: 456px; margin-left: 7px; } .divST { background: transparent url('../../themes/default/images/jobs/st_tab.jpg') no-repeat 0 0; } .divSC { background: transparent url('../../themes/default/images/jobs/sc_tab.jpg') no-repeat 0 0; } .divRD { background: transparent url('../../themes/default/images/jobs/rd_tab.jpg') no-repeat 0 0; } .divDC { background: transparent url('../../themes/default/images/jobs/dc_tab.jpg') no-repeat 0 0; } a.orderOpt img, a.orderGeneral img { vertical-align: middle; margin: 0; padding: 0; display: inline; margin-top: -2px; } a.orderOpt, a.orderOpt:visited, a.orderOpt:active, a.orderGeneral, a.orderGeneral:visited, a.orderGeneral:active { display: block; float: left; height: 30px; width: 190px; background: transparent url('../../images/bars/general/order-btn.jpg') no-repeat 0 0; font-family: "Trebuchet MS", "Gill Sans", "FreeSans", "Liberation sans", sans-serif; font-size: 14px; font-weight: bold; text-align: center; text-decoration: none; color: #fff; line-height: 25px; vertical-align: middle; /* Ugly patch for IE6 to have beautiful button at last */ _padding-top: 4px; _height: 21px; } a.orderOpt:visited, a.orderOpt:active, a.orderOpt { height: 20px; width: 120px; line-height: 20px; background: transparent url('../../images/bars/general/order-opt-p.jpg') no-repeat 0 0; margin: 3px 0 0 33px; *margin: 3px 0 0 10px; _margin: 3px 0 0 10px; } a.orderGeneral:hover { background: transparent url('../../images/bars/general/order-btn.jpg') no-repeat 100% 100%; color: #fff; } a.orderOpt:hover { background: transparent url('../../images/bars/general/order-opt-p.jpg') no-repeat 100% 100%; color: #fff; } .content table *, .content table tr th, .content table tr td, .content table td { font-size: 12px; } /* Left navigation menu */ .serviceMenu { width:190px; float:left; background:url('../../images/general/menu_grey_bg.jpg') repeat-y; } .serviceMenuTop { width:170px; height:29px; padding:10px 10px 0px 10px; background: url('../../images/general/menu_grey_top.jpg') no-repeat; } .serviceMenuTop h2 { color:white; margin:0; padding:4px 0 0 0; float:left; } .serviceMenu h3 { color:black; padding:8px 0px 0px 10px; font-size:14px; margin:0; border-top:1px solid #3c3c3c; height:20px; } .serviceMenu a { display:block; font-weight:normal; height:20px; padding:8px 5px 0px 10px; margin-top:1px; width:175px; background: url('../../images/general/menu_grey_link.jpg') 100% 0% no-repeat; font-family: "Trebuchet MS", "Gill Sans", "FreeSans", "Liberation sans", sans-serif; text-decoration:none; color:black; } .serviceMenu a:hover { color:white; } .serviceMenu a.selected { padding-left:20px; font-weight:bold; width:165px; background: url('../../images/general/menu_grey_link.jpg') 100% 100% no-repeat; } .serviceMenu a.selected:hover { color:black; } .serviceMenuTop a.home { background:url('../../images/general/menu_grey_home.jpg') no-repeat; height:16px; width:26px; float:left; } .serviceMenuTop a.home:hover { background-position:0% 0%; } .serviceMenuBottom { width:190px; height:10px; *line-height:0px; *font-size:0px; background: url('../../images/general/menu_grey_bottom.jpg') no-repeat; } .serviceContent { background:white url('../../images/general/service_title_bar.jpg') no-repeat; width:770px; margin-left:8px; float:left; padding: 0px; } .serviceContentTop { height:40px; margin-bottom:15px; padding-top:5px; } ul.modulelist { list-style: none; margin-left: 15px; padding-left: 0px; margin-top: 5px; background: transparent; } ul.modulelist li a, ul.modulelist li a:visited { background: transparent url('../../themes/default/images/jobs/select_li.gif') no-repeat 0% 5px; list-style-image: none; text-decoration: none; color: #3c3c3c; margin-left: 0px; padding-left: 0px; font-size: 12px; text-indent: 10px; display: block; /*height: 15px;*/ line-height: 15px; } ul.modulelist li { font-size: 12px; margin: 0; margin-left: 0px; list-style-image: none; color: #3c3c3c; text-decoration: none; } ul.modulelist li a:hover, ul.modulelist li a.selected { background: transparent url('../../themes/default/images/jobs/select_li_hover_blue.gif') no-repeat 0px 5px; font-size: 12px; color: #0068b1; width: 100%; } .bottom_list ul.modulelist li, .bottom_list ul.modulelist li a, .bottom_list ul.modulelist li a:active, .bottom_list ul.modulelist li a:visited { background: transparent; margin: 0; padding: 0; text-indent: 0px; } .bottom_list ul.marged li { margin-bottom: 3px; } .center { text-align: center; text-indent: 0;} /* .moduleFirst { background: url('../../images/modules/first.jpg') no-repeat; height:27px; width:38px; display:block; float:left; } .modulePrev { background: url('../../images/modules/previous.jpg') no-repeat; width:38px; height:27px; display:block; float:left; } .moduleNext { background: url('../../images/modules/next.jpg') no-repeat; width:38px; height:27px; display:block; float:left; } .moduleHome { background: url('../../images/modules/home.jpg') no-repeat; width:38px; height:27px; display:block; float:left; } */ /* Gestion de marque */ a.btn_beta, a.btn_beta:link, a.btn_beta:visited, a.btn_beta:active { width: 100%; display: block; height: 53px; background : transparent url('../../images/brand_watcher/index/reach_beta_test.jpg') no-repeat center top; } a.btn_beta:hover { background-position: center bottom; } .gwt_form { background: #3c3c3c; } .gwt_input, .gwt_input_normal { height: 32px; background : transparent url('../../images/gwt/gwt_input.gif') no-repeat top left ; padding: 0; margin: 0; } .gwt_input_normal input, .gwt_input input { height: 32px; line-height: 32px; width: 100%; *width: 90%; *display: block; *float: right; padding:0 0 0 0; margin: 0; text-indent: 20px; font-size: 18px; color: #0068b1; border: 0; background : transparent url('../../images/gwt/gwt_input.gif') no-repeat 100% -32px ; } .gwt_input_normal input { font-size: 14px; color: #3c3c3c; } .gwt_button a, .gwt_button a:link, .gwt_button a:visited, .gwt_button a:active, .gwt_button a:hover, a.gwt_button, a.gwt_button:link, a.gwt_button:visited, a.gwt_button:active, a.gwt_button:hover { line-height: 32px; font-size: 18px; border: 0px none transparent; background : transparent url('../../images/gwt/gwt_button.gif') no-repeat 0 0 ; padding: 5px 0 6px 15px; padding: 6px 0 8px 15px \0/; /* ie9 */ _padding: 0 0 0 15px; /* ie7 + ie6*/ *padding: 0 0 0 15px; /* ie6 */ margin: 0px 0px 0px 0px; cursor: pointer; text-decoration: none; } .gwt_button a span, .gwt_button a:link span, .gwt_button a:visited span, .gwt_button a:active span, .gwt_button a:hover span, a.gwt_button span, a.gwt_button:link span, a.gwt_button:visited span, a.gwt_button:active span, a.gwt_button:hover span { line-height: 32px; border: 0; background : transparent url('../../images/gwt/gwt_button.gif') no-repeat 100% 0 ; font-size: 18px; color: #0B4499; text-align: left; margin: 0 0 0 0; padding: 5px 15px 5px 0; padding: 6px 15px 8px 0 \0/; _padding: 6px 15px 8px 0; *padding: 6px 15px 8px 0; cursor: pointer; text-decoration: none; } .gwt_button a:hover, a.gwt_button:hover { background : transparent url('../../images/gwt/gwt_button.gif') no-repeat 0 -38px ; } .gwt_button a:hover span, a.gwt_button:hover span { color: #0068b1; background : transparent url('../../images/gwt/gwt_button.gif') no-repeat 100% -38px ; } .gwt_feedback_widget { width: 278px; height: 100px; border: 1px solid #808080; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; background : transparent url('../../images/gwt/gwt_input_bg.gif') no-repeat 0 0 ; } .gwt_feedback_success, .gwt_feedback_error { width: 100%; font-size: 16px; line-height: 22px; color: #228822; text-align: left; } .gwt_feedback_error { color: #ff6d00; } ul.big_gwt_tabs, ul.gwt_tabs { margin: 0; padding: 0; height: 32px; width: 100%; background: transparent url('../../images/gwt/gwt_tabs.gif') repeat-x 100% 100% ; } ul.big_gwt_tabs { height: 65px; background: transparent url('../../images/gwt/big_gwt_tabs.gif') repeat-x 100% 100% ; width: 99%; } ul.big_gwt_tabs li, ul.gwt_tabs li { margin: 0 ; padding: 0; list-style: none; display: inline; } ul.big_gwt_tabs li a, ul.big_gwt_tabs li a:link, ul.big_gwt_tabs li a:visited, ul.big_gwt_tabs li a:active, ul.big_gwt_tabs li a:hover, ul.gwt_tabs li a, ul.gwt_tabs li a:link, ul.gwt_tabs li a:visited, ul.gwt_tabs li a:active, ul.gwt_tabs li a:hover { float: left; padding: 0 0 0 15px; display: block; color: #666; background: transparent url('../../images/gwt/gwt_tabs.gif') no-repeat 0% 50% ; text-decoration: none; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } ul.big_gwt_tabs li a, ul.big_gwt_tabs li a:link, ul.big_gwt_tabs li a:visited, ul.big_gwt_tabs li a:active, ul.big_gwt_tabs li a:hover { background: transparent url('../../images/gwt/big_gwt_tabs.gif') no-repeat 0% 50% ; margin-right: 5px; } ul.big_gwt_tabs li a span, ul.big_gwt_tabs li a:link span, ul.big_gwt_tabs li a:visited span, ul.big_gwt_tabs li a:active span, ul.big_gwt_tabs li a:hover span, ul.gwt_tabs li a span, ul.gwt_tabs li a:link span, ul.gwt_tabs li a:visited span, ul.gwt_tabs li a:active span, ul.gwt_tabs li a:hover span { padding: 0 15px 0 0; display: block; float: left; color: #666; background: transparent url('../../images/gwt/gwt_tabs.gif') no-repeat 100% 50% ; text-decoration: none; font-size: 14px; line-height: 32px; } ul.big_gwt_tabs li a span, ul.big_gwt_tabs li a:link span, ul.big_gwt_tabs li a:visited span, ul.big_gwt_tabs li a:active span, ul.big_gwt_tabs li a:hover span { background: transparent url('../../images/gwt/big_gwt_tabs.gif') no-repeat 100% 50% ; } ul.big_gwt_tabs li a:hover span, ul.gwt_tabs li a:hover span { color: #0068B1; } ul.big_gwt_tabs li.selected a, ul.big_gwt_tabs li.selected a:link, ul.big_gwt_tabs li.selected a:visited, ul.big_gwt_tabs li.selected a:active, ul.big_gwt_tabs li.selected a:hover , ul.big_gwt_tabs li .selected a, ul.big_gwt_tabs li .selected a:link, ul.big_gwt_tabs li .selected a:visited, ul.big_gwt_tabs li .selected a:active, ul.big_gwt_tabs li .selected a:hover { color: #0068b1; background: transparent url('../../images/gwt/big_gwt_tabs.gif') no-repeat 0% 0% ; line-height: 65px; height: 65px; } ul.gwt_tabs li.selected a, ul.gwt_tabs li.selected a:link, ul.gwt_tabs li.selected a:visited, ul.gwt_tabs li.selected a:active, ul.gwt_tabs li.selected a:hover , ul.gwt_tabs li .selected a, ul.gwt_tabs li .selected a:link, ul.gwt_tabs li .selected a:visited, ul.gwt_tabs li .selected a:active, ul.gwt_tabs li .selected a:hover { color: #0068b1; background: transparent url('../../images/gwt/gwt_tabs.gif') no-repeat 0% 0% ; } ul.big_gwt_tabs li.selected a span, ul.big_gwt_tabs li.selected a:link span, ul.big_gwt_tabs li.selected a:visited span, ul.big_gwt_tabs li.selected a:active span, ul.big_gwt_tabs li.selected a:hover span, ul.big_gwt_tabs li .selected a span, ul.big_gwt_tabs li .selected a:link span, ul.big_gwt_tabs li .selected a:visited span, ul.big_gwt_tabs li .selected a:active span, ul.big_gwt_tabs li .selected a:hover span { color: #0068b1; background: transparent url('../../images/gwt/big_gwt_tabs.gif') no-repeat 100% 0% ; } ul.gwt_tabs li.selected a span, ul.gwt_tabs li.selected a:link span, ul.gwt_tabs li.selected a:visited span, ul.gwt_tabs li.selected a:active span, ul.gwt_tabs li.selected a:hover span, ul.gwt_tabs li .selected a span, ul.gwt_tabs li .selected a:link span, ul.gwt_tabs li .selected a:visited span, ul.gwt_tabs li .selected a:active span, ul.gwt_tabs li .selected a:hover span { color: #0068b1; background: transparent url('../../images/gwt/gwt_tabs.gif') no-repeat 100% 0% ; } .gwt_table_inside table { width: 100%; overflow: auto; border-collapse: collapse; border: 0px none transparent; } .gwt_table_inside table tr td, .gwt_table_inside table tr th { padding: 5; margin: 0; border: 1px solid #aaa; } /* DOMS PECIFIC CALSSES */ #odline_index { width: 100%; height: 105px; background: transparent url('../../images/domains/odline_index/odline_index-bg.png') no-repeat 0 0; color: white; } #odline_transfert{ width: 730px; height: 212px; background: transparent url('../../images/domains/odline_specs/odline_transfert-bg.jpg') no-repeat 0 0; color: white; } #odline_renouveler{ width: 730px; height: 212px; background: transparent url('../../images/domains/odline_specs/odline_renouveler-bg.jpg') no-repeat 0 0; color: white; } #odline_tech input.dominput { float: left; border: 0; background: transparent ; width: 530px; height: 28px; font-size: 18px; color: #b3b3b3; margin: 0px 0 0 0px; padding: 0px 37px 0 0px; } #odline_transfert input.dominput, #odline_renouveler input.dominput { float: left; border: 0; background: transparent url('../../images/domains/odline_specs/odline_specs-dominput.jpg') no-repeat 0 0; width: 350px; height: 38px; font-size: 18px; font-weight: bold; color: #b3b3b3; margin: 110px 0 0 190px; padding: 0 0 0 5px; *padding : 7px 0 0 5px; } #odline_transfert button.odbutton, #odline_renouveler button.odbutton { display: block; float: left; margin: 110px 36px 0 0px; padding: 0; height: 36px; width: 103px; border:0; background: transparent url('../../images/domains/odline_specs/odline_specs-go.jpg') no-repeat 0 0; } #odline_tech .results, #odline_index .results, #odline_search .results, #odline .results { overflow:auto; z-index:9999; position:absolute; } #odline_search input.dominput { border: 0; background: transparent; width: 535px; height: 40px; color: #b3b3b3; /*line-height: 40px;*/ margin: 44px 0 0 15px; padding: 10px 0 0 0; font-size: 20px; } #odline_index input { border: 0; background: transparent; width: 526px; height: 22px; font-size: 20px; line-height: 22px; margin: 13px 0 0 7px; color: #b3b3b3; } #odline_index button.odbutton { display: block; float: left; margin: -1px 0 0 110px; _margin:-35px 0 0 110px ; padding: 0; height: 41px; width: 71px; background: transparent url('../../images/domains/odline_index/odline-go.jpg') no-repeat 0 0; } #odline_index button.odbutton:hover { background: transparent url('../../images/domains/odline_index/odline-goH.jpg') no-repeat 0 0; } #odline { width: 950px; height: 40px; background: #0068b1 url('../../images/domains/odline/odline-bg.jpg') no-repeat 0 0; color: white; margin-left: 5px; } #odline .select-box, #odline_index .select-box { cursor: pointer; border: 0; display: block; padding: 0; margin: 6px 0 0 0; float: left; text-decoration: none; } #odline .select-box a span, #odline_index .select-box a span { font-size: 16px; font-weight: bold; font-family: "Trebuchet MS", "Gill Sans", "FreeSans", "Liberation sans", sans-serif; color: #0068B1; text-decoration: none; } #odline .select-box a { display: block; text-decoration: none; height: 29px; width: 125px; background: transparent url('../../images/domains/odline/odline-select.gif') no-repeat 0 0; padding: 5px 0px 0px 5px; margin: 0; white-space: nowrap; overflow: hidden; } #odline .select-box a:hover, #odline .select-box a:active { color: #0068b1; text-decoration: none; background: transparent url('../../images/domains/odline/odline-selectH.gif') no-repeat 0 0; } #odline .select-box a:hover span , #odline_index .select-box a:hover span { color: #0068b1; text-decoration: none; } #odline .select-box-options ul li, #odline_index .select-box-options ul li { background: #fff; } #odline .select-box-options, #odline_index .select-box-options{ list-style: none; background: #fff; position: absolute; border: 1px solid #3a3a3a; overflow-y: auto; z-index: 690; width: 125px; padding: 0; } #odline .select-box-alt, #odline_index .select-box-alt { background-color: #e2e2e2; } #odline_index .select-box-options ul, #odline .select-box-options ul { width: 125px; padding: 0; margin: 0; text-indent: 0px; } #odline .select-box-options li, #odline_index .select-box-options li{ margin-bottom: 0; overflow: hidden; white-space: nowrap; margin: 0; padding: 0 0 0 5px; list-style-image: none; list-style: none; text-indent: 0px; font-size: 13px; } #odline .select-box-options li:nth-child(odd), #odline_index .select-box-options li:nth-child(odd) { background: #f5f5f5; } #odline .select-box-options li.optgroup>span, #odline_index .select-box-options li.optgroup>span { font-size: 13px; font-style: italic; } #odline .select-box-options li>span, #odline_index .select-box-options li>span { display: block; padding: 2px 5px; } #odline .select-box-options li.selected, #odline_index .select-box-options li.selected { background-color: #e2e2e2 !important; color: #0068b1 !important; } #odline .select-box-options li.selected span, #odline_index .select-box-options li.selected span { color: #0068b1; font-weight: bold; } #odline .select-box-options li.disabled, #odline_index .select-box-options li.disabled { color: gray; } #odline .select-box-options ul, #odline .select-box-options ul li, #odline_index .select-box-options ul, #odline_index .select-box-options ul li { margin:0; padding:0; text-indent: 0; background: transparent; list-style: none; list-style-image: none; } #odline .optgroup, #odline_index .optgroup { margin: 4px 0 0 !important; } #odline .select-box-options-group li>span, #odline_index .select-box-options-group li>span{ width: auto; } #odline button.odbutton { cursor: pointer; display: block; float: left; margin: 6px 0 0 10px; padding: 0; height: 29px; width: 80px; border: 0; background: transparent url('../../images/domains/odline/odline-go.gif') no-repeat 0 0; } #odline button.odbutton:hover { background: transparent url('../../images/domains/odline/odline-goH.gif') no-repeat 0 0; } #odline input.dominput { float: left; border: 0; background: transparent url('../../images/domains/odline/odline-dominput.gif') no-repeat 0 0; width: 347px; height: 29px; font-size: 16px; font-weight: bold; color: #0068B1; font-family: "Trebuchet MS", "Gill Sans", "FreeSans", "Liberation sans", sans-serif; margin: 6px 0 0 300px; padding: 0px 0 0 5px; } .fs20 { font-size: 20px; } /****************/ /* DOMAINES */ /****************/ div.domains_list a { text-align: right; display: block; float:left; width: 180px; line-height: 20px; height: 20px; text-decoration: none; margin-right: 1px; margin-left: 1px; /*border-top: 1px solid #ebebeb;*/ border-top: 1px solid #EEE; font-family: "Trebuchet MS", "Gill Sans", "FreeSans", "Liberation sans", sans-serif; } div.domains_list a.selected{ font-weight: bold; background-color: #F1F1F1; color: white; } div.domains_list a:hover, div.domains_list a.link_domains:hover { font-weight: bold; background-color: #cedaeb; color: white; } div.domains_list a.dotpage_display { text-align: right; display: block; float:left; width: 180px; line-height: 20px; height: 20px; text-decoration: none; margin-right: 1px; margin-left: 1px; border-top: 1px dashed #AAA; } div.domains_list a.dotpage_display:hover { font-weight: bold; background-color: #CCC; color: white; } div.domains_list a.dotpage_displayselected { font-weight: bold; background-color: #CCC; color: white; } div.dot_left_part { width: 150px; display: block; float: left; background: transparent url('../../images/domains/bg_dot_left_part.jpg') no-repeat 0 0; } div.dot_left_part h2 { height: 21px; width: 149px; line-height: 21px; color: #0068b1; text-align: center; background-color: #fff; border-top: #aaa dashed 1px; border-bottom: #aaa dashed 1px; } div.dot_left_part h3.left_dom { width: 150px; background: transparent url('../../images/domains/bg_left_dom.jpg') no-repeat 0 0; height: 20px; line-height: 20px; font-size: 12px; color: white; display: block; margin-left: -1px;; border-bottom: 0; } div.dot_left_part_bottom { width: 150px; display: block; float: left; background: transparent url('../../images/domains/bg_dot_left_part.jpg') no-repeat 0% 100%; } div.dot_right_part { width: 630px; float: right; } div.dot_right_part p.text { font-size: 12px; } div.input_dom { width: 430px; height: 35px; display: block; background: transparent url('../../images/domains/bg_input.gif') no-repeat 0 0; margin: auto; } div.input_dom a { float: right; display: block; width: 98px; height: 35px; background: transparent url('../../images/domains/input_valid.gif') no-repeat 0 0; } div.input_dom a:hover { background: transparent url('../../images/domains/input_valid_hover.gif') no-repeat 0 0; } /*******/ /* SSL */ /*******/ td.ssl { color:#212121; font-size:12px; font-weight:bold; background:#dadada; } ul.ssl1_left_ppart li { margin-bottom:12px; } ul.ssl2_left_ppart li { margin-bottom:19px; } /***********/ /* SQL PRO */ /***********/ .bar { height:28px; color:green; margin-bottom:0px; margin-left:78px; } .bar span { height:23px; width:45px; display:block; float:right; font-size:13px; padding-top:6px; padding-right:8px; color:#fff; text-align:right; } .bar p { padding-left:8px; padding-top:6px; font-size:13px; color:#fff; width:80px; float:left; display:inline; } .bar.green { background: transparent url('../../images/hosting/bar_green.jpg') repeat-x 0 0; } .bar.green span { background: transparent url('../../images/hosting/bar_green_end.jpg') no-repeat top right; } /* .bar.grey { background: transparent url('../../images/hosting/bar_grey.jpg') repeat-x 0 0; } */ .bar.grey span { background: transparent url('../../images/hosting/bar_grey_end.jpg') no-repeat top right; } a.btn_windows_mutu:hover, a.btn_windows_mutu:visited, a.btn_windows_mutu:active, a.btn_windows_mutu:link { background : transparent url('../../images/hosting/windows_mutu/btn_windows_mutu.jpg') no-repeat 0 0; display : block; width : 209px; height : 49px; } a.btn_windows_mutu:hover { background : transparent url('../../images/hosting/windows_mutu/btn_windows_mutu.jpg') no-repeat 0 100%; } a.btn_windows_mutu { text-decoration : none; text-align : center; padding-top : 12px; } a.btn_windows_mutu span { color : white; font-weight : bold; } /*******/ /* FAQ */ /*******/ div.response { background: url('../../images/listImage.gif') no-repeat 10px 17px; padding-left:15px; text-align:justify; } /**********************/ /* Cadre astuce */ /**********************/ .tips { background: url('../../images/index/amp.jpg') no-repeat 0 0; padding : 10px 10px 15px 60px; border: solid #E2E2E2 1px; background-color:#F2F2F2; } .attention { background: url('../../images/index/attention2.jpg') no-repeat 0 0; padding: 7px 0 15px 70px; border: solid #E2E2E2 1px; background-color: #F2F2F2; } .haveyourword, .update { background: url('../../images/index/update.jpg') no-repeat 5px 5px; padding : 10px 10px 15px 70px; border: solid #E2E2E2 1px; background-color:#F2F2F2; } .haveyourword { background: url('../../images/logiciels/have_your_word.jpg') no-repeat 5px 5px; background-color:#F2F2F2; } /**********************/ /* Cadre astuce */ /**********************/ .plus { background: url('../../images/index/plus.jpg') no-repeat 0 0; width:500px; padding : 30px 10px 15px 60px; height:110px; } /*******************************/ /* stuff for itw displaying */ /*******************************/ div.itw div.headline { font-family: "Museo","Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; font-size: 14px; font-weight: bold; color: #bbbbbb; text-align: left; margin-top: 15px; margin-left: 10px; } div.pc_itw { } div.itw div.itw_menu { display: block; float: left; width: 155px; background: red; } div.itw div.itw_menu div.itw_selected { background: #ebebeb; } div.itw div.itw_menu div a, div.itw div.itw_menu div a:link, div.itw div.itw_menu div a:visited, div.itw div.itw_menu div a:active { display: block; line-height: 16px; color: #888; text-decoration: none; padding-bottom: 14px; border-bottom: 1px solid #efefef; } div.itw div.itw_menu div a:hover { color: #333; text-decoration: none; } div.itw div.itw_menu div a h2{ color: #333; } div.itw div.itw_menu div.itw_selected a h2{ color: #0b4499; } div.itw div.itw_menu div.itw_selected a { color: #333; } div.itw div.itw_menu a:last-child { border: 0; } div.itw div.itw_main { display: block; float: left; width: 804px; background: yellow; border-left: 1px solid #aaa; } div.itw_bottom { background: #f2f2f2; } .itw_name { color: #888; font-variant: italic; } div.itw div.headline { font-family: "Museo","Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; font-size: 14px; font-weight: bold; color: #bbbbbb; text-align: left; margin-top: 15px; margin-left: 10px; } a.itw_previous, a.itw_previous:link, a.itw_previous:visited, a.itw_previous:active { color: #384d6c; font-family: "Museo","Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; display: block; height: 35px; padding-left: 20px; margin-left: 20px; background: transparent url(../../images/bars/general/itw_previous.jpg) no-repeat 0% 50%; color: #4F5150; text-decoration: none; } a.itw_previous:hover { color: #0068b1; text-decoration: underline; } a.itw_next, a.itw_next:link, a.itw_next:visited, a.itw_next:active { color: #384d6c; font-family: "Museo","Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; display: block; height: 35px; padding-right: 20px; margin-right: 20px; background: transparent url(../../images/bars/general/itw_next.jpg) no-repeat 100% 50%; color: #4F5150; text-decoration: none; } a.itw_next:hover { color: #0068b1; text-decoration: underline; } /***********************************/ /* Cadre warn panneau complet */ /**********************************/ .warn { background: url('../../images/index/warn.jpg') no-repeat 0 0; padding : 10px 35px 15px 70px; border: solid #E2E2E2 1px; background-color:#F2F2F2; -moz-border-radius:5px; border-radius:5px; } /***********************************/ /* Cadre warn simple */ /**********************************/ .warn_simple { background: url('../../images/index/warn_simple.jpg') no-repeat 0 0; padding : 10px 35px 15px 70px; border: solid #E2E2E2 1px; background-color:#F2F2F2; -moz-border-radius:5px; border-radius:5px; } /**********************/ /*BOUTON EN SAVOIR PLUS */ /**********************/ a.btn_more_infos { display:block; background : transparent url('../../images/bars/general/btn_suivant.jpg') no-repeat; width:250px; height:100px; padding: 15px 0 0 15px; text-decoration:none; } a.btn_more_infos:hover { background : transparent url('../../images/bars/general/btn_suivant_hover.jpg') no-repeat; } a.btn_more_infos span.first_line { font-size:18px; color:white; font-weight:bold; } a.btn_more_infos span.second_line { font-size:13px; color:white; font-weight:bold; } a.btn_beta_windows { display:block; background : transparent url('../../images/NAS/index/beta.jpg') no-repeat; width:250px; height:100px; padding: 25px 0 0 60px; text-decoration:none; } a.btn_beta_windows span.first_line { font-size:16px; color:white; font-weight:bold; } a.btn_beta_windows span.second_line { font-size:12px; color:white; font-weight:bold; } /**********************/ /* ZEN MEDIA COMMANDE */ /**********************/ .buttonDomain { width: 115px; height: 28px; border: none; margin: 0; padding: 0; } #buttonDomainContinue { background: url('../../images/solutions/zenmedia/button_continue.jpg') 0 0 no-repeat; } #buttonDomainContinue:hover { background: url('../../images/solutions/zenmedia/button_continue.jpg') -115px 0 no-repeat; } #odlineZenMedia { margin-left: 5px; width: 780px; height: 105px; padding: 0px; } .odlineZenMediaDefault { background: url('../../images/solutions/zenmedia/background_domain.jpg') 0 0 no-repeat; } #odlineZenMedia input#textDomain { border: 0; width: 367px; height: 25px; padding: 3px 0 0px 5px; display: block; } #odlineZenMedia input.dominput { background: transparent url('../../images/solutions/zenmedia/domaininput.gif') no-repeat 0 0; } #odlineZenMedia input.dominputOK { background: transparent url('../../images/solutions/zenmedia/domaininput_OK.jpg') no-repeat 0 0; } #odlineZenMedia input.dominputKO { background: transparent url('../../images/solutions/zenmedia/domaininput_KO.jpg') no-repeat 0 0; } #odlineZenMedia .select-box { cursor: pointer; border: 0; display: block; padding: 0; margin: 0 0 0 0px; float: left; text-decoration: none; } #odlineZenMedia .select-box a span { color: #0068b1; font-size: 18px; font-weight: bold; text-decoration: none; } #odlineZenMedia .select-box a { display: block; text-decoration: none; height: 21px; width: 88px; background: transparent url('../../images/solutions/zenmedia/domainselect.gif') no-repeat 0 0; padding: 7px 0px 0px 5px; margin: 0; white-space: nowrap; overflow: hidden; } #odlineZenMedia .select-box a:hover, #odlineZenMedia .select-box a:active { color: #0068b1; text-decoration: none; background: transparent url('../../images/solutions/zenmedia/domainselect-H.gif') no-repeat 0 0; } #odlineZenMedia .select-box a:hover span { color: #0068b1; text-decoration: none; } #odlineZenMedia .select-box-options ul li { background: #fff; } #odlineZenMedia .select-box-options { list-style: none; background: #fff; position: absolute; border: 1px solid #3a3a3a; overflow-y: auto; z-index: 690; width: 93px; padding: 0; } #odlineZenMedia .select-box-alt { background-color: #e2e2e2; } #odlineZenMedia .select-box-options ul { width: 93px; padding: 0; margin: 0; text-indent: 0px; } #odlineZenMedia .select-box-options li { margin-bottom: 0; overflow: hidden; white-space: nowrap; margin: 0; padding: 0 0 0 5px; list-style-image: none; list-style: none; text-indent: 0px; } #odlineZenMedia .select-box-options li:nth-child(odd) { /*background: red;*/ } #odlineZenMedia .select-box-options li.optgroup>span { font-size: 105%; font-style: italic; } #odlineZenMedia .select-box-options li>span { display: block; padding: 2px 5px; } #odlineZenMedia .select-box-options li.selected { background-color: #e2e2e2 !important; color: #0068b1 !important; } #odlineZenMedia .select-box-options li.selected span { color: #0068b1; font-weight: bold; } #odlineZenMEdia .select-box-options li.disabled { color: gray; } #odlineZenMedia .select-box-options ul, #odlineZenMedia .select-box-options ul li { margin:0; padding:0; text-indent: 0; background: transparent; list-style: none; list-style-image: none; } #odlineZenMEdia .optgroup { margin: 4px 0 0 !important; } #odlineZenMEdia .select-box-options-group li>span { /*padding-left: 22px !important;*/ width: auto; } .nextButtonZenMedia { width: 115px; height: 28px; background: url('../../images/solutions/zenmedia/button_continue.jpg') no-repeat 0 0; border: none; padding: 0; margin-right: 20px; float: right; } .nextButtonZenMedia:hover { background: url('../../images/solutions/zenmedia/button_continue.jpg') no-repeat -115px 0; } .previousButtonZenMedia { width: 90px; height: 22px; background: url('../../images/solutions/zenmedia/button_return.jpg') no-repeat 0 0; float: left; border: none; margin-left: 20px; margin-top: 3px; margin-bottom: 3px; padding: 0; } .previousButtonZenMedia:hover { background: url('../../images/solutions/zenmedia/button_return.jpg') no-repeat -90px 0; } #textDomain { width:297px; height:30px; border:none; padding:0; margin:0; /*background: url('../../images/solutions/zenmedia/domaininput.jpg') no-repeat 0 0;*/ } .divTheme { width:218px; height:190px; /*background: url('../../images/solutions/zenmedia/background_theme.jpg') no-repeat 0 0;*/ /*background:red;*/ margin-left:25px; margin-bottom:25px; float:left; padding: 6px 6px 0 6px; display: inline; /* FIX IE 6 */ /*border:3px solid red;*/ } .divThemeClick { background: url('../../images/solutions/zenmedia/background_theme.jpg') no-repeat 0 0; } .divTheme img { /*border:3px solid white;*/ border:none; /*opacity:0.9;*/ width:218px; } .hidden { display: none; } .block { display: block; } .cell { display: table-cell; } /***********/ /* SUPPORT */ /***********/ .inputStyle { height: 18px; border: none; padding: 5px 5px 0 5px; } .input250 { width: 240px; background: url('../../images/support/forms/input_250.jpg') no-repeat 0 0; } .input250Empty { width: 240px; background: url('../../images/support/forms/input_250.jpg') no-repeat 0 -23px; } .input200 { width: 190px; background: url('../../images/support/forms/input_200.jpg') no-repeat 0 0; } .input200Empty { width: 190px; background: url('../../images/support/forms/input_200.jpg') no-repeat 0 -23px; } .text_area { border: none; padding: 5px; } .text_area250x100 { width: 240px; height: 90px; background: url('../../images/support/forms/textarea_250X100.jpg') no-repeat 0 0; } .text_area250x100Empty { width: 240px; height: 90px; background: url('../../images/support/forms/textarea_250X100.jpg') no-repeat 0 -100px; } .text_area200x50 { width: 190px; height: 40px; background: url('../../images/support/forms/textarea_200X50.jpg') no-repeat 0 0; } .text_area200x50Empty { width: 190px; height: 40px; background: url('../../images/support/forms/textarea_200X50.jpg') no-repeat 0 -50px; } .text_area650x100 { width: 640px; height: 90px; background: url('../../images/support/forms/textarea_650X100.jpg') no-repeat 0 0; } .text_area650x100Empty { width: 640px; height: 90px; background: url('../../images/support/forms/textarea_650X100.jpg') no-repeat 0 -100px; } .titleForm { height: 41px; background: url('../../images/support/forms/title.jpg') no-repeat 0 0; line-height: 41px; padding-left: 10px; color: white; text-transform: uppercase; } .titleFormPartner { line-height: 22px; background: url('../../images/support/forms/flag_green.jpg') no-repeat 0 0; padding-left: 22px; } .titleFormPartnerKO { background: url('../../images/support/forms/flag_red.jpg') no-repeat 0 0; } /* SELECT */ .partner .select-box { cursor: pointer; border: 0; display: block; padding: 0; margin: 0 0 0 0px; float: left; text-decoration: none; } .partner .select-box a span { color: #0068b1; font-size: 12px; font-weight: bold; text-decoration: none; } .partner .select-box a { display: block; text-decoration: none; height: 18px; width: 146px; background: transparent url('../../images/support/forms/select.jpg') no-repeat 0 0; padding: 5px 0px 0px 5px; margin: 0; white-space: nowrap; overflow: hidden; } .partner .select-box a:hover, .partner .select-box a:active { color: #0068b1; text-decoration: none; background: transparent url('../../images/support/forms/select-H.jpg') no-repeat 0 0; } .partner .select-box a:hover span { color: #0068b1; text-decoration: none; } .partner .select-box-options ul li { background: #fff; } .partner .select-box-options { list-style: none; background: #fff; position: absolute; border: 1px solid #3a3a3a; overflow-y: auto; z-index: 690; width: 93px; padding: 0; } .partner .select-box-alt { background-color: #e2e2e2; } .partner .select-box-options ul { width: 93px; padding: 0; margin: 0; text-indent: 0px; } .partner .select-box-options li { margin-bottom: 0; overflow: hidden; white-space: nowrap; margin: 0; padding: 0 0 0 5px; list-style-image: none; list-style: none; text-indent: 0px; } .partner .select-box-options li:nth-child(odd) { background: red; } .partner .select-box-options li.optgroup>span { font-size: 105%; font-style: italic; } .partner .select-box-options li>span { display: block; padding: 2px 5px; } .partner .select-box-options li.selected { background-color: #e2e2e2 !important; color: #0068b1 !important; } .partner .select-box-options li.selected span { color: #0068b1; font-weight: bold; } .partner .select-box-options li.disabled { color: gray; } .partner .select-box-options ul, .partner .select-box-options ul li { margin:0; padding:0; text-indent: 0; background: transparent; list-style: none; list-style-image: none; } .partner .optgroup { margin: 4px 0 0 !important; } .partner .select-box-options-group li>span { /*padding-left: 22px !important;*/ width: auto; } .inputLoginSupport { width:116px; height:18px; background:url('../../images/support/background_input_login.jpg') no-repeat 0 0; border:none; margin-left:12px; margin-bottom:5px; padding:5px 5px 0 5px; color:#0068b1; font-size:13px; font-weight:bold; } .inputLoginEmptySupport { background:url('../../images/support/background_input_login_empty.jpg') no-repeat 0 0; color:red; } .button { /* width: 72px; height: 25px; background: url('../../images/support/login_button.jpg') no-repeat 0 0; */ border: none; color: #fff; font-weight: bold; cursor: pointer; } .divLogiciels { width: 71%; margin-right: 4%; text-align: justify; height: 120px; } .background1 { width:200px; height:70px; background: url('../../images/support/background1.jpg') no-repeat 0 0; padding: 10px 15px 10px 15px; } .background2 { width:743px; height:35px; background: url('../../images/support/background2.jpg') no-repeat 0 0; margin-left:19px; } /* general faq page */ .responseBar { width: 493px; height: 26px; background: url('../../images/support/faq/background_response_bar_faq.jpg') no-repeat 0 0; margin-left: 5px; padding: 0 10px 0 10px; } .responseBar .separator { display: block; float: right; width: 1px; height: 18px; background: url('../../images/support/faq/separator_response_bar.jpg') 0 0 no-repeat; margin: 4px 0px 0 0px; } .responseBar .logo { display: block; float: right; height: 26px; /*margin-top: 3px;*/ } .responseBar .logoPdf { width: 36px; background: url('../../images/support/faq/background_logo_pdf.jpg') 0 0 no-repeat; } .responseBar .logoPrint { width: 39px; background: url('../../images/support/faq/background_logo_print.jpg') 0 0 no-repeat; } .responseBar .linkText { margin: 0; line-height: 26px; text-decoration: none; padding: 0 10px 0 10px; height: 26px; } .responseBarPlus { /*display: block;*/ /*width: 250px; height: 50px;*/ min-width: 237px; background: #e2e2e2; float: right; margin-right: 15px; /*margin-top: -1px;*/ padding: 10px; background: #e2e2e2 url('../../images/support/faq/response_bar_plus_bottom.jpg') bottom left no-repeat; } .test2 { background: url('../../images/support/faq/background_hover_logo.jpg') top left repeat-x; } .logoPrint:hover { background: url('../../images/support/faq/background_hover_logo_print.jpg') 0 0 no-repeat; } .logoPdf:hover { background: url('../../images/support/faq/background_hover_logo_pdf.jpg') 0 0 no-repeat; } .linkText:hover { background: url('../../images/support/faq/background_hover_logo.jpg') top left repeat-x; } .logoPrintHover, .logoPrintActivated { width: 39px; background: url('../../images/support/faq/background_hover_logo_print.jpg') 0 0 no-repeat; } .logoPdfHover, .logoPdfActivated { width: 36px; background: url('../../images/support/faq/background_hover_logo_pdf.jpg') 0 0 no-repeat; } /****************/ /* DOMAINES */ /****************/ /* Info-bulles*/ .infobulle{ color: black; position: absolute; visibility : hidden; border: 1px solid #0068B1; padding: 10px; font-family: "Trebuchet MS", "Gill Sans", "FreeSans", "Liberation sans", sans-serif; align: center; font-size: 11px; z-index:10000; background-color: white; } div.domains_list a { text-align: right; display: block; width: 180px; line-height: 20px; height: 20px; text-decoration: none; margin-right: 1px; margin-left: 1px; /*border-top: 1px solid #ebebeb;*/ border-bottom: 1px solid #EEE; font-family: "Trebuchet MS", "Gill Sans", "FreeSans", "Liberation sans", sans-serif; } div.domains_list a:hover, div.domains_list a.link_domains:hover { font-weight: bold; background-color: #cedaeb; color: white; } div.domains_list a.dotpage_display { text-align: right; display: block; width: 180px; line-height: 20px; height: 20px; text-decoration: none; margin-right: 1px; margin-left: 1px; border-top: 1px dashed #AAA; } div.domains_list a.dotpage_display:hover { font-weight: bold; background-color: #CCC; color: white; } div.domains_list a.dotpage_displayselected { font-weight: bold; background-color: #CCC; color: white; } div.dot_left_part { width: 150px; display: block; float: left; background: transparent url('../../images/domains/bg_dot_left_part.jpg') no-repeat 0 0; } div.dot_left_part h2 { height: 21px; width: 149px; line-height: 21px; color: #0068b1; text-align: center; background-color: #fff; border-top: #aaa dashed 1px; border-bottom: #aaa dashed 1px; } div.dot_left_part h3.left_dom { width: 150px; background: transparent url('../../images/domains/bg_left_dom.jpg') no-repeat 0 0; height: 20px; line-height: 20px; font-size: 12px; color: white; display: block; margin-left: -1px;; border-bottom: 0; } div.dot_left_part_bottom { width: 150px; display: block; float: left; background: transparent url('../../images/domains/bg_dot_left_part.jpg') no-repeat 0% 100%; } div.dot_right_part { width: 630px; float: right; } div.dot_right_part p.text { font-size: 12px; } div.input_dom { width: 430px; height: 35px; display: block; background: transparent url('../../images/domains/bg_input.gif') no-repeat 0 0; margin: auto; } div.input_dom a { float: right; display: block; width: 98px; height: 35px; background: transparent url('../../images/domains/input_valid.gif') no-repeat 0 0; } div.input_dom a:hover { background: transparent url('../../images/domains/input_valid_hover.gif') no-repeat 0 0; } /* ============== * DISTRIB CLOUD * ============== */ a.distrib_vmware_unselected{ display:block; width:422px; height:135px; background-image:url('../../images/PCC/pcc/distrib_vmware_unselected.jpg'); } a.distrib_citrix_unselected{ display:block; width:422px; height:135px; background-image:url('../../images/PCC/pcc/distrib_citrix_unselected.jpg'); } a.distrib_vmware_selected{ display:block; width:422px; height:135px; background-image:url('../../images/PCC/pcc/distrib_vmware_selected.jpg'); } a.distrib_citrix_selected{ display:block; width:422px; height:135px; background-image:url('../../images/PCC/pcc/distrib_citrix_selected.jpg'); } a.distrib_vmware_unselected:hover { display:block; background-image:url('../../images/PCC/pcc/distrib_vmware_hover.jpg'); } a.distrib_citrix_unselected:hover { display:block; background-image:url('../../images/PCC/pcc/distrib_citrix_hover.jpg'); } /* ============== * LIVECHAT * ============== */ a.btn_livechat, a:visited .btn_livechat, a.btn_emails, a:visited .emails { margin: 5px 0; text-decoration: none; } /* ============== * MOM * ============== */ div.btn_top_left a { background: transparent url('../../images/support/mom/btn_top_left.jpg') no-repeat 0 0; width : 251px; height : 70px; display: block; } div.btn_top_right a { background: transparent url('../../images/support/mom/btn_top_right.jpg') no-repeat 0 0; width : 251px; height : 70px; display: block; } div.btn_bottom_left a { background: transparent url('../../images/support/mom/btn_bottom_left.jpg') no-repeat 0 0; width : 251px; height : 71px; display: block; } div.btn_bottom_right a { background: transparent url('../../images/support/mom/btn_bottom_right.jpg') no-repeat 0 0; width : 251px; height : 71px; display: block; } /* ============== * SERVEURS DEDIES * ============== */ /*MONITORING */ div.new_top { width: 641px; background: url('../../images/options/monitoring/new_top.jpg') no-repeat 0 0; margin : 0 auto; height: 41px; } div.new_container { width: 641px; background : url('../../images/options/monitoring/new_container.jpg') repeat-y 0 0; margin: 0 auto; } div.new_bottom { width: 641px; background: url('../../images/options/monitoring/new_bottom.jpg') no-repeat 0 0; margin: 0 auto; height: 8px; } div.server-desc { height: 100%; width: 560px; margin: 0 0 0 0; float: left; } div.server-speech { background: #f9f9f9; } div.server-speech-bottom { background: url('../../themes/10/dedicated/b_shadow.jpg') no-repeat 0 100%; } div#server-infos { width: 190px; } div.server-doc { width: 560px; margin: 0 0 0 0; float: left; } div.server-doc h2, div.server-doc h2 span{ font-size: 18px; line-height: 30px; color:black; background: transparent url('../../themes/10/dedicated/desc_table_top.gif') no-repeat 0 0; } div.server-doc h2 span{ margin-left: 5px; background: none; /* ------ Exchange slider------*/ } div.dedicated-menu { background: transparent url('../../themes/10/dedicated/dedicated-menu.gif') no-repeat 0 0; display: block; width: 190px; } div.dedicated-menu-content { width: 190px; background: transparent url('../../themes/10/dedicated/dedicated-menu.gif') no-repeat 0 100%; } .dedicated-menu-content div.price, .dedicated-menu-content div.dedicated_price { color: red; float: right; display: block; width: 36px; text-align: right; margin-right: 10px; text-indent: 0; } .dedicated-menu-content div.dedicated_price { margin-right: 2px; font-weight: bold; width: 47px; line-height: 16px; _font-size: 10px; _width: 45px; } div.dedicated-menu h2 { color: white; font-size: 12px; font-weight: bold; height: 45px; line-height: 28px; text-align: center; } div.dedicated-menu-content .hr { display: block; font-size: 0px; line-height: 0px; width: 95%; height: 1px; border: 0; margin-left: 2.5%; background: transparent url('../../images/bars/general/hr.gif') no-repeat 50% 0; margin-top: 2px; margin-bottom: 2px; } div.dedicated-menu-content h2 { line-height: 14px; font-size: 12px; margin: 0 0 0 5px; padding: 0; font-weight: bold; color : black; } div.subtitle, div.dedicated-menu-content h5.subtitle { font-size: 12px; margin-top: 5px; margin-bottom: 5px; margin-left: 1px; padding-right: 5px; width: 182px; line-height: 20px; } div.dedicated-menu-content h5.subtitle, div.dedicated-menu-content div.subtitle { background: transparent url('../../images/dedicated/subtitle_bg.jpg') no-repeat 50% 0%; } div.dedicated-menu-content div.link_content, div.dedicated-menu-content div.softwares_content, div.dedicated-menu-content div.distros_content, div.dedicated-menu-content div.link_content_option { float: left; display: block; /* width: 114px;*/ text-align: left; color: #0068b1; margin: 0; padding: 0; font-weight: bold; text-indent: 5px; line-height: 18px; } div.dedicated-menu-content div.distros_content { width: 135px; text-indent: 0px; margin-left: 5px; line-height: 20px; } div.dedicated-menu-content div.softwares_content { width: 140px; line-height: 20px; margin-left: -5px; } div.dedicated-menu-content div.dispo, div.dedicated-menu-content div.installed_distros { color: #1fc41f; float: right; display: block; width: 13px; margin-right: 2px; text-align: right; text-indent: 0; font-weight: bold; line-height: 16px; _width: 10px; _font-size: 11px; _font-weight: normal; } div.dedicated-menu-content div.installed_distros { width: 38px; _width: 33px; } div.dedicated-menu-content p{ margin: 0; padding: 0; padding-left: 5px; padding-right: 3px; } div.dedicated-menu-content ul { width: 100%; list-style: none; margin: 0; margin-left: 0px; padding: 0; } div.dedicated-menu-content ul li, div.dedicated-menu-content ul li.dedicated { font-size: 12px; color: #3c3c3c; margin-left: 0px; list-style-image: none; /*text-indent: 5px;*/ display: block; } div.dedicated-menu-content ul li.softwares, div.dedicated-menu-content ul li.nas, div.dedicated-menu-content ul li.dedicated { margin: 0; border-bottom: 1px dotted #cbcbcb; } div.dedicated-menu-content ul li.softwares a:hover, div.dedicated-menu-content ul li.nas a:hover, div.dedicated-menu-content ul li.softwares a, div.dedicated-menu-content ul li.nas a,{ background: none; text-indent: 10px; } div.dedicated-menu-content ul li a, div.dedicated-menu-content ul li a:active { display: block; font-size: 12px; color: #3c3c3c; text-decoration: none; background: transparent url('../../themes/default/images/blue/mainMenuList.gif') no-repeat 0px 50%; text-indent: 10px; padding-left: 0px; } div.dedicated-menu-content ul li a:hover { background: #cedaeb url('../../themes/default/images/blue/mainMenuSelectedList.gif') no-repeat 0px 50%; color: #0068b1; } a.homeBAR:hover { background: transparent url('../../images/bars/general/toolbar-rps.jpg') no-repeat 0 100%; } .grey_button span, a.grey_button, a.grey_button:link, a.grey_button:visited, a.grey_button:active, a.grey_button:hover { line-height: 40px; color: black; text-decoration: none; font-weight: bold; padding: 7px 0 7px 22px; _padding: 0 0 0 22px; *padding: 0 0 0 22px; background: transparent url(/images/bars/general/gButton.jpg) no-repeat 0 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } a.grey_button span, a.grey_button:link span, a.grey_button:visited span, a.grey_button:active span, a.grey_button:hover span { padding: 7px 22px 7px 0; background: transparent url(/images/bars/general/gButton.jpg) no-repeat 100% 0 ; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } a.grey_button.selected, a.grey_button:hover { background: transparent url(/images/bars/general/gButton.jpg) no-repeat 0 100%; } a.grey_button.selected span, a.grey_button:hover span { background: transparent url(/images/bars/general/gButton.jpg) no-repeat 100% 100%; color: black; } .grey_button span img { vertical-align: middle; } a.grey_button.full { display: block; margin: 0; text-align: center; height: 32px; _height: 22px; width: 100%; padding: 0; margin: 0; } a.grey_button.full span { display: block; height: 32px; margin: 0 0 0 5%; padding: 0 5% 0 0; text-align: inherit; line-height: 32px; width: 90%; _height: 22px; } #exchange_sliderStepsElements div { float: left; width: 25px; height: 30px; font-size: 9px; line-height: 20px; color: #333; text-align: center; margin : -8px 0 0 0; padding : 0; } #exchange_sliderStepsElements div.selected { font-weight : bold; font-size : 12px; } #exchange_slider #knob { width : 47px; height : 25px; margin-left: 6px; background: url('../../images/exchange/slider/knob.png') no-repeat 0 0; } .exchange_bar, .emails_bar { width: 967px; margin : 0 0 0 -4px; height: 116px; background: #fff; } .exchange_bar .sep, .exchange_bar a, .exchange_bar a:visited, .exchange_bar a:active { display: block; height: 37px; width: 483px; padding-top: 79px; text-align: center; color: #ccc; text-decoration: none; font-size: 10px; float: left; background: url('../../images/exchange/index/bar.jpg') no-repeat 0 0; background-position: 0 0; } .exchange_bar a:hover { color: white; } .exchange_bar a.link1:hover { background-position: 0px -116px; } .exchange_bar a.link2, .exchange_bar a.link2:active, .exchange_bar a.link2:visited { background-position: -484px 0px; width: 484px;} .exchange_bar a.link2:hover { background-position: -484px -116px; } .emails_bar .sep, .emails_bar a, .emails_bar a:visited, .emails_bar a:active { display: block; height: 37px; width: 322px; padding-top: 79px; text-align: center; color: #ccc; text-decoration: none; font-size: 10px; float: left; background: url('../../images/exchange/index/emails_bar.jpg') no-repeat 0 0; background-position: 0 0; } .emails_bar a:hover { color: white; } .emails_bar a.link1, .emails_bar a.link1:active, .emails_bar a.link1:visited { background-position: -322px 0; } .emails_bar a.link1:hover { background-position: -322px -116px; } .emails_bar a.link2, .emails_bar a.link2:active, .emails_bar a.link2:visited { background-position: -644px 0; } .emails_bar a.link2:hover { background-position: -644px -116px; } .emails_bar a.link3, .emails_bar a.link3:visited, .emails_bar a.link3:active { width: 323px; background-position: -644px 0; } .emails_bar a.link3:hover { background-position: -644px -116px; } .emails_bar .sep, .exchange_ba .sep { display: block; border: 0; padding: 0; margin: 0; width: 1px; height: 116px; background-position: -210px 0; } .exchange_top { background : transparent url('../../images/exchange/index/empty.jpg') no-repeat top center; width : 960px; } .exchange_top h1 { line-height: 38px; height: 38px; float: left; margin: 0 0 0 10px; width: 98%; } .exchange_top img.main { border: 0; float: left; margin: 18px 0 0 88px; } .exchange_top h2 { padding-left : 45px; } .exchange_top br { clear: none; } .seller { width: 608px; background : transparent url('../../images/tel2pay/index/seller_bg.jpg') no-repeat 0 0; } .buyer { width: 317px; background : transparent url('../../images/tel2pay/index/buyer_bg.jpg') no-repeat 0 0; } .seller h1, .buyer h1 { font-size: 30px; line-height: 55px; } ul.t2p li { font-size: 14px; font-family: "Museo", "Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; color: #3c3c3c; list-style-image: url('../../images/tel2pay/index/t2pli.jpg'); } .t2p_input { width: 166px; height: 30px; line-height: 30px; text-indent: 4px; border: 0; background: transparent url('../../images/tel2pay/index/t2p_input.jpg') no-repeat 0 0 ; margin: 0 0 5px 0; } .t2p_button { width: 91px; height: 30px; line-height: 30px; text-align: center; border: 0; background: transparent url('../../images/tel2pay/index/t2p_button.jpg') no-repeat 0 0 ; margin: 0 0 5px 0; } a.create_account, a.create_account:link, a.create_account:visited, a.create_account:active, a.create_account:hover { display: block; width: 166px; height: 48px; text-decoration: none; text-align: left; background: transparent url('../../images/tel2pay/index/create_account.jpg') no-repeat 0 0; } a.create_account span { margin-left: 8px; } /* ------------------------- HOSTED EXCHANGE --------------------------------*/ ul.listEmailDE li { list-style-image:none; text-shadow: 0 0 2px #000; padding-left:20px; } ul.listEmailDE li:before { content: '- '; } .panelHostedExchange { height : 320px; background : transparent url('../../images/emails/hosted_exchange/index/panel.jpg') no-repeat 0 0; width : 967px; } .panelTel2Pay { height : 320px; background : transparent url('../../images/tel2pay/index/panel.jpg') no-repeat 0 0; width : 967px; } /* Accueil VPS */ .accueilvps{ background: transparent url('../../images/rps/cadre_accueil_vps.jpg') no-repeat 0% 0%; display: block; height: 117px; width: 201px; } /* ############################################# * * VPS * * ############################################# */ .vps_top { width: 967px; height: 58px; margin: -4px 0 0 -4px; background: url('../../images/VPS/index/vps_bg_top.jpg') no-repeat 0 0 ; } .vps_top .title { margin: 0 0 0 10px; border: 0; float: left; } .vps_top a.homeBAR { display: block; float: left; height: 25px; background: transparent url('../../images/VPS/index/toolbar_vps.gif') no-repeat 0 100%; } .vps_top a.offerBAR { background : transparent url('../../images/VPS/index/toolbar_vps.gif') no-repeat -40px 0; } .vps_top a.offerBAR:hover { background : transparent url('../../images/VPS/index/toolbar_vps.gif') no-repeat -40px 100%; } .vps_top a.techBAR { background : transparent url('../../images/VPS/index/toolbar_vps.gif') no-repeat -172px 0; } .vps_top a.techBAR:hover { background : transparent url('../../images/VPS/index/toolbar_vps.gif') no-repeat -172px 100%; } /* ------ VPS button style slider with info inside------*/ .button_slider { width: 150px; height: 28px; background: transparent url('../../images/VPS/index/slider/2pos_button.gif') no-repeat 50% 0%; cursor: pointer; } .triple_button_slider { width: 225px; height: 28px; background: transparent url('../../images/VPS/index/slider/3pos_button.gif') no-repeat 50% 0%; cursor: pointer; } /*.button_slider .knob { float: left; display: block; width: 71px; height: 28px; line-height: 28px; color: #0068b1; background: transparent url('../../images/VPS/index/slider/slider_pad.gif') no-repeat 50% 0%; font-weight: bold; text-align: center; margin-top: -28px; position: relative; } .button_slider:hover .knob { color: #fff; background: transparent url('../../images/VPS/index/slider/slider_pad.gif') no-repeat 50% 100%; } */ .button_slider_content, .button_slider_content:link, .button_slider_content:visited, .button_slider_content:active, .button_slider_content:hover { color: #3b3b3b; line-height: 28px; font-weight: bold; width: 75px; text-align: center; } .button_slider .selected , .triple_button_slider .selected , .button_slider .selected:active , .triple_button_slider .selected:active , .button_slider .selected:hover , .triple_button_slider .selected:hover , .button_slider .selected:visited , .triple_button_slider .selected:visited { color: white; } /* ------ VPS main slider------*/ #slider { width : 668px; height : 34px; padding: 0; cursor: pointer; background: url('../../images/VPS/index/slider/slider_rail.jpg') no-repeat 50% 8px ; } #sliderSteps { width: 668px; margin-left: 10px; height: 30px; background: transparent; } #sliderStepsElements { width: 668px; margin : 10px 0 0 -9px; } #sliderStepsElements div { float: left; width: 41px; height: 30px; font-size: 9px; line-height: 20px; color: #333; text-align: center; margin : -8px 0 0 0; padding : 0; text-indent: 5px; background: url('../../images/VPS/index/slider/step-unselected.gif') no-repeat 90% 0%; } #sliderStepsElements div.selected { background: url('../../images/VPS/index/slider/step-selected.gif') no-repeat 90% 0%; font-weight : bold; font-size : 12px; color : white; } #slider #knob { width : 53px; height : 34px; background: url('../../images/VPS/index/slider/knob.gif') no-repeat -2px 0; } /* ------ Slider disk_space VPS ------*/ #slider_ds { width : 162px; height : 25px; padding: 0; cursor: pointer; background: url('../../images/VPS/index/slider/slider_disk_space.jpg') no-repeat 50% 50% ; } #sliderSteps_ds { width: 120px; height: 10px; background: transparent; /*margin-left: 5px;*/ } #sliderStepsElements_ds { width: 170px; margin-top : 5px; } #sliderStepsElements_ds div { float : left; width : 40px; margin : 0 30px 0 -10px; color : #999; } #sliderStepsElements_ds div:last-child { margin: 0 0 0 -10px ; } #sliderStepsElements_ds div.selected { color : #0068b1; } #knob_ds { width : 53px; height : 28px; background-color : black; padding: 0 0 0 0; color: white; text-align: center; font-weight: bold; background: url('../../images/VPS/index/slider/knob.gif') no-repeat 50% 0; cursor : pointer; } table.vpsBlueTH th { color : #0068b1; font-size: 18px; font-weight : normal; } .seller { width: 608px; background : transparent url('../../images/tel2pay/index/seller_bg.jpg') no-repeat 0 0; } .buyer { width: 317px; background : transparent url('../../images/tel2pay/index/buyer_bg.jpg') no-repeat 0 0; } .seller h1, .buyer h1 { font-size: 30px; line-height: 55px; } ul.t2p li { font-size: 14px; font-family: "Museo", "Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; color: #3c3c3c; list-style-image: url('../../images/tel2pay/index/t2pli.jpg'); } .t2p_input { width: 166px; height: 30px; line-height: 30px; text-indent: 4px; border: 0; background: transparent url('../../images/tel2pay/index/t2p_input.jpg') no-repeat 0 0 ; margin: 0 0 5px 0; } .t2p_button { width: 91px; height: 30px; line-height: 30px; text-align: center; border: 0; background: transparent url('../../images/tel2pay/index/t2p_button.jpg') no-repeat 0 0 ; margin: 0 0 5px 0; } a.create_account, a.create_account:link, a.create_account:visited, a.create_account:active, a.create_account:hover { display: block; width: 166px; height: 48px; text-decoration: none; text-align: left; background: transparent url('../../images/tel2pay/index/create_account.jpg') no-repeat 0 0; } a.create_account span { margin-left: 8px; } /* ------------------------- HOSTED EXCHANGE --------------------------------*/ .panelHostedExchange { height : 320px; background : transparent url('../../images/emails/hosted_exchange/index/panel.jpg') no-repeat 0 0; width : 967px; } .panelTel2Pay { height : 320px; background : transparent url('../../images/tel2pay/index/panel.jpg') no-repeat 0 0; width : 967px; } div.containerBtn { background-color : #f6f6f6; width : 295px; height : 71px; padding : 5px 0 0 0; } a.btn_demo, a.btn_demo:link, a.btn_demo:hover, a.btn_demo:visited, a.btn_demo:active { background : transparent url('../../images/emails/hosted_exchange/index/btn_demo.gif') 0 0; display : block; height : 51px; width : 245px; color: #e2e2e2; font-family: "Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; text-decoration : none; padding : 13px 0 0 20px; margin : 0px auto; } a.btn_demo span { color: #e2e2e2; } a.btn_demo:hover, a.btn_demo:hover span{ background-position : 0 100%; color: white; } .btn_demo_txt { display: block; line-height: 20px; text-align: center; padding: 0 20px 0 0px; } a.btn_inscription, a.btn_inscription:link, a.btn_inscription:hover, a.btn_inscription:visited, a.btn_inscription:active { background : transparent url('../../images/emails/hosted_exchange/corporate/btn_inscription.gif') 0 0; display : block; height: 38px; width : 256px; color : #4f4f4f; font-family: "Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; font-size : 18px; font-weight : bold; text-decoration : none; padding : 45px 0 0 15px; margin : 0 50px 0 0; } a.btn_inscription:hover { background-position : 0 100%; } a.hostedLink { color : #4c4c4c; font-size : 13px; font-family: "Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; font-weight : bold; } a.hostedLink:hover { color : #0068b1; font-weight : bold; text-decoration : underline; } ul.hostedList li{ list-style-image: none; list-style-type: none; list-style-position : outside; font-size: 13px; line-height : 20px; font-family: "Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; color: #4c4c4c; margin-left: -10px; margin-bottom : 15px; _margin-left: -10px; *margin-left: -10px; } ul.hostedList li img { padding-right : 10px; } ul.hostedList li.noimage { list-style-image : none; } div.pnl_topDE { height : 50px; margin : 0 auto; width : 615px; } div.pnl_topDE h1, div.pnl_topDE a, div.pnl_topDE a:active, div.pnl_topDE a:visited, div.pnl_topDE a:hover, div.pnl_topDE a:link { background: transparent url('../../images/emails/hosted_exchange/general/pnl_topDE.jpg') no-repeat 0 0; font-size : 20px; font-family: "Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; padding-top : 10px; text-align : center; line-height : 30px; text-decoration : none; display : block; font-weight : bold; height : 40px; width : 615px; color : #e2e2e2; } div.pnl_topDE a:hover { /* background-position : 0 100%;*/ color : white; } div.pnl_middleDE { border-right : 2px solid #444; border-left : 2px solid #444; margin : 0 auto; width : 590px; padding: 0 10px; } div.pnl_bottomDE { background: transparent url('../../images/emails/hosted_exchange/general/pnl_bottomDE.jpg') no-repeat 0 0; height : 38px; margin : 0 auto; width : 615px; } div.pnl_top { height : 76px; margin : 0 auto; width : 295px; } div.pnl_top_small { background: transparent url('../../images/telecom/general/pnl_top_small.jpg') no-repeat 0 0; height : 78px; margin : 0 auto; width : 230px; } div.pnl_top_small a, div.pnl_top_small a:hover, div.pnl_top_small a:active, div.pnl_top_small a:visited, div.pnl_top_small a:link { font-size : 20px; color : white; text-decoration : none; padding-top : 10px; display: block; text-align : center; line-height : 24px; } div.pnl_top h1, div.pnl_top a, div.pnl_top a:active, div.pnl_top a:visited, div.pnl_top a:hover, div.pnl_top a:link { background: transparent url('../../images/emails/hosted_exchange/general/pnl_top2.jpg') no-repeat 0 0; font-size : 20px; font-family: "Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; padding-top : 10px; text-align : center; line-height : 24px; text-decoration : none; display : block; font-weight : bold; height : 66px; width : 295px; color : #e2e2e2; } div.pnl_top a:hover { background-position : 0 100%; color : white; } div.pnl_middle_small, div.pnl_middle { border-right : 2px solid #444; border-left : 2px solid #444; margin : 0 auto; width : 271px; padding: 0 10px; } div.pnl_middle_small { width : 206px; } div.pnl_bottom { background: transparent url('../../images/emails/hosted_exchange/general/pnl_bottom2.jpg') no-repeat 0 0; height : 38px; margin : 0 auto; width : 295px; } div.pnl_bottom_small { background: transparent url('../../images/telecom/general/pnl_bottom_small.jpg') no-repeat 0 0; height : 38px; margin : 0 auto; width : 295px; } div .rounded { border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border: 1px solid #aaa; } div.simplegradient { background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */ } div.reflexion { background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,0.53) 47%, rgba(255,255,255,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(47%,rgba(246,246,246,0.53)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(246,246,246,0.53) 47%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(246,246,246,0.53) 47%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(246,246,246,0.53) 47%,rgba(255,255,255,0) 100%); /* IE10+ */ background: linear-gradient(top, rgba(237,237,237,1) 0%,rgba(246,246,246,0.53) 47%,rgba(255,255,255,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ } table.offerIndex tr td { height : 24px; font-family: "Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; font-size : 12px; font-weight : bold; } a.btn_orderHosted:hover { background-position : 0 100%; } a.more_infos { font-size: 12px; text-decoration: none; color: #0b4499; font-family: "Museo","Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; text-indent: 10px; background: url('../../images/bars/general/more_arrow.gif') no-repeat 0 0; } a.more_infos:hover { color : #0068b1; } /*---------- CONFIGURATOR ------------------------------*/ input#individualQuantity, input#corporateStandardQuantity, input#corporateBasicQuantity, input#corporateEnterpriseQuantity, .dyn_Qt { height : 31px; width : 52px; font-size : 16px; text-align : center; font-family: "Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; background : transparent url('../../images/emails/hosted_exchange/general/input_ind_Qt.gif') no-repeat 0 0; border : 0; font-weight : bold; } .dyn_Qt_mid { height : 31px; font-size : 16px; text-align : center; font-family: "Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; border : 0; font-weight : bold; background : transparent url('../../images/emails/hosted_exchange/general/input_ind_Qt_mid.gif') no-repeat 0 0; width: 42px; } .dyn_Qt_big { height : 31px; font-size : 16px; text-align : center; font-family: "Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; border : 0; font-weight : bold; background : transparent url('../../images/emails/hosted_exchange/general/input_ind_Qt_big.gif') no-repeat 0 0; width: 65px; } input#individualLess, input#corporateStandardLess, input#corporateBasicLess, input#corporateEnterpriseLess, .dynLess { background : transparent url('../../images/bars/general/moins.png') no-repeat 50% 0; height : 20px; width : 20px; border : 0; margin-right : 5px; } .dynLess { margin: 0; } .whiteConf input#individualLess, .whiteConf input#corporateStandardLess, .whiteConf input#corporateBasicLess, .whiteConf input#corporateEnterpriseLess { background : transparent url('../../images/bars/general/moinsWhite.png') no-repeat 0 0; } input#individualMore, input#corporateStandardMore, input#corporateBasicMore, input#corporateEnterpriseMore, .dynMore { background : transparent url('../../images/bars/general/plus.png') no-repeat 50% 0; height : 20px; width : 20px; border : 0; } .whiteConf input#individualMore, .whiteConf input#corporateStandardMore, .whiteConf input#corporateBasicMore, .whiteConf input#corporateEnterpriseMore { background : transparent url('../../images/bars/general/plusWhite.png') no-repeat 0 0; } div .individual_sub_top { background : transparent url(../../images/emails/hosted_exchange/individual/sub_top.jpg); height : 320px; width : 967px; margin : -10px 0 0 -4px; } div .corporate_sub_top { background : transparent url(../../images/emails/hosted_exchange/corporate/sub_top.jpg); height : 320px; width : 967px; margin : -10px 0 0 -4px; } /*****STUFF FOR PCI******/ div .light_grey_gradient { background: -moz-linear-gradient(top, #fff 50%, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f2f2f2)); } div .rounded { border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border: 1px solid #aaa; } div .inner { border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border: 1px solid #fff; } /* Features menu : menus pour les options type téléphonie, adsl.... */ .featuresMenu { } .featuresMenu h3 { padding: 5px; border: 0; border-bottom: 1px solid #ccc; cursor: pointer; text-indent: 32px; background: #f6f6f6 url(/images/bars/general/accordion.gif) no-repeat 0 0; } .featuresMenu h3:hover, .featuresMenu h3.selected { background: #f6f6f6 url(/images/bars/general/accordion.gif) no-repeat 0 100%; } .featuresSubMenu a, .featuresSubMenu a:link, .featuresSubMenu a:visited, .featuresSubMenu a:active, .featuresSubMenu a:hover { padding: 5px; color: #3c3c3c; text-decoration: none; } .featuresSubMenu a:hover, .featuresSubMenu a.selected, .featuresSubMenu a.selected:link, .featuresSubMenu a.selected:active, .featuresSubMenu a.selected:visited, .featuresSubMenu a.selected:hover { color: white; background: #0068b1; } a.create_cloud_account, a.create_cloud_account:link, a.create_cloud_account:visited, a.create_cloud_account:active, a.create_cloud_account:hover { display: block; width: 230px; height: 60px; text-decoration: none; text-align: left; background: transparent url('../../images/pci/index/pic_account.jpg') no-repeat 0 0; } a.create_cloud_account:hover { background-position: 0 100%; } a.create_cloud_account span { margin-left: 8px; } h2.pcc_main_titles { background: url('../../images/private_cloud/index/arrowed_580px_bg.jpg') no-repeat 0 0; line-height: 30px; font-size: 18px; height: 45px; padding-left: 10px; } div.pcc_box { background: url('../../images/private_cloud/index/pcc_box.jpg') no-repeat 0 0; height: 60px; width: 310px; } div.pcc_box img { margin: -4px 20px 0px 10px; } div.pcc_box span { font-size: 16px; font-family: "Museo","Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; color: #0b4499; line-height: 60px; } div.pcc_box span:hover { color: #0068b1; } div.pcc_side_titles { background: transparent url('../../images/private_cloud/index/arrowed_table_310px.jpg') no-repeat 0 0; display: block; width: 310px; } div.pcc_side_titles-content { width: 310px; background: transparent url('../../images/private_cloud/index/arrowed_table_310px.jpg') no-repeat 0 100%; } div.pcc_side_titles h2 { color: white; font-size: 16px; font-weight: bold; height: 45px; line-height: 28px; text-align: center; } li.pcc_list { list-style-type: none; list-style-image: none; margin-left: 0px; } li.pcc_list a { text-decoration: none; height: 30px; line-height: 30px; width: 100%; display: block; } li.pcc_list a:hover { background-color: #eee; } li.pcc_list div.link_content { color: black; font-size: 12px; font-weight: bold; height: 30px; line-height: 30px; text-decoration: none; float: left; text-indent: 5px; } li.pcc_list div.pcc_price { color: #3c3c3c; text-align:center; font-size: 12px; height: 30px; line-height: 30px; font-weight: bold; text-decoration: none; float: right; } ul.pcc_fancy_tour { display: inline; height: 25px line-height: 25px; margin: 15px 0px 0px 0px; } ul.pcc_fancy_tour li a, ul.pcc_fancy_tour li a:hover, ul.pcc_fancy_tour li a:active, ul.pcc_fancy_tour li a:visited, ul.pcc_fancy_tour li{ float: left; color: white; font-weight: bold; text-align:center; width: 112px; margin-left: 2px; text-decoration: none; } ul.pcc_fancy_tour li a:hover, ul.pcc_fancy_tour li a.selected { border-bottom: 1px solid white; } div .rounded { border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border: 1px solid #aaa; } div .inner { border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border: 1px solid #fff; } div.ddbox { display: block; width: 84px; height: 65px; text-align: center; background: transparent url('../../images/dedicated/dd_box.gif') no-repeat 0 0; float: left; margin: 0 10px 0 10px; } .transparency { filter: alpha(opacity=90); -webkit-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9; } .shadowed { -moz-box-shadow: 2px 2px 2px #888; -webkit-box-shadow: 2px 2px 2px #888; box-shadow: 2px 2px 2px #888; } div .rounded { border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border: 1px solid #aaa; } div .inner { border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border: 1px solid #fff; } .top_rounded { border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; border: 1px solid #aaa; } .bottom_rounded { border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; -webkit-border-radius: 0px 0px 3px 3px; border: 1px solid #aaa; } /* Foire aux questions menu : menus pour les options type téléphonie, adsl.... */ .faqMenu { } .faqMenu h4 { padding: 5px; border: 0; border-bottom: 1px solid #ccc; cursor: pointer; text-indent: 32px; background: #f6f6f6 url(/images/bars/general/accordion.gif) no-repeat 0 0; } .faqMenu h4:hover, .faqMenu h4.selected { background: #f6f6f6 url(/images/bars/general/accordion.gif) no-repeat 0 100%; } .faqSubMenu a, .faqSubMenu a:link, .faqSubMenu a:visited, .faqSubMenu a:active, .faqSubMenu a:hover { padding: 5px; color: #3c3c3c; text-decoration: none; } .faqSubMenu a:hover, .faqSubMenu a.selected, .faqSubMenu a.selected:link, .faqSubMenu a.selected:active, .faqSubMenu a.selected:visited, .faqSubMenu a.selected:hover { color: white; background: #0068b1; } /* CLOUD EXPRESS */ div.content_navigation { background: url('../../images/cdn/cloud_express/navigation/bg_navigation.jpg') no-repeat scroll 0 0; height: 220px; } ul.cloud_express_navigation { margin: 0 0 0 15%; display : block; } ul.cloud_express_navigation li { list-style-image : none; } ul.cloud_express_navigation li a{ display: block; float: left; margin-right: 100px; width: 80px; height: 80px; text-decoration: none; background-color : red; margin-top : 35px; } ul.cloud_express_navigation li.main_index a, ul.cloud_express_navigation li.main_index a:hover, ul.cloud_express_navigation li.main_index a:link, ul.cloud_express_navigation li.main_index a:visited, ul.cloud_express_navigation li.main_index a:active { background : url('../../images/cdn/cloud_express/navigation/index.jpg') no-repeat 0 0; } ul.cloud_express_navigation li.main_index a:hover, ul.cloud_express_navigation li.main_index_selected a, ul.cloud_express_navigation li.main_index_selected a:hover { background : url('../../images/cdn/cloud_express/navigation/index.jpg') no-repeat 0 100%; } ul.cloud_express_navigation li.features a, ul.cloud_express_navigation li.features a:hover, ul.cloud_express_navigation li.features a:link, ul.cloud_express_navigation li.features a:visited, ul.cloud_express_navigation li.features a:active { background : url('../../images/cdn/cloud_express/navigation/features.jpg') no-repeat 0 0; } ul.cloud_express_navigation li.features a:hover, ul.cloud_express_navigation li.features_selected a, ul.cloud_express_navigation li.features_selected a:hover { background : url('../../images/cdn/cloud_express/navigation/features.jpg') no-repeat 0 100%; } ul.cloud_express_navigation li.tech a, ul.cloud_express_navigation li.tech a:hover, ul.cloud_express_navigation li.tech a:link, ul.cloud_express_navigation li.tech a:visited, ul.cloud_express_navigation li.tech a:active { background : url('../../images/cdn/cloud_express/navigation/tech.jpg') no-repeat 0 0; } ul.cloud_express_navigation li.tech a:hover, ul.cloud_express_navigation li.tech_selected a, ul.cloud_express_navigation li.tech_selected a:hover { background : url('../../images/cdn/cloud_express/navigation/tech.jpg') no-repeat 0 100%; } ul.cloud_express_navigation li.faq a, ul.cloud_express_navigation li.faq a:hover, ul.cloud_express_navigation li.faq a:link, ul.cloud_express_navigation li.faq a:visited, ul.cloud_express_navigation li.faq a:active { background : url('../../images/cdn/cloud_express/navigation/faq.jpg') no-repeat 0 0; } ul.cloud_express_navigation li.faq a:hover, ul.cloud_express_navigation li.faq_selected a, ul.cloud_express_navigation li.faq_selected a:hover { background : url('../../images/cdn/cloud_express/navigation/faq.jpg') no-repeat 0 100%; } ul.cloud_express_navigation li a span { display: block; text-align : center; font-weight : bold; margin-top : 85px; color : #4f4f4f; } ul.cloud_express_navigation li.main_index a:hover span, ul.cloud_express_navigation li.features a:hover span, ul.cloud_express_navigation li.tech a:hover span, ul.cloud_express_navigation li.faq a:hover span, ul.cloud_express_navigation li.main_index_selected a span, ul.cloud_express_navigation li.features_selected a span, ul.cloud_express_navigation li.tech_selected a span, ul.cloud_express_navigation li.faq_selected a span { color : #0068b1; } /* ############################ * * * grey_pad sur Backstage * * * ############################ */ div.grey_pad { width: 100%; display: block; padding: 0 ; background: transparent url(./main/grey_pad.jpg) no-repeat 0 0 ; } div.grey_pad h1{ display: block; padding: 0 5% 0 0; margin: 0 0 0 5%; background: transparent url(./main/grey_pad.jpg) no-repeat 100% 0 ; text-decoration: none; height: 42px; line-height: 42px; width: 90%; } div.grey_pad div.top { display: block; padding: 0 5% 0 0; margin: 0 0 0 5%; background: transparent url(./main/grey_pad.jpg) no-repeat 100% 0 ; text-decoration: none; height: 5px; line-height: 5px; width: 90%; } div.grey_pad h1 a, div.grey_pad h1 a:link, div.grey_pad h1 a:active, div.grey_pad h1 a:visited { font-size: 22px; line-height: 50px; text-decoration: none; color: #fff; } div.grey_pad div.content { background: transparent url(./main/grey_pad.jpg) no-repeat 0 100% ; padding: 0 0 0 5px ; } div.grey_pad div.content div.content { background: transparent url(./main/grey_pad.jpg) no-repeat 100% 100% ; padding: 0 5px 0 0 ; } div.grey_pad div.content div.content h1{ padding: 0; margin: 0; background: transparent ; text-decoration: none; height: 42px; line-height: 42px; width: 90%; } /* ############################ * * * new nas homepage * * * ############################ */ /* new for VPS 2013 */ .news_pad { width: 950px; margin: 0 0 0 5px; background: transparent url('../../images/news_pad/np_top_bg.jpg') no-repeat 0 0; } .news_pad .news_pad_content_bg { background: transparent url('../../images/news_pad/np_bg.jpg') repeat-y 0 0; } .news_pad .news_pad_content_footer { height: 17px; background: transparent url('../../images/news_pad/np_bottom_bg.jpg') no-repeat center bottom ; } .news_pad .menu { margin:0 auto; padding: 0; height: 35px; width: 96%; display: block; padding-top: 15px; } .news_pad .menu li { padding: 0; margin: 0; list-style: none; display: inline; } .news_pad .menu li a, .news_pad .menu li a:link, .news_pad .menu li a:visited, .news_pad .menu li a:active { float: left; padding-left: 10px; display: block; text-decoration: none; outline: none; font-family: "Museo","Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; font-size: 14px; cursor: pointer; background: transparent url('../../images/news_pad/np_unselected_tab.jpg') no-repeat left bottom; } .news_pad .menu li a span, .news_pad .menu li a:link span, .news_pad .menu li a:visited span, .news_pad .menu li a:active span { height: 35px; line-height: 35px; float: left; display: block; padding-right: 10px; background: transparent url('../../images/news_pad/np_unselected_tab.jpg') no-repeat right bottom; font-family: "Museo","Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; font-size: 14px; } .news_pad .menu li a:hover { background: transparent url('../../images/news_pad/np_selected_tab.jpg') no-repeat left bottom; } .news_pad .menu li a:hover span { background: transparent url('../../images/news_pad/np_selected_tab.jpg') no-repeat right bottom; } .news_pad .menu li a.selected, .news_pad .menu li a.selected:link, .news_pad .menu li a.selected:visited, .news_pad .menu li a.selected:active, .news_pad .menu li a.selected:hover { line-height:35px; font-family: "Museo","Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; font-size: 14px; background: transparent url('../../images/news_pad/np_selected_tab.jpg') no-repeat left top; } .news_pad .menu li a.selected span, .news_pad .menu li a.selected:link span, .news_pad .menu li a.selected:visited span, .news_pad .menu li a.selected:active span, .news_pad .menu li a.selected:hover span { line-height:35px; background: transparent url('../../images/news_pad/np_selected_tab.jpg') no-repeat right top; } .np_content_main { background: white; width: 910px; margin: 0 0 0 21px; } .np_content_main .separator { border-right: 2px solid #606060; } .np_content_main h2 { font-size: 16px; } .np_content_main small { color: #999; font-size: 10px; line-height: 12px; } .np_content_main a.readIt { background: transparent !important; background-image: none !important; } /* NEW VPS */ div.cabin *, div.leftMenu * { font-family: 'Cabin','Trebuchet MS',"Gill Sans",sans-serif } div.displayed_content h2, div.displayed_content table tr td h2 { font-size: 18px; line-height: 22px; color: #0068b1; } div.displayed_content table tr td a span { color: #0068B1; } div.displayed_content p, div.displayed_content table tr td span { color: #333; font-size: 14px; line-height: 20px; } div.displayed_content.soon table tr td h2, div.displayed_content.soon table tr td span, div.displayed_content.soon table tr td a, div.displayed_content.soon table tr td a span { color: #797979; } div.soon-alert { width: 80%; margin: 0 auto 0 auto; padding: 8px 35px 8px 14px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #B94A48; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #F2DEDE; font-size: 13px; line-height: 22px; border: solid 1px #EED3D7; } div.soon-alert strong { font-weight: bold; font-size: 13px; color: #B94A48; display: block; } div.leftMenu { background: #E6E6E6 url('../../images/vps/left_menu_shadow.jpg') no-repeat 0 0; width: 185px; margin-left: 8px; } div.leftMenu h3, div.leftMenu span { font-size: 18px; font-weight: normal; color: #0A3947; margin-left: 10px; } div.leftMenu a { font-size: 14px; line-height: 30px; color: #494949; padding-left: 10px; display: block; text-decoration: none; } div.leftMenu a:hover, div.leftMenu a.selected { background-color: #F8F8F8; color: #0068B1; } div.advantages hr, div.leftMenu hr { width: 80%; margin: 0 auto; border-top: solid 1px #777777; border-bottom: solid 1px #FFFFFF; } h2.gradient_bar, h3.gradient_bar, h4.gradient_bar{ background: transparent url('../../images/vps/gradient_bar.png') repeat-x 0 0; padding-left: 6px; line-height: 45px; font-weight: bold; color: #0A3947; } table.offers thead tr td { color: #9A9A9A; padding-top: 15px; padding-bottom: 5px; line-height: 28px; text-align: left; font-size: 14px; font-weight: bold; border: none; } table.offers tr th { width: 140px; padding: 5px 0 5px 5px; font-size: 14px; line-height: 16px; color: #9A9A9A; font-weight: normal; } table.offers tr td { width: 200px; text-align: center; vertical-align: middle; font-size: 14px; line-height: 20px; color: #0B2326; padding: 5px 0 5px 0; } table.offers tr td, table.offers tr th { border-top: solid 1px #D9D9D9; } table.offers tr td div, table.offers tr th div { font-size: 14px; color: #0B2326; } table.offers tr td.last, table.offers tr th.last { border-bottom: solid 1px #D9D9D9; } table.offers tr td.light, table.offers tr th.light { background-color: #F2F2F2; } table.offers tr td.dark, table.offers tr th.dark { background-color: #F8F8F8; } table.offers tr td h2 { font-size: 20px; line-height: 34px; font-weight: bold; color: #0B2326; font-family: 'Arial'; } table.offers tr td span.desc { color: #0A3947; line-height: 17px; } table.offers tr td.pointer { cursor: pointer; } table.offers tr td:hover h2, table.offers tr td:hover span.desc { color: #0068B1; } table.displayed_offers thead tr td, table.displayed_offers thead tr td span { text-align: center; font-size: 12px; color: #BABABA; line-height: 16px; } table.displayed_offers tr td { border-top: solid 1px #D9D9D9; text-align: center; padding: 0; } table.displayed_offers tr.blight td { background-color: #F8F8F8; } table.displayed_offers tr.bdark td { background-color: #F2F2F2; } table.displayed_offers tr td.wlight, table.displayed_offers tr td.wdark { font-size: 11px; } table.displayed_offers tr td.wlight, table.displayed_offers tr td.wlight span { color: #9A9A9A; } table.displayed_offers tr td.wdark, table.displayed_offers tr td.wdark span { color: #333333; } div.advantages { width: 55%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 18px auto 0 auto; padding: 8px 20px 8px 20px; background-color: #F5F5F5; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.34) inset; box-shadow: 0 1px 3px rgba(0,0,0,0.34) inset; } div.advantages h3, div.advantages span{ font-size: 14px; line-height: 34px; color: #333; } div.displayed_content ul { margin-left: 30px; } ul.square li, div.displayed_content ul li, div.advantages ul li { font-size: 14px; line-height: 22px; margin: 0; list-style-image: none; list-style-type: square; } div.advantages ul li { padding: 0 0 5px 30px; list-style-type: none; background: transparent url('../../images/vps/check-list.png') no-repeat 8px 0; } div.nas_offers h5 { background: white; padding-left: 5px; padding-right: 5px; text-align: center; } /******* SEARCH ENGINE *********/ div.search { background : transparent url('../../images/search/search_bg.jpg') no-repeat 0 0; width : 950px; height : 101px; margin : 0 0 0 5px; } div.simplegradient { background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */ } h2.pcc_main_titles { background: url('../../images/private_cloud/index/arrowed_580px_bg.jpg') no-repeat 0 0; line-height: 30px; font-size: 18px; height: 45px; padding-left: 10px; } div.pcc_box { background: url('../../images/private_cloud/index/pcc_box.jpg') no-repeat 0 0; height: 60px; width: 310px; } div.pcc_box img { margin: -4px 10px 0px 10px; } div.pcc_box span { font-size: 15px; font-family: "Museo","Trebuchet MS","Gill Sans","bitstream Charter","Liberation Sans","FreeSans",sans-serif; color: #0b4499; line-height: 60px; } div.pcc_box span:hover { color: #0068b1; } div.pcc_side_titles { background: transparent url('../../images/private_cloud/index/arrowed_table_310px.jpg') no-repeat 0 0; display: block; width: 310px; } div.pcc_side_titles-content { width: 310px; background: transparent url('../../images/private_cloud/index/arrowed_table_310px.jpg') no-repeat 0 100%; } div.pcc_side_titles h2 { color: white; font-size: 16px; font-weight: bold; height: 45px; line-height: 28px; text-align: center; } li.pcc_list { list-style-type: none; list-style-image: none; margin-left: 0px; } li.pcc_list a { text-decoration: none; height: 30px; line-height: 30px; width: 100%; display: block; } li.pcc_list a:hover { background-color: #eee; } li.pcc_list div.link_content { color: black; font-size: 12px; font-weight: bold; height: 30px; line-height: 30px; text-decoration: none; float: left; text-indent: 5px; } li.pcc_list div.pcc_price { color: #3c3c3c; text-align:center; font-size: 12px; height: 30px; line-height: 30px; font-weight: bold; text-decoration: none; float: right; } ul.pcc_fancy_tour { display: inline; height: 25px line-height: 25px; margin: 15px 0px 0px 0px; } ul.pcc_fancy_tour li a, ul.pcc_fancy_tour li a:hover, ul.pcc_fancy_tour li a:active, ul.pcc_fancy_tour li a:visited, ul.pcc_fancy_tour li{ float: left; color: white; font-weight: bold; text-align:center; width: 112px; margin-left: 2px; text-decoration: none; } ul.pcc_fancy_tour li a:hover, ul.pcc_fancy_tour li a.selected { border-bottom: 1px solid white; } div.reflexion { background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,0.53) 47%, rgba(255,255,255,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(47%,rgba(246,246,246,0.53)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(246,246,246,0.53) 47%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(246,246,246,0.53) 47%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(246,246,246,0.53) 47%,rgba(255,255,255,0) 100%); /* IE10+ */ background: linear-gradient(top, rgba(237,237,237,1) 0%,rgba(246,246,246,0.53) 47%,rgba(255,255,255,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ } a.create_cloud_account, a.create_cloud_account:link, a.create_cloud_account:visited, a.create_cloud_account:active, a.create_cloud_account:hover { display: block; width: 230px; height: 60px; text-decoration: none; text-align: left; background: transparent url('../../images/pci/index/pic_account.jpg') no-repeat 0 0; } a.create_cloud_account:hover { background-position: 0 100%; } a.create_cloud_account span { margin-left: 8px; } div .rounded { border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border: 1px solid #aaa; } div .inner { border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border: 1px solid #fff; } div.ddbox { display: block; width: 84px; height: 65px; text-align: center; background: transparent url('../../images/dedicated/dd_box.gif') no-repeat 0 0; float: left; margin: 0 10px 0 10px; } .transparency { filter: alpha(opacity=90); -webkit-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9; } .shadowed { -moz-box-shadow: 2px 2px 2px #888; -webkit-box-shadow: 2px 2px 2px #888; box-shadow: 2px 2px 2px #888; } .top_rounded { border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; border: 1px solid #aaa; } .bottom_rounded { border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; -webkit-border-radius: 0px 0px 3px 3px; border: 1px solid #aaa; } /* WEB PAGE */ .web-box { margin-bottom: 5px; width: 100%; background-color: #FAFAFA; /*padding: 5px;*/ -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; background-size: 100%; border: solid 1px #EAEAEA; } .web-box a { font-size: 12px; } .web-box.vps { background: #FAFAFA url('../../images/web/visus/img-vps.png') no-repeat bottom left; } .web-box.email { background: #FAFAFA url('../../images/web/visus/img-exchange.png') no-repeat bottom left; } .web-box.domains { background: #FAFAFA url('../../images/web/visus/img-domaine.png') no-repeat bottom left; } .web-box ul { margin: 12px 0 10px 20px; } .web-box:hover { border-color: #D8D8D8; background-color: #F5F5F5; /*-webkit-box-shadow: 0 0 2px 1px #D6D6D6; -moz-box-shadow: 0 0 2px 1px #D6D6D6; box-shadow: 0 0 2px 1px #D6D6D6;*/ } .web-box h2 { font-weight: 400; font-size: 16px; line-height: 30px; color: #FFF; background-color: #59AA99; text-align: center; } .web-box.mutu { background: #36A2C3; } .web-box.mutu:hover { -webkit-box-shadow: inset 0px 0px 60px 2px rgba(34, 114, 142, 0.75); -moz-box-shadow: inset 0px 0px 60px 2px rgba(34, 114, 142, 0.75); box-shadow: inset 0px 0px 60px 2px rgba(34, 114, 142, 0.75); } a.renew.web, a.buy.web { display: block; height: 38px; margin: 0; line-height: 38px; font-size: 15px; text-align: center; padding: 0px 15px; float: none; background: #59AA99; color: white; text-decoration: none; font-weight: 600; border-radius: 3px; border: 1px solid #59AA99; } a.renew.web:hover, a.buy.web:hover { background: #79BEB0; } .arrow-blue { background: url('../../images/web/arrow-blue.png') no-repeat 0 0; display: inline-block; width: 13px; height: 13px; vertical-align: middle; line-height: inherit; padding: 2px 5px 2px 0; } @media screen and (max-width: 681px) { .web-box { background-image: none !important; } }