/* CSS Document */ /*************************** Info Navigation ***************************/ table#infoNav {width: 959px; height: 160px;} form#formRecherche {font: normal 11px Arial; background-color: #009ee1; color: #fff; width: 487px; height: 30px;} form#formRecherche .input {border: solid 1px #707070; background-color: #fff; color: #707070; width: 270px;} td#blocInfo {color: #898989; text-align: center; width: 487px; height: 102px;} td#blocInfo h2 {font: bold 18px Arial; text-align: justify; padding: 2px 0px;} td#blocInfo p {font: normal 11px Arial; color: #898989; text-align: justify; padding:2px 0px 0px;} td#blocInfo a, td#blocInfo a:hover {color: #009ee1;} td#titrePage {background: transparent url(../images/common/background-titre.png) repeat-x; width: 487px; height: 28px;} div#titrePage {height: 28px; background-color: #fff; display: inline;} div#titrePage h2 {font: bold 18px Arial; color: #000; text-align: center; background-color: #fff; display: inline; padding: 0px 15px;} /*************************** blocs navigation ***************************/ td#navAccueil {background: url(../images/bloc-navigation/accueil.png) no-repeat top; width: 216px; height: 160px; text-align: center;} td#navDesign {background: url(../images/bloc-navigation/creation-graphique.png) no-repeat top; width: 216px; height: 160px; text-align: center;} td#navDeveloppement {background: url(../images/bloc-navigation/developpement.png) no-repeat top; width: 216px; height: 160px; text-align: center;} td#navHebergement {background: url(../images/bloc-navigation/hebergement.png) no-repeat top; width: 216px; height: 160px; text-align: center;} td#navRentabiliser {background: url(../images/bloc-navigation/rentabiliser.png) no-repeat top; width: 216px; height: 160px; text-align: center;} td#navNdd {background: url(../images/bloc-navigation/ndd.png) no-repeat top; width: 216px; height: 160px; text-align: center;} td#navCaddie {background: url(../images/bloc-navigation/caddie.png) no-repeat top; width: 216px; height: 160px; text-align: center;} td#navCommunication {background: url(../images/bloc-navigation/communication.png) no-repeat top; width: 216px; height: 160px; text-align: center;} td#navCompte {background: url(../images/bloc-navigation/compte.png) no-repeat top; width: 216px; height: 160px; text-align: center;} td#navContact {background: url(../images/bloc-navigation/contact.png) no-repeat top; width: 216px; height: 160px; text-align: center;} td#navFaq {background: url(../images/bloc-navigation/faq.png) no-repeat top; width: 216px; height: 160px; text-align: center;} td#navLegal {background: url(../images/bloc-navigation/legal.png) no-repeat top; width: 216px; height: 160px; text-align: center;} td#navReseller {background: url(../images/bloc-navigation/reseller.png) no-repeat top; width: 216px; height: 160px; text-align: center;} td#navScripts {background: url(../images/bloc-navigation/scripts.png) no-repeat top; width: 216px; height: 160px; text-align: center;} p#navLigne1 {margin: 0px; padding: 102px 5px 2px 5px; font: normal 11px Arial;} p#navLigne2 {margin: 0px; padding: 2px 5px 0px 5px; font: bold 15px Arial;} /*************************** colonne gauche ***************************/ td#colGauche {width: 216px;} div#menuGauche {font: bold 11px Arial; color: #000; text-align: left;} div#menuGauche ul {list-style-type: none;} div#menuGauche li {background: url(../images/menu-gauche/menu.png) no-repeat top; width: 216px; height: 20px; padding-top: 3px; text-indent: 25px;} div#menuGauche li.selected {background: url(../images/menu-gauche/menu-selected.png) no-repeat top; width: 216px; height: 21px; padding-top: 4px; text-indent: 25px; color: #fff;} div#menuGauche li.selected a {color: #fff;} div#menuGauche a {color: #000; text-decoration: none;} div#menuGauche a:hover {color: #009ee1; text-decoration: none;} /*************************** bloc panel d'admin ***************************/ div#panelAdmin {font-size: 11px; border: solid 1px #aaaaaa; color: #434343; background-color: #e5e5e5; width: 202px; padding: 6px;} div#panelAdmin h3 {background: transparent url(../images/common/fleche-noire.png) no-repeat left; font: bold 12px Arial; color: #009ee1; text-align: left; padding-left: 10px;} form#formPanel {margin: 5px 0px 0px 0px;} form#formPanel .input {border: solid 1px #000; width: 110px;} form#formPanel .formTexte {width: 88px; text-align: left; margin-top: 3px; float: left;} form#formPanel .formInput {margin: 0px 0px 4px 0px; float: left;} form#formPanel .formForget {width: 180px; text-align: left; margin-top: 2px; float: left;} form#formPanel .formForget a, form#formPanel .formForget a:hover {color: #434343;} form#formPanel .formValidate {width: 20px; margin-top: 2px; float: left;} /*************************** bloc newsletter ***************************/ div#newsletter {font-size: 11px; border: solid 1px #aaaaaa; color: #434343; background-color: #e5e5e5; width: 202px; padding: 6px;} div#newsletter h3 {background: transparent url(../images/common/fleche-noire.png) no-repeat left top; font: bold 12px Arial; color: #009ee1; text-align: left; padding-left: 10px;} form#newsletter {margin: 5px 0px 0px 0px;} form#newsletter .input {border: solid 1px #000; width: 110px;} form#newsletter .checked {width: 15px; margin:0px; padding: 0px;} form#newsletter .formTexte {width: 88px; text-align: left; margin-top: 3px; float: left;} form#newsletter .formInput {margin: 0px 0px 4px 0px; float: left;} form#newsletter p {font-size: 10px; text-align: justify; margin: 0px 2px 0px 0px;} form#newsletter p a {color: #434343; text-decoration: none;} form#newsletter p a:hover {color: #009ee1; text-decoration: none;} form#newsletter .formLoginNews {width: 180px; text-align: left; margin-top: 4px; float: left;} form#newsletter .formLoginNews a, form#formPanel .formFLoginNews a:hover {color: #434343;} form#newsletter .formValidate {width: 20px; margin-top: 2px; float: left;} /*************************** home page hosting ***************************/ td#colCentrale div#blocHost {width: 487px; height: 442px;} td#colCentrale div#blocHost h3 {font: bold 13px Arial; color: #000; text-align: center; padding-top: 2px;} td#colCentrale div#blocHost p {font: normal 11px Arial; color: #626262; text-align: justify; line-height: 11.5px; height: 64px; padding-top: 8px;} td#colCentrale div#blocHost a, td#colCentrale div#blocHost a:visited {text-decoration: none; color: #626262;} td#colCentrale div#blocHost a:hover {text-decoration: none; color: #009ee1;} td#colCentrale div#blocHost bt-voir {padding-left: 150px;} td#colCentrale div#blocHost .separe {width: 29px; float: left;} td#colCentrale div#blocHost div#blocHostWeb {width: 229px; height: 216px; float: left;} td#colCentrale div#blocHost div#blocHostWeb h3 {background: transparent url(../images/hebergement/hebergement-web.jpg) no-repeat left top; height: 18px;} td#colCentrale div#blocHost div#blocHostMail {width: 229px; height: 216px; float: left;} td#colCentrale div#blocHost div#blocHostMail h3 {background: transparent url(../images/hebergement/hebergement-mail.jpg) no-repeat left top; height: 18px;} td#colCentrale div#blocHost div#blocHostCustom {width: 229px; height: 216px; float: left;} td#colCentrale div#blocHost div#blocHostCustom h3 {background: transparent url(../images/hebergement/hebergement-sur-mesure.jpg) no-repeat left top; height: 18px;} td#colCentrale div#blocHost div#blocHostDedie {width: 229px; height: 216px; float: left;} td#colCentrale div#blocHost div#blocHostDedie h3 {background: transparent url(../images/hebergement/hebergement-dedie.jpg) no-repeat left top;} td#colCentrale div#blocHostAutres {font: bold 12px Arial; background-color: #009ee1; width: 467px; height: 128px; padding: 10px;} td#colCentrale div#blocHostAutres .autres {background: transparent url(../images/hebergement/hebergement-autres.jpg) no-repeat left top; width: 216px; height: 20px; text-indent: 30px; margin-bottom: 10px; padding-top: 2px; float: left;} td#colCentrale div#blocHostAutres .autres a {color: #000; text-decoration: none;} td#colCentrale div#blocHostAutres .autres a:hover {color: #009ee1; text-decoration: none;} td#colCentrale div#blocHostAutres h3 {font: bold 20px Arial; color: #fff; width: 400px; height: 20px; margin-bottom: 10px; padding-bottom: 2px; float: left;} td#colCentrale div#blocHostAutres .separe {width: 35px; float: left;} td#colCentrale div#blocHostOptions {background-color: #009ee1; width: 467px; min-height: 128px; padding: 10px 10px 0px 10px;} td#colCentrale div#blocHostOptions h3 {font: normal 20px Arial; color: #fff; text-transform: uppercase; text-align: center; width: 467px; padding-top: 5px; padding-bottom: 10px;} td#colCentrale div#blocHostOptions div.options {font: bold 11px Arial; text-align: justify; color: white; border: 1px solid white; padding: 6px;} td#colCentrale div#blocHostOptions .bt-options {background: transparent url(../images/hebergement/hebergement-autres.jpg) no-repeat right top; width: 216px; height: 18px; text-indent: 30px; padding-top: 4px; margin: 10px auto 0px;} td#colCentrale div#blocHostOptions .bt-options a {font-weight: bold; color: #000; text-decoration: none;} td#colCentrale div#blocHostOptions .bt-options a:hover {color: #009ee1; text-decoration: none;} td#colCentrale div#blocHostOptions .separe {font-size: 7px; height: 9px; border-bottom: #fff 1px solid; max-width: 466px;} /*************************** home page infrastructure ***************************/ td#colCentrale div#blocInfrastructure {width: 487px;} td#colCentrale div#blocInfrastructure h3 {font: bold 13px Arial; color: #000; text-align: center; padding-top: 2px; height: 115px;} td#colCentrale div#blocInfrastructure p {font: normal 11px Arial; color: #626262; text-align: justify; height: 66px;} td#colCentrale div#blocInfrastructure img {margin-left: 150px;} td#colCentrale div#blocInfrastructure .separe {width: 29px; float: left;} td#colCentrale div#blocInfrastructure div#blocInfra {background: transparent url(../images/infrastructure/infrastructure.jpg) no-repeat left top; width: 487px; height: 200px; float: left;} td#colCentrale div#blocInfrastructure div#blocInfra img {margin-left: 409px;} td#colCentrale div#blocInfrastructure div#blocInfra p { height: 40px;} td#colCentrale div#blocInfrastructure div#blocConnectivite {background: transparent url(../images/infrastructure/connectivite.jpg) no-repeat left top; width: 229px; height: 216px; float: left;} td#colCentrale div#blocInfrastructure div#blocEnergie {background: transparent url(../images/infrastructure/energie.jpg) no-repeat left top; width: 229px; height: 216px; float: left;} td#colCentrale div#blocInfrastructure div#blocEquipement {background: transparent url(../images/infrastructure/equipement.jpg) no-repeat left top; width: 229px; height: 216px; float: left;} td#colCentrale div#blocInfrastructure div#blocSecurite {background: transparent url(../images/infrastructure/securite.jpg) no-repeat left top; width: 229px; height: 216px; float: left;} /*************************** FAQ ***************************/ div.faq {font: normal 11px Arial; margin:0px 0px 0px 5px;} div.faq a {color:black; text-decoration:underline;} div.faq a:hover {color:#009EE1; text-decoration:underline;} div.faq a:visited {color:#009EE1; text-decoration:underline;} div.faq h2 {font: bold 18px Arial; color:black;} div.faq span.puceQuestion {font: normal 14px Arial; color:white; background-color:#009EE1; padding:4px 4px 0 7px; width: 13px; height: 20px; float: left;} div.faq span.titleQuestion {font: bold 12px Arial; color:#fff; background: #009EE1; width: 680px; height: 14px; margin-left: 30px; padding: 6px 4px 4px 7px; display: block;} div.faq span.title {font: bold 12px Arial; color:#009EE1;} div.faq span.puce {font: normal 14px Arial; color:white; background-color:#009EE1; padding:0px 3px;} div.faq ul { padding-left: 0px; margin-left: 5px; list-style: none;} div.faq dl, div.faq ul {margin-bottom:20px;} div.faq dl dt {margin-top:10px;} div.faq ul li {margin-top:5px;} div.faq dl dt a, div.faq ul li a {color:#707070; text-decoration:underline;} div.faq dl dt a:visited, div.faq ul li a:visited {color:#707070; text-decoration:underline;} div.faq dl dt a:hover, div.faq ul li a:hover {color:#009EE1;} div.faq dd {margin: 5px 0px 20px 0px; border: 1px solid #009EE1; color:black;padding:10px;} /*************************** LIGHTBOX ***************************/ #jquery-overlay {position: absolute;top: 0; left: 0;z-index: 90;width: 100%;height: 500px;} #jquery-lightbox {position: absolute;top: 0; left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;} #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;} #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;} #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%;z-index: 10;} #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;} #lightbox-nav-btnPrev { left: 0; float: left;} #lightbox-nav-btnNext { right: 0; float: right;} #lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0;} #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; } /*************************** TOOLTIP ***************************/ span.helpLink { } span.helpLink:hover {cursor:help; } #tooltip h3 {font-weight: bold;font-size: 12px;margin: 0;color: #009EE1;padding: 8px 8px 4px;background: white;padding:0px;} #tooltip { position: absolute; z-index: 3000; width:300px;font-size: 11px;padding: 4px 8px 8px;background: white;border:1px solid #009EE1; opacity: 0.85; } #tooltip h3, #tooltip div { margin: 0; } /*************************** Partie commande ***************************/ div.payment_step {background: transparent url(../images/commande/etape.png) no-repeat;float:left;width:145px;height:22px;line-height:22px;} div.payment_step span.number {color:white;font-weight:bold;font-size:14px;float:left;text-align:center;width:20px;} div.payment_step span.label {color:black;font-size:12px;float:left;text-align:center;width:125px;} div.payment_step_select {background: transparent url(../images/commande/etape_select.png) no-repeat;float:left;width:145px;height:22px;line-height:22px;} div.payment_step_select span.number {color:white;font-weight:bold;font-size:14px;float:left;text-align:center;width:20px;} div.payment_step_select span.label {color:white;font-weight:bold;font-size:14px;float:left;text-align:center;width:125px;} table.commande {width:674px;font-size:11px;} table.commande thead.header {background: transparent url(../images/commande/content_top.gif) no-repeat;height:27px;} table.commande tbody.body {background: transparent url(../images/commande/content_body.gif) repeat-y;height:27px;} table.commande tbody.body td.container {padding: 0px 35px;} table.commande tbody.body td.container div.coleft {float:left;width:300px;} table.commande tbody.body td.container div.coright {float:left;width:300px;} table.commande tfoot.footer {background: transparent url(../images/commande/content_footer.gif) no-repeat;height:27px;} table.commande tbody td.title {font: bold 14px Arial;color:#009ee1;} table.payment_selection thead.blackHeader {font-size:16px;background-color:black;color:white;} table.payment_selection thead.blackHeader th {font-weight:normal;line-height:30px;text-align:center;} table.payment_selection tbody td.gradiant {background: transparent url(../images/commande/content_gradiant.gif) repeat-x;height:47px;} table.payment_selection tbody td.gradiant div.type_payment {margin-left:15px;margin-top:5px;margin-bottom:10px;font-size:14px;font-weight:bold;color:black;} table.payment_selection tbody td.gradiant div.desc_payment {margin-left:25px;font-size:12px;color:#009ee1;} table.payment_selection tbody td.gradiant div.desc_payment label {color:#009ee1;} table.commande a {color:#009ee1;} table.commande a:visited {color:#009ee1;} table.commande a:hover{text-decoration:none;} table.commande label {color:#666;} table.commande label span {color:#009EE1;margin-right:10px;} table.commande .input {background-color:#f4f4f4;border:1px solid #BCBCBC;width:140px;} table.cart {width: 560px;} table.cart td.element-title {font: bold 14px Arial;color:#009ee1;} table.cart td.element-price {} table.cart td.subpart-name {color:black;font-weight:bold;} table.cart td.subpart-price {color:#009ee1;font-weight:bold;} table.cart td.subpart-price span.promotion-new {} table.cart td.subpart-price span.promotion-old {text-decoration:line-through;color:gray;} table.cart td.subpart-price span.promotion-reduc {color:red;} table.cart td.subpart-desc {color:gray;font-size:12px;} table.cart td.subpart-desc ul {margin:0px;padding-left:30px;} table.cart td.subpart-mensualite {color:red;text-align:center;font-size:12px;padding-top:10px;} table.cart td.subpart-promo {color:#555;font-size:12px;} table.cart td.element-sep {border-top: 1px solid #009ee1;} table.cart td.total-container {border: 1px solid #009EE1;} table.cart td.total-container table {margin-top:20px;margin-bottom:20px;width:500px;} table.cart td.total-container table td.subpart-price {font-size:14px;color:#009ee1;font-weight:bold;} table.cart td.total-container table td.subpart-name {font-size:14px;color:black;font-weight:bold;} table.cart div.total {background: transparent url(../images/commande/info_barre.png) repeat-y;height:22px;width:558px;line-height:22px;} table.cart div.total div.right {color:white;font-size:16px;font-weight:bold;float:left;width:120px;text-align:center;} table.cart div.total div.left {color:white;font-size:16px;font-weight:bold;float:left;width:400px;text-align:left;padding-left:20px;} table.authentification {width:350px;border: 1px solid #009EE1;} table.authentification thead th {font-size:14px;text-align:center;line-height:25px;} table.authentification thead th.blackHeader {background-color:black;color:white;} table.authentification thead th.blueHeader {background-color:#009EE1;color:white;} table.authentification tbody td {padding:5px;color:gray;} table.authentification tbody td div.forgot {float:left;width:210px;} table.authentification tbody td div.submit {padding-right:25px;float:right;} table.authentification input.input {background-color:#f4f4f4;border:1px solid #BCBCBC;width:200px;} table.authentification a {color:#009ee1;} table.authentification a:visited {color:#009ee1;} table.authentification a:hover{text-decoration:none;} div.auth-cleaner {clear:both;height:5px;} div.auth-container {text-align:center;margin:0px auto 0px auto;display:table;} div.auth-etape {background-color:#888;color:white;float:left;min-width:75px;line-height:25px;padding:0px 10px;margin:0px 2px;} div.auth-etape_select {background-color:#009ee1;color:white;float:left;min-width:75px;border-bottom: 1px solid black;border-right:1px solid black;line-height:25px;padding:0px 10px;margin:0px 2px;} /*************************** Partie erreur & success ***************************/ table.pageErreur { width:724px;padding:30px;border:1px solid #0091EE; } table.pageErreur h2 {font-weight:bold;font-size:24px;margin-bottom:15px;} table.pageErreur p {margin: 10px 0px;} table.pageErreur ul {margin-left:30px;} table.pageErreur a, table.pageErreur a:visited, table.pageErreur a:hover {color:#0091EE;} div.succesSimple {border:1px solid green;padding:10px;text-align:center;background-color:#CFC;color:green;} div.succesSimple h3 {font-weight:bold;} .erreur {color:red;} div.erreurSimple {border:1px solid red;padding:10px;text-align:center;background-color:#FCC;color:red;} div.erreurSimple h3 {font-weight:bold;} div.erreurMultiple {border:1px solid red;padding:10px;text-align:left;background-color:#FCC;color:red;} div.erreurMultiple h3 {font-weight:bold;padding-left:30px;} div.erreurMultiple ul {padding-left:60px;margin-top:10px;} /*************************** page contact ***************************/ td#colContact {width: 723px;} td#colContact .cadre723px {border: solid 1px #009ee1; width: 701px; margin-left: 20px; padding: 10px 10px 0px 10px;} td#colContact .form723px {width: 723px; margin-left: 20px; margin-top: 10px;} td#colContact div#adresse {width: 340px; float: left;} td#colContact div#adresse p {margin-top: 8px; padding-left: 30px;} td#colContact div#telephone {width: 340px; margin-left: 21px; float: left;} td#colContact div#telephone p {margin-top: 8px; padding-left: 30px;} td#colContact .spacerContact {clear: both; height: 10px;} td#colContact .titreCoordonnees {font: bold 17px Arial; color: #009ee1; padding-left: 30px;} td#colContact .spacerFormContact {width: 41px;} td#colContact td#formGaucheTitre {font: bold 13px Arial; text-align: center; background-color: #009ee1; color: #fff; width: 250px; height: 22px; padding-top: 2px;} td#colContact td#formDroitTitre {font: bold 13px Arial; text-align: center; background-color: #707070; color: #fff; width: 450px; height: 22px; padding-top: 2px;} td#colContact td#formGauche {width: 250px;} td#colContact td#formGauche .col1 {color: #626262; text-align: left; width: 80px; height: 20px;} td#colContact td#formGauche .col2 {color: #626262; text-align: left; width: 170px; height: 20px;} td#colContact td#formGauche input {border: solid 1px #707070; width: 170px; height: 13px; margin: 8px 0px;} td#colContact td#formGauche select {border: solid 1px #707070; width: 170px; height: 18px; margin: 8px 0px;} td#colContact td#formDroit {width: 450px;} td#colContact td#formDroit .col1 {color: #626262; text-align: left; width: 80px; height: 20px;} td#colContact td#formDroit .col2 {color: #626262; text-align: left; width: 370px; height: 20px;} td#colContact td#formDroit input {border: solid 1px #707070; height: 13px; margin: 8px 0px;} td#colContact td#formDroit select {border: solid 1px #707070; width: 370px; height: 18px; margin: 8px 0px;} td#colContact td#formDroit textarea {font: normal 11px Arial; color: 000; border: solid 1px #707070; background-color: #D5D5D5; width: 450px; height: 151px; margin: 8px 0px;} td#colContact td#formDroit .colCaptcha {height: 50px;} td#colContact td#formDroit .captcha {width: 55px; height: 16px; margin-right: 10px;} td#colContact td#formDroit .valider {width: 83px; height: 22px; margin-right: 20px;} td#colContact td#formDroit .colMentions {color: #626262; font-size: 10px;} td#colContact td#formDroit .colMentions a, td#colContact td#formDroit .colMentions a:hover {color: #000; text-decoration: none;} td#colContact td#formDroit .mentions {margin: 0px;} /*************************** Plan du site ***************************/ ul.sitemap {list-style-type: none;} ul.sitemap h3 {color: #009EE1; font-size: 16px; font-weight: bold; padding-left: 30px; padding-top: 4px; margin-bottom: 6px;} ul.sitemap a {color: #009EE1; text-decoration: none; font-weight: bold;} ul.sitemap a:visited {color: #009EE1;} ul.sitemap a:hover {color:#009EE1;text-decoration:underline;} ul.sitemap li {border: solid 1px #009EE1; color: black; text-align: justify; margin-bottom: 10px; padding:8px;} ul.sitemap li ul {margin-left:30px; list-style-type: square;} ul.sitemap li li {border: none; margin-bottom: 5px; padding: 0px;} /*************************** Documents légaux ***************************/ div.legal-container {width: 723px;} div.legal-container h3 {color:#009EE1;font-size:16px;font-weight:bold; padding-left:30px; padding-top:4px; margin-bottom:6px;} div.legal-container ul.legal {list-style-type:none;} div.legal-container ul.legal li span.puce {font: normal 14px Arial; color:white; background-color:#009EE1; padding:4px 4px 0 7px; width: 13px; height: 20px; float: left;} div.legal-container ul.legal li a {color:black;text-decoration:none;} div.legal-container ul.legal li a:visited {color:black;} div.legal-container ul.legal li a:hover {text-decoration:underline;} div.legal-container ul.legal li .service {padding-left: 30px;} /*************************** Hosting custom & detail ***************************/ .customHosting {width: 723px; margin: 0px; padding: 0px;} .bleuHosting {background: url(../images/hebergement/custom-bleu.png) no-repeat top; width: 723px; height: 16px; margin: 0px; padding: 0px;} .grisHosting {background: url(../images/hebergement/custom-gris.png) no-repeat top; width: 723px; height: 30px; margin: 0px; padding: 0px;} .jauneHosting {background: url(../images/hebergement/custom-jaune.png) no-repeat top; width: 723px; height: 30px; margin: 0px; padding: 0px;} .orangeHosting {background: url(../images/hebergement/custom-orange.png) no-repeat top; width: 723px; height: 25px; margin: 0px; padding: 0px;} .roseHosting {background: url(../images/hebergement/custom-rose.png) no-repeat top; width: 723px; height: 25px; margin: 0px; padding: 0px;} .vertHosting {background: url(../images/hebergement/custom-vert.png) no-repeat top; width: 723px; height: 25px; margin: 0px; padding: 0px;} .customHostingTitreServicesChoix {font: bold 12px Arial; text-align: center; margin: 0px; padding: 1px 0px 0px 0px; width: 478px; height: 15px; float: left;} .customHostingTitreServicesAchat {font: bold 12px Arial; text-align: center; margin: 0px 0px 0px 13px; padding: 1px 0px 0px 0px; width: 232px; height: 15px; float: left;} .customHostingTitreChoix {font: bold 12px Arial; text-align: center; margin: 0px; padding: 10px 0px 0px 0px; width: 478px; height: 15px; float: left;} .customHostingTitreInfos {font: bold 12px Arial; text-align: center; margin: 0px 0px 0px 13px; padding: 10px 0px 0px 0px; width: 232px; height: 15px; float: left;} .tailleTitre {width: 478px; margin: 0px; padding: 0px;} .tailleInfo {width: 232px; margin: 0px 0px 0px 13px; padding: 0px;} .texteInfo {width: 232px; text-align: justify; color: #707070; padding-top: 5px;} .texteInfo a, .texteInfo a {color: #009ee1;} /* form#CustomAchat, form#CustomServices {} */ table#CustomAchat {margin: 0px; padding: 0px;} table#CustomAchat td.separationOrder {padding: 5px 10px 1px 10px; margin: 0px;} table#CustomAchat td.CustomAchatLeft {text-align: left; width: 132px; padding-left: 10px; padding-top: 4px;} table#CustomAchat td.CustomAchatRight {text-align: right; width: 100px; padding-right: 10px; padding-top: 4px;} table#CustomAchat td.CustomCommander {margin: 15px 0px 0px 0px; padding: 0px;} table#CustomServices {margin: 0px; padding: 0px} table#CustomServices .services {background: url(../images/hebergement/fleche_bleu.png) no-repeat left top; width: 433px; height: 19px; margin: 0px; padding: 0px; padding-left: 25px;} table#CustomServices .select {width: 20px;} table.hostingPuce td.label {width: 453px; height: 20px; margin: 0px; padding: 0px; padding-left: 25px;border-bottom: #ccc 1px solid;} table.hostingPuce td.input {width:100px;border-bottom: #ccc 1px solid;text-align:right;padding-right:7px;} table.hostingPuce td.input select {width:90px;} table.puceBleu td.label {background: url(../images/hebergement/fleche_bleu.png) no-repeat left top;} table.puceGris td.label {background: url(../images/hebergement/fleche_gris.png) no-repeat left top;} table.puceJaune td.label {background: url(../images/hebergement/fleche_jaune.png) no-repeat left top;} table.puceOrange td.label {background: url(../images/hebergement/fleche_orange.png) no-repeat left top;} table.puceRose td.label {background: url(../images/hebergement/fleche_rose.png) no-repeat left top;} table.puceVert td.label {background: url(../images/hebergement/fleche_vert.png) no-repeat left top;} table.customHostingPrice {width: 230px;font-size:12px;} table.customHostingPrice td.label {line-height:21px;width:100px;} table.customHostingPrice td.price {line-height:21px;text-align:right;padding-right:20px;} table.customHostingPrice td.price label.old {text-decoration:line-through;} a.delete-option:hover {cursor:pointer;} /*************************** Comparaison ***************************/ table.comparaison {width: 100%;border-spacing:1px;} table.comparaison td {text-align:center;} table.comparaison thead th {color:white;background: url(../images/hebergement/comp-header.png) repeat-x;} table.comparaison tbody th {color:#333;padding:10px 0px;font-weight:normal;} table.comparaison tbody th.header a {color:inherit;text-decoration:none;} table.comparaison tbody th.header a:visited {color:inherit;text-decoration:none;} table.comparaison tbody th.header a:hover {color:inherit;text-decoration:underline;} table.comparaison tbody td {padding: 10px 0px; background-color: #E5E5E5; border-left: solid 1px black;} table.comparaison tbody td.body {border-bottom:1px solid black;} table.comparaison tbody td.body a {color:#333;text-decoration:none;} table.comparaison tbody td.body a:visited {color:#333;text-decoration:none;} table.comparaison tbody td.body a:hover {color:#333;text-decoration:underline;} table.comparaison .left {text-align:left;padding-left:5px;font-weight:normal;font-size: 11px;} table.comparaison .centrer {text-align:center;padding-left:10px;font-weight:bold;} table.comparaison .right {text-align:right;padding-left:10px;font-weight:bold;} .bt-comparaison {background: transparent url(../images/hebergement/comparaison-retour.jpg) no-repeat right top; width: 216px; height: 17px; text-indent: 30px;margin-bottom: 10px; padding-top: 3px; float: right;} .bt-comparaison a {font-weight: bold; color: #000; text-decoration: none;} .bt-comparaison a:hover {color: #009ee1; text-decoration: none;} /*************************** Blocs déroulants - contenu des offres ***************************/ .accordion { width: 487px; } .accordion a { cursor: pointer; } .accordion a.title { display:block; font-size: 12px; color: white; text-decoration: none; width: 477px; height: 20px; margin: 0px 0px 3px 0px; padding: 3px 0px 0px 10px; } .accordion a.selected { color: black; } div.menuArticle-container {} div.menuArticle-container h3 {color:#009EE1;font-weight:bold;font-size:15px;padding-left:30px;line-height:20px;} div.menuArticle-container h3 a {color:#009EE1;text-decoration:none;} div.menuArticle-container h3 a:visited {color:#009EE1;} div.menuArticle-container h3 a:hover {text-decoration:underline;} div.menuArticle-container h3 a:hover span {color:#009EE1;} div.menuArticle-container h3 span {color:#888;} div.menuArticle-container h4 {font-size: 13px; text-align: center; text-transform: uppercase; padding-bottom: 10px;} div.menuArticle-container h5 {font-size: 14px; font-weight: bold; text-align: center; text-transform: uppercase; padding-top: 20px; padding-bottom: 8px;} div.menuArticle-container a {color:#009EE1;text-decoration:none;} div.menuArticle-container a:visited {color:#009EE1; text-decoration:none;} div.menuArticle-container a:hover {color:#009EE1;text-decoration:underline;} div.menuArticle-container p {text-align: justify; padding-top: 10px;} div.menuArticle-container div.bgTitre {padding: 2px; color: white;} div.menuArticle-container div.specifOffre {border: 1px solid white; padding: 10px;} div.menuArticle-container ul {margin-left:10px;display:table;margin-top:10px;} div.menuArticle-container ul ul {margin-left:25px;margin-top:10px;} div.menuArticle-container ul li {list-style:none;padding:2px;} div.menuArticle-container ul.col3 li {width:200px;float:left;} div.menuArticle-container ul li span {color:#009EE1;} div.menuArticle-container ul li span.promo {color:red;font-weight:bold;} div.menuArticle-container ul li span.date {color:#555;margin-left:10px;font-style:italic;} div.menuArticle-container ul.specifs {margin-left: 15px; display: table;} div.menuArticle-container ul.specifs li {list-style: disc; margin-right: 10px; margin-left: 20px;} div.menuArticle-container ul.specifsWindows {margin-left: 15px; margin-top: 0px; display: table; text-align: justify;} div.menuArticle-container ul.specifsWindows li {list-style: none; padding-bottom: 15px; padding-left: 30px; padding-right: 5px;} div.menuArticle-container ul.specifsWindows li.win {background: transparent url(../images/hebergement/windows_server.jpg) no-repeat left top;} div.menuArticle-container div.offres { float:left; } div.menuArticle-container ul.offres { margin-top:2px; width: 317px; } div.menuArticle-container ul.offres li {padding: 0px; margin-top: 6px;} div.menuArticle-container ul.offres li a {background: transparent url(../images/common/puce-fleche.jpg) no-repeat 2px; list-style: none; color:#FFF; display: block; padding: 3px; padding-left: 30px;} div.menuArticle-container ul.offres li a:hover { background: transparent url(../images/common/puce-fleche.jpg) no-repeat 2px; background-color: black; color:#FFF; text-decoration: none; display: block; padding: 3px; padding-left: 30px;} div.menuArticle-container ul.offres li a.selected {background: transparent url(../images/common/puce-fleche.jpg) no-repeat 2px; background-color: black; padding: 3px; padding-left: 30px;} div.menuArticle-container div.detail-offre { display:none; padding-left:10px;padding-right: 10px; margin-top:10px; } div.menuArticle-container div.detail-offre a.link-back { float: left; } div.menuArticle-container div.detail-offre .link-order { float: right;} div.menuArticle-container div.detail-offre .content-offre { margin-top:10px; } div.menuArticle-container div.detail-offre h3 { margin-left:0px; } div.menuArticle-container .bouton {padding: 10px 10px 22px 10px;} div.menuArticle-container .bg4Dweb {background: transparent url(../images/hebergement/4D-V11-WebApp.png) no-repeat right top; width: 703px;} div.menuArticle-container .pict { float:left; width: 160px; } div.menuArticle-container .check { width: 220px; float: left; padding-top: 5px; font-weight: bold; } div.menuArticle-container div.content-offre p {margin:0;padding:0;} div.border {border: 1px solid #009EE1; padding:10px;} a.sidelink-offre, a.sidelink-group { cursor: pointer; } /*************************** Articles ***************************/ div#articles {position:relative;top:-34px;z-index:5;} div.menuRentabiliser {border: 1px solid #009EE1;padding:10px 0px;} div.menuRentabiliser h3 {color:#009EE1;font-weight:bold;font-size:16px;} div.menuRentabiliser ul {margin-left:10px;display:table;} div.menuRentabiliser ul li {list-style:none;padding:2px;float:left;width:320px;margin-right:20px;} div.menuRentabiliser ul li span {color:#009EE1;} div.menuRentabiliser ul li a {color:#555;} div.menuRentabiliser ul li a:visited {color:#555;} div.menuRentabiliser ul li a:hover {color:#009EE1;} div.menuArticle-1col {width: 703px;} div.menuArticle-2col-left {width:330px;float:left;margin-right:20px;} div.menuArticle-2col-right {width:330px;float:left;} div.article-content {padding-top:10px;} div.article-content a {color:#009EE1;} div.article-content a:visited {color:#009EE1;} div.article-content p {margin-bottom: 20px;} div.article-content ul {margin-bottom: 20px;} div.article-container ul {margin-left:40px;} div.article-date {text-align:right;margin-top:15px;color:#444;} div.text-container {border: 1px solid #009EE1;padding:10px 0px;} div.text-container h3 {color:#009EE1;font-weight:bold;font-size:12px;margin-left:15px;padding-left:30px;line-height:20px;} div.text-container h3 a {color:#009EE1;text-decoration:none;} div.text-container h3 a:visited {color:#009EE1;} div.text-container h3 a:hover {text-decoration:underline;} div.text-container h3 a:hover span {color:#009EE1;} div.text-container h3 span {color:#888;} div.text-container ul {margin-left:20px;margin-top:10px;} div.text-container ul ul {margin-left:25px;margin-top:10px;} div.text-container ul li {list-style:none;padding:2px;margin-right:20px;} div.text-container ul li span {color:#009EE1;} div.text-container ul li a {color:#009EE1;margin-right:10px;} div.text-container ul li a:visited {color:#555;} div.text-container ul li a:hover {color:#009EE1;} div.text-container p {padding: 15px 15px 0px 15px;} div.legals a {color:#666;} div.legals a:visited {color:#666;} div.legals h2 {font-weight:bold;color:#009EE1;font-size:14px;margin-bottom:10px;} div.legals h3 {font-weight:bold;color:#009EE1;margin-bottom:10px;} div.legals p {margin-bottom:10px; text-align: justify;} div.legals p a {color:#009EE1;} div.legals p a:visited {color:#009EE1;} div.legals ul {padding-left: 20px; padding-top: 0px; margin-bottom: 10px;} div.legals li {padding-left: 0px; padding-top: 0px; text-align: justify;} div.legals table {width: 700px;}