@charset "UTF-8"; /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* ---- base ---- */ body { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:1.25em; color: #999; background: #F8F8F8; } .clearfloat { clear:both; } /* ---- structure ---- */ .bas { position:absolute; bottom:0px; } #container { position:relative; background-color:#fff; width:1000px; margin:0 auto; padding-bottom: 20px; } .content { position:relative; margin: 0 auto 30px; width:764px; } #alaune.content.carregris .txt{ margin: 25px 10px 25px 78px; float:left; width:336px; } .txt { margin: 20px 0 20px 20px; float:left; } .txt.half { width:352px; } #alaune.content .txt{ width:376px; } #alaune.content img { margin: 0; display:block; float:right; max-width:334px; } .pastille { position:absolute; z-index:10; top:32px; left:-66px; width:122px; height:100px; padding:30px 5px 5px; background: url(/web/20130113040125im_/http://abo.liberation.fr/netful-presentation-press/site/liberation/default/fr/images/pastille.png) no-repeat; color:#fff; text-align:center; } .aside-container { position:relative; width:784px; margin:50px auto; } article.postit { position:relative; float:left; padding:0 10px 20px; width:176px; background:url(/web/20130113040125im_/http://abo.liberation.fr/netful-presentation-press/site/liberation/default/fr/images/postit-196.png) bottom no-repeat; } .aside-content { position:relative; width:156px; background: #f8f8f8; /* Old browsers */ background: -moz-linear-gradient(top, #f8f8f8 0%, #ffffff 50%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(50%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f8f8f8 0%,#ffffff 50%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f8f8f8 0%,#ffffff 50%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f8f8f8 0%,#ffffff 50%); /* IE10+ */ background: linear-gradient(top, #f8f8f8 0%,#ffffff 50%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ padding: 10px 10px; height: 200px; } .aside-txt-full { position:relative; height:200px; width:156px; } .aside-txt-half { width:156px; } article .prix { position:absolute; bottom:60px; text-align:center; width:156px; } article.gestion { position:relative; width:676px; float:right; } .comparez { border-bottom:solid 1px #000; } table.offres { text-align:center; border: 1px solid #ccc; background-color:#fcfcfc; } .offres td { padding:20px; width:352px; } .offres td.alt { border:solid 1px #ccc; background-color:#f2f2f2; } address, .postit2 { font-style:normal; display:block; z-index:100; width:372px; padding:0 10px 20px; background:url(/web/20130113040125im_/http://abo.liberation.fr/netful-presentation-press/site/liberation/default/fr/images/postit-392.png) bottom no-repeat; } .postit2 { float:right; margin:100px 0 0; } address { text-align:center; margin:0 auto; } .adress-content { position:relative; width:332px; background: #f8f8f8; /* Old browsers */ background: -moz-linear-gradient(top, #f8f8f8 0%, #ffffff 50%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(50%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f8f8f8 0%,#ffffff 50%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f8f8f8 0%,#ffffff 50%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f8f8f8 0%,#ffffff 50%); /* IE10+ */ background: linear-gradient(top, #f8f8f8 0%,#ffffff 50%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ padding: 30px 20px 10px; } .gestion .carregris { padding:20px; margin:20px 0 0; } .gestion .half1 { float:left; width:286px; margin: 20px 10px 20px 0; } .gestion .half2 { float:left; width:286px; margin: 20px 0 20px 10px; } /* ---- nav espace abonnés ----- */ nav#abonne { display:block; float:left; width:88px; padding:20px 0 30px 0; /* background-color:blue; */ } nav#abonne ul { display:block; position:relative; width:88px; margin:0; padding:0; list-style:none; /* background-color:orange; */ } nav#abonne ul li { display:block; position:relative; width:88px; margin:0; padding:0; list-style:none; /* background-color:violet; */ } nav#abonne ul li a { position:relative; display:block; text-indent:-1000px; margin:0; #margin: 0 0 0 -20px; height:34px; width:80px; padding:18px 0 0 0; list-style:none; background: /*red*/ left top no-repeat; } .accueil nav#abonne ul li a { text-indent:71px; width:360px; padding:18px 20px 0px 0px; } nav#abonne ul li a:hover { height:33px; width:360px; padding:17px 20px 0 0; text-indent:70px; list-style:none; border:1px solid #CCC; background-color:#FFF; background-position: -1px -1px; text-decoration:none; } nav#abonne ul li a.moncompte { background-image:url(/web/20130113040125im_/http://abo.liberation.fr/netful-presentation-press/site/liberation/default/fr/images/icn_moncompte.png); } .moncompte nav#abonne { background:url(/web/20130113040125im_/http://abo.liberation.fr/netful-presentation-press/site/liberation/default/fr/images/fd_moncompte.png) no-repeat; } nav#abonne ul li a.adresse { background-image:url(/web/20130113040125im_/http://abo.liberation.fr/netful-presentation-press/site/liberation/default/fr/images/icn_adresse.png); } .adresse nav#abonne { background:url(/web/20130113040125im_/http://abo.liberation.fr/netful-presentation-press/site/liberation/default/fr/images/fd_adresse.png) no-repeat; } nav#abonne ul li a.portage { background-image:url(/web/20130113040125im_/http://abo.liberation.fr/netful-presentation-press/site/liberation/default/fr/images/icn_portage.png); } .portage nav#abonne { background:url(/web/20130113040125im_/http://abo.liberation.fr/netful-presentation-press/site/liberation/default/fr/images/fd_portage.png) no-repeat; } nav#abonne ul li a.banque { background-image:url(/web/20130113040125im_/http://abo.liberation.fr/netful-presentation-press/site/liberation/default/fr/images/icn_banque.png); } .banque nav#abonne { background:url(/web/20130113040125im_/http://abo.liberation.fr/netful-presentation-press/site/liberation/default/fr/images/fd_banque.png) no-repeat; } nav#abonne ul li a.email { background-image:url(/web/20130113040125im_/http://abo.liberation.fr/netful-presentation-press/site/liberation/default/fr/images/icn_email.png); } .email nav#abonne { background:url(/web/20130113040125im_/http://abo.liberation.fr/netful-presentation-press/site/liberation/default/fr/images/fd_email.png) no-repeat; } nav#abonne ul li a.renouveler { background-image:url(/web/20130113040125im_/http://abo.liberation.fr/netful-presentation-press/site/liberation/default/fr/images/icn_renouveler.png); } .renouveler nav#abonne { background:url(/web/20130113040125im_/http://abo.liberation.fr/netful-presentation-press/site/liberation/default/fr/images/fd_renouveler.png) no-repeat; } nav#abonne ul li a.suspendre { background-image:url(/web/20130113040125im_/http://abo.liberation.fr/netful-presentation-press/site/liberation/default/fr/images/icn_suspendre.png); } .suspendre nav#abonne { background:url(/web/20130113040125im_/http://abo.liberation.fr/netful-presentation-press/site/liberation/default/fr/images/fd_suspendre.png) no-repeat; } nav#abonne ul li a.facture { background-image:url(/web/20130113040125im_/http://abo.liberation.fr/netful-presentation-press/site/liberation/default/fr/images/icn_facture.png); } .facture nav#abonne { background:url(/web/20130113040125im_/http://abo.liberation.fr/netful-presentation-press/site/liberation/default/fr/images/fd_facture.png) no-repeat; } nav#abonne ul li a.signaler { background-image:url(/web/20130113040125im_/http://abo.liberation.fr/netful-presentation-press/site/liberation/default/fr/images/icn_signaler.png); } .signaler nav#abonne { background:url(/web/20130113040125im_/http://abo.liberation.fr/netful-presentation-press/site/liberation/default/fr/images/fd_signaler.png) no-repeat; } .gestion nav#abonne ul li a { opacity:.2; filter: alpha(opacity=20); } .abonne nav#abonne ul li a:hover, .abonne nav#abonne ul li a.active { opacity:1; filter: alpha(opacity=100); } /* ---- buttons----- */ .btn-red, .btn-gray { border:0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; font-family: Verdana, Geneva, sans-serif; text-align:center; padding:4px 15px; font-size:12px; height:20px; } .btn-red { font-weight:bold; color:#fff; background: #f20000; /* Old browsers */ background: -moz-linear-gradient(top, #f20000 0%, #aa0000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f20000), color-stop(100%,#aa0000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f20000 0%,#aa0000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f20000 0%,#aa0000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f20000 0%,#aa0000 100%); /* IE10+ */ background: linear-gradient(top, #f20000 0%,#aa0000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f20000', endColorstr='#aa0000',GradientType=0 ); /* IE6-9 */ } .btn-gray { color:#000; background: #f2f2f2; /* Old browsers */ background: -moz-linear-gradient(top, #f2f2f2 0%, #999999 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#999999)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f2f2f2 0%,#999999 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f2f2f2 0%,#999999 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f2f2f2 0%,#999999 100%); /* IE10+ */ background: linear-gradient(top, #f2f2f2 0%,#999999 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#999999',GradientType=0 ); /* IE6-9 */ } .btn-red:hover, .btn-gray:hover { -moz-box-shadow: inset 0 0 10px #000; -webkit-box-shadow: inset 0 0 10px #000; box-shadow: inner 0 0 10px #000; text-decoration:none; } #alaune a.btn-red { display:block; margin:10px 0; width:160px; padding:10px; font-size:14px; } .postit a.btn-red, .postit a.btn-gray { display:block; width:125px; } .aside-txt-half a.btn-gray { position:relative; margin-top:10px; } td a.btn-red { display:block; width:125px; margin: 20px auto; } /* ---- list ----- */ ul { list-style:disc inside; } aside ul li { color:#000; } /* ---- text & colors ----- */ a { color:#AA0000; text-decoration:none; } .comparez a { color:#999; display:block; padding:0 0 2px 20px; background:url(/web/20130113040125im_/http://abo.liberation.fr/netful-presentation-press/site/liberation/default/fr/images/arrow-next.png) left no-repeat; } .carregris { border: 1px solid #ccc; background-color:#fcfcfc; } .carregris2 { border: 1px solid #ccc; background-color:#f2f2f2; } a:hover { text-decoration:underline; } .verdana { font-family:Verdana, Geneva, sans-serif; font-size: 12px; } article.postit p { margin: 7px 0 7px 0; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:16px; } p { margin: 10px 0 10px; } .verdana p { margin:0; } .black { color:#000; } .red { color:#AA0000; } h1, h1 a { font-size:50px; font-weight:normal; color:#000; text-align:center; margin: 60px 0; } h5, h5 a { font-size:50px; font-weight:normal; color:#000; text-align:center; margin: 5px 0; } .offre h1 { font-size:32px; font-weight:normal; color:#000; text-align:center; margin: 60px 0 15px; } .offre h1 .gris{ color:#858585; } .abonne h1 { font-style:italic; } h2 { font-weight:normal; color:#AA0000; } h3 { font-size:16px; font-weight:normal; line-height:17px; margin:10px 0 10px; } h4 { font-size:16px; line-height:17px; margin:10px 0 10px; color:#000; } .gestion h3 { color:black; } article h2 { font-size:26px; line-height:28px; } article.postit h2, aside h2 { font-size:17px; line-height:17px; } article div.mainproductempty{ width:764px; font-size:1px; border-bottom: 1px solid #CCCCCC; text-align: center; } article div.mainproduct{ width:764px; background-color: #FCFCFC; border: 1px solid #CCCCCC; text-align: center; } article div.mainproduct div{ padding: 20px; width: 342px; float:left; } article div.lastproduct{ width:724px; background-color: #F2F2F2; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; text-align: center; padding: 20px; } article div.lastproduct .chiffre-prix { font-size: 16px; } article div.listproduct{ width:766px; background-color: #FCFCFC; border-left: 1px solid #CCCCCC; border-right: 0px solid #CCCCCC; text-align: center; } article div.listproduct div{ border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 20px; width: 342px; float:left; background-color: #F2F2F2; text-align: center; height: 120px; overflow: hidden; } article div.listproduct div.first{ width: 341px; } article div.listproduct div.second{ } article a.btn-red { display: block; margin: 20px auto; width: 125px; } article .mainproduct a.btn-red { margin: 38px auto; } article .listproduct .chiffre-prix { font-size:16px; } .prix { color:#000; } .chiffre-prix { font-weight:bold; font-size:23px; } .alt .chiffre-prix { font-size:16px; } .postit .prix p { text-align:center; margin:0; line-height:22px; } label { font-family:Verdana, Geneva, sans-serif; font-size:12px; } .blackline { border-bottom:solid 1px #000; } .blackline2 { border-bottom:solid 1px #000; margin:0 auto 10px; } /* ---- formulaires ----- */ form.content { width:724px; padding:20px; } /*form .btn-gray, form .btn-red { padding:0 20px; font-size:12px; line-height:12px; }*/ /* bouton test portage a domicile */ .portageform label { float:left; } .portageform a { display: block; font-size: 12px; width: 34px; float:left; padding: 2px 15px 1px; } .portageform input[type="text"] { width:46px; margin:0 3px 0 0; } input[type="text"],input[type="password"] { border: solid 1px #ccc; height: 22px; padding: 0 5px; margin: 0; } input[type="text"]:hover, input[type="text"]:focus,input[type="password"]:hover, input[type="password"]:focus { border: solid 1px #AA0000; } /* ---- Header ---- */ #header-liberation hr { border: 0; border-top: 3px solid #e0e0e0; } #header-liberation { margin: 0 0 20px 0; } #header-liberation .header-simple { padding: 0 30px; } #header-liberation .header-simple .header { height: 39px; padding-top: 20px; background: url('/web/20130113040125im_/http://abo.liberation.fr/netful-presentation-press/site/liberation/default/fr/images/bg-e20000.png') repeat-x 0 39px; } #header-liberation .header-simple .back { display: block; float: left; height: 39px; width: 160px; background: #fff; } #header-liberation .header-simple .back a { display: block; padding-top: 11px; padding-left: 17px; color: #858585; background: url('/web/20130113040125im_/http://abo.liberation.fr/netful-presentation-press/site/liberation/default/fr/images/arrow-back.png') no-repeat 0 16px; } #header-liberation .header-simple .logo { display: block; float: left; height: 39px; width: 120px; background: #fff; } #header-liberation .header-simple .logo img { display: block; width: 106px; height: 39px; } .fieldhighlight{ border:1px solid red !important; } ul.error { background-color: #F8F8F8; border: 1px solid #B30804; border-radius: 5px 5px 5px 5px; color: #B30804; margin: 30px 0; padding: 10px; list-style-type: none; margin: 10px 200px 15px; padding: 10px; text-align: center; } ul.error-popup { background-color: #F8F8F8; border: 1px solid #B30804; border-radius: 5px 5px 5px 5px; color: #B30804; margin: 30px 0; padding: 10px; list-style-type: none; margin: 20px 20px 0; padding: 10px; text-align: center; } label.cachelabel{ display: none; } .adresse form .champ{ clear:both; } .adresse form .champ label{ display: block; float: left; width: 180px; } .adresse form .champ input,.adresse form .champ textarea{ margin-bottom: 7px; width: 200px; } .adresse form .champ select{ margin-bottom: 7px; width: 212px; } .adresse form .champ select.champ-mois{ width: 40px; } .adresse form .champ select.champ-annee{ width: 80px; } .adresse form .champ input.cryptogram{ width: 80px; } .inscription form .champ{ clear:both; } .inscription form .champ label{ display: block; float: left; width: 200px; } .inscription form .champ input,.creation form .champ textarea{ margin-bottom: 7px; width: 200px; } .inscription form .champ select{ margin-bottom: 7px; width: 212px; } .offre .monchoix { background-color: #F2F2F2; border: 1px solid #CCCCCC; border-bottom: 0 ; width: 764px; padding : 5px 20px; } .offre .adresseblock { background-color: #FCFCFC; border: 1px solid #CCCCCC; width: 764px; padding : 5px 20px; } .renouveler form .champ{ clear:both; } .renouveler form .champ label{ display: block; float: left; width: 200px; } .renouveler form .champ input,.renouveler form .champ textarea{ margin-bottom: 7px; width: 200px; } .renouveler form .champ input[type="radio"]{ width: auto; } .renouveler form .champ select{ margin-bottom: 7px; width: 212px; } .renouveler form .champ select.champ-mois{ width: 40px; } .renouveler form .champ select.champ-annee{ width: 80px; } .renouveler form .champ input.cryptogram{ width: 80px; } .renouveler #rib fieldset,.renouveler #cb fieldset{ margin-left:20px; margin-top:10px; } label.labelModePaiement{ font-weight: bold; } .banque form .champ{ clear:both; } .banque form .champ label{ display: block; float: left; width: 200px; } .banque form .champ input,.banque form .champ textarea{ margin-bottom: 7px; width: 200px; } .banque form .champ input[type="radio"]{ width: auto; } .banque form .champ select{ margin-bottom: 7px; width: 212px; } .banque form .champ select.champ-mois{ width: 40px; } .banque form .champ select.champ-annee{ width: 80px; } .banque form .champ input.cryptogram{ width: 80px; } a.compteAboSelect { border: 1px dotted; color: black; padding: 2px; text-decoration: none; font-weight: bold; } a.compteAboSelect:hover { text-decoration: none; cursor:text; } a.compteAboUnSelect:hover { border: 1px dotted; color: black; padding: 2px; text-decoration: none; font-weight: bold; } a.adressselect { border: 1px dotted; color: black; padding: 2px; text-decoration: none; font-weight: bold; } a.adressselect:hover { text-decoration: none; cursor:text; } a.adressunselect:hover { border: 1px dotted; color: black; padding: 2px; text-decoration: none; font-weight: bold; } .infosOffrirAbo{ margin:10px 0; } form.content-popup { margin: 40px 0 0 20px; padding: 20px; width: 400px; } .ssl-explain{ border-color:#EEEEEE #EEEEEE #DDDDDD #EEEEEE; border-style:solid; border-width:1px; color:grey; font-size:11px; padding:10px; text-align:center } #page-404 { margin: 0 auto 30px; position: relative; width: 764px; padding: 50px 0 0; height:150px; } #page-404 .error { border-right: 1px solid #DDDDDD; display: block; float: left; height: 160px; margin: 0 20px 0 0; padding: 0 10px 0 0; text-align: right; width: 100px; } #page-404 .error h2 { font-size: 22px; font-style: italic; font-weight: normal; line-height: 30px; } #page-404 .error h2 span { display: block; font-size: 47px; font-weight: bold; } #page-404 .text-404 h3 { color:#000; font-weight: bold; } .page-erreur .comparez { border-bottom: 0px solid #000000; } .cat-laune .ft-c { color: #E20000 !important; } .txt li{ font-size: 14px; } /* FILE ARCHIVED ON 04:01:25 Jan 13, 2013 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 08:09:29 Aug 12, 2022. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 82.302 exclusion.robots: 0.151 exclusion.robots.policy: 0.14 RedisCDXSource: 13.202 esindex: 0.009 LoadShardBlock: 34.37 (3) PetaboxLoader3.datanode: 36.047 (4) CDXLines.iter: 30.933 (3) load_resource: 68.205 PetaboxLoader3.resolve: 22.797 */