@charset "UTF-8"; /* CSS Document */ /*/////////////// //STRUCTURE////// ///////////////*/ body,h1,h2,h3,h4,p,ul,li,form,fieldset,input,legend{ padding:0; margin:0; } body{ background-color:#fbfbf6; font-family:Arial, Helvetica, sans-serif; } .cleaner{ font-size:1px; height:0; clear:both; } .cache{ display:none; position:absolute; } img,fieldset{ border:none; } #page{ margin:auto; width:989px; background:url(/web/20141211131440im_/https://abo.liberation.fr/src/libe/images/fond-page.jpg) #fff left top repeat-y; border-bottom:4px solid #eeece8; } #ombre-gauche{ width:4px; float:left; } #ombre-droite{ width:5px; float:left; } #corps{ width:980px; float:left; } p{ font-size:0.7em; line-height:1.3em; padding-bottom:10px; } a{ color:#000; text-decoration:none; } a:hover{ text-decoration:underline; } #header{ padding-left:11px; } #header #logo-titre{ float:left; padding:0px 0 2px 0; width:254px; } #header #logo-espace{ float:left; padding:0px 0 0 0; } #header #div-logo-haut-droite{ position: relative; } #header #div-logo-haut-droite #logo-haut-droite{ left:978px; position:absolute; top:0; z-index:1000; } #menu{ clear:both; float:left; width:252px; margin-right:10px; } #menu #ombre-menu{ padding-left:10px; margin-bottom:-2px; } #menu #ombre-menu #ombre-gauche-menu{ float:left; width:3px; } #menu #ombre-menu #ombre-droite-menu{ float:left; width:4px; } #menu #bas-ombre-menu{ clear:both; } /* Boutons du menu standard */ #menu ul{ float:left; width:238px; } #menu ul li{ list-style-type:none; border:1px solid #c3c3c2; border-top:none; font-size:0.85em; } #menu ul li a{ display:block; text-decoration:none; color:#165a76; padding:7px 8px 5px 8px; background: #f9f9f9 left top repeat-x; } #menu ul li a:hover,#menu ul li.actif a{ color:#fff; background: #DA0223 left top repeat-x; } /* FIN Boutons du menu standard */ /* Bouton accueil dans le menu */ #menu ul li#onglet-accueil{ border:none; border-bottom:1px solid #c3c3c2; } #menu ul li#onglet-accueil a{ background:url(/web/20141211131440im_/https://abo.liberation.fr/src/libe/images/onglet-accueil-off.gif) #f9f9f9 left top no-repeat; } #menu ul li#onglet-accueil a:hover,#menu ul li#onglet-accueil.actif a{ background:url(/web/20141211131440im_/https://abo.liberation.fr/src/libe/images/onglet-accueil-on.gif) #972a4d left top no-repeat; } /* FIN Bouton accueil dans le menu */ /* Bouton autres titres */ #menu #onglet-autres-titres{ border:1px solid #c3c3c2; font-size:0.85em; margin:0 4px -1px 10px; } #menu #onglet-autres-titres a{ display:block; text-decoration:none; color:#165a76; padding:8px 8px 5px 8px; background: #f9f9f9 left top repeat-x; } #menu #onglet-autres-titres a:hover,#menu #onglet-autres-titres.actif a{ color:#fff; background: #DA0223 left top repeat-x; } /* FIN Bouton autres liens */ /* Bouton perso a ajouter via l admin dans le block COMPTE_MENU_AUTRES_LIENS */ #menu #onglet-autresliens{ font-size:0.85em; } #menu #onglet-autresliens a{ display:block; text-decoration:none; color:#165a76; padding:8px 8px 5px 8px; background: #f9f9f9 left top repeat-x; border:1px solid #c3c3c2; margin:0 4px -1px 10px; } #menu #onglet-autresliens a:hover ,#menu #onglet-autresliens a.actif{ color:#fff; background: #DA0223 left top repeat-x; } /* FIN Bouton perso a ajouter via l admin dans le block COMPTE_MENU_AUTRES_LIENS */ /* Page mon compte, bloc votre abonnement, encadre*/ #menu #encadre-menu-gestion{ width:243px; margin:20px 8px; background:url(/web/20141211131440im_/https://abo.liberation.fr/src/libe/images/autrestitres-fond-encadre.gif) left top repeat-y; } #menu #encadre-menu-gestion .haut-encadre{ background:url(/web/20141211131440im_/https://abo.liberation.fr/src/libe/images/autrestitres-haut-encadre.gif) left top no-repeat; } #menu #encadre-menu-gestion .bas-encadre{ background:url(/web/20141211131440im_/https://abo.liberation.fr/src/libe/images/autrestitres-bas-encadre.gif) left bottom no-repeat; padding:10px 15px; } #menu #encadre-menu-gestion .titre{ text-transform:uppercase; font-size:0.75em; font-weight:bold; padding:5px 0 5px 0; margin-bottom:8px; color:#666; border-bottom:1px solid #666; } #menu #encadre-menu-gestion .illus{ float:left; width:110px; padding-bottom:10px; } #menu #encadre-menu-gestion .illus img{ width:100px; } #menu #encadre-menu-gestion .content{ float:left; width:90px; } #menu #encadre-menu-gestion .contenthisto{ float:left; width:380px; font-size:0.7em; } #menu #encadre-menu-gestion .content h3{ font-size:0.8em; padding-bottom:5px; font-weight:bold; color:#000000; } #menu #encadre-menu-gestion .content h3 a{ color:#000000; } #contenu{ float:left; width:710px; padding-bottom:50px; } #footer{ clear:both; border-top:1px solid #c3c3c2; text-align:center; color:#797977; font-size:0.7em; padding:7px 0; margin:0 6px 0 10px; } #contenu #connection{ background:url(/web/20141211131440im_/https://abo.liberation.fr/src/libe/images/fond-bandeau-connection.gif) left top no-repeat; height:57px; } #contenu #connection .nom{ color:#4c4831; font-size:0.75em; font-weight:bold; padding:8px 0 7px 20px; width:570px; float:left; } #contenu #connection .bouton{ width:auto; float:left; font-size:0.75em; font-weight:bold; padding:8px 0 0px 0; } #contenu #connection .bouton a{ color:#000000; display:block; text-decoration:none; } #contenu #connection .idform{ width:auto; float:right; padding:8px 0 0px 0; display:block; text-decoration:none; height:22px; margin:0 5px 0 5px; } #contenu #connection .idformtext{ font-size:0.75em; font-weight:bold; color:#000000; } #contenu #connection .bouton a span{ display:block; float:left; padding-right:8px; } #contenu #intro{ margin-left:20px; font-weight:bold; position:relative; top:-8px; color:#4c4831; } #contenu #intro H1 { MARGIN-TOP: 0px; FONT-SIZE: 1.15em; BORDER-LEFT: #ffffff 2px solid; WIDTH: 500px; PADDING: 8px 0px 0px 0px; } #contenu #intro .picto { FLOAT: left; padding-right: 10px; } /*/////////////// //HOME////// ///////////////*/ #contenu.accueil{ padding-bottom:150px; } #contenu .rangee{ padding-left:15px; padding-top:7px; } #contenu .rangee .gauche{ margin-right:10px; } #contenu .bloc, .pop-up .bloc{ background:url(/web/20141211131440im_/https://abo.liberation.fr/src/libe/images/accueil-fond-bloc.gif) left top repeat-y; width:340px; float:left; padding:0; } #contenu #premiere-rangee .bloc{ background:url(/web/20141211131440im_/https://abo.liberation.fr/src/libe/images/accueil-fond-bloc-haut.gif) left top repeat-y; } #contenu .bloc .titre,.pop-up .bloc .titre{ background:url(/web/20141211131440im_/https://abo.liberation.fr/src/libe/images/accueil-fond-titre-bloc.gif) left top no-repeat; padding:15px 0 5px 15px; } #contenu #premiere-rangee .bloc .titre{ background:url(/web/20141211131440im_/https://abo.liberation.fr/src/libe/images/accueil-fond-titre-bloc-haut.gif) left top no-repeat; } #contenu .bloc .titre .picto,.pop-up .bloc .titre .picto{ width:35px; float:left; padding-right: 8px; } #contenu .bloc .titre h2,.pop-up .bloc .titre h2{ width:280px; float:left; font-size:0.9em; padding-top:2px; color:#000000; text-transform:uppercase; } #contenu .bloc .titre h2 a,.pop-up .bloc .titre h2 a{ color:#000000; text-decoration:none; display:block; } #contenu .bloc .titre h2.simple,.pop-up .bloc .titre h2.simple{ padding-top:10px; } #contenu .bloc .texte,.pop-up .bloc .texte{ clear:both; padding:0 4px 0 0; margin:0 4px 0 17px; border-top:1px solid #c7c7c7; } #contenu .bloc .texte .hauteur-minimum{ width:1px; height:101px; float:left; } #contenu .bloc .texte .cote-hauteur{ width:200px; float:left; padding-top:10px; } #contenu .bloc .texte p{ font-size:0.7em; color:#4c4831; line-height:1.1em; } #contenu .bloc .texte p.plus a{ text-decoration:none; color:#4c4831; } #contenu .bloc .texte p.plus a:hover{ text-decoration:underline; } #contenu .bloc .bas,.pop-up .bloc .bas{ background:url(/web/20141211131440im_/https://abo.liberation.fr/src/libe/images/accueil-bas-bloc.jpg) left top no-repeat; height:5px; font-size:1px; } /* Blocs de contenu*/ #contenu .boite{ background:url(/web/20141211131440im_/https://abo.liberation.fr/src/libe/images/compte-fond-bloc.gif) left top repeat-y; width:690px; margin-left:15px; margin-bottom:15px; padding:0; clear:both; } #contenu .boite .fond{ background:url(/web/20141211131440im_/https://abo.liberation.fr/src/libe/images/compte-bas-bloc.gif) left bottom no-repeat; padding:0 0 20px 0; } #contenu .boite .titre{ background:url(/web/20141211131440im_/https://abo.liberation.fr/src/libe/images/compte-fond-titre.gif) left top no-repeat; padding:20px 0 10px 17px; } #contenu #premiere-boite.boite .titre{ background:url(/web/20141211131440im_/https://abo.liberation.fr/src/libe/images/compte-fond-titre-haut.gif) left top no-repeat; } #contenu .boite .titre h2{ font-size:0.9em; padding-top:2px; color:#000000; text-transform:uppercase; float:left; width:440px; } #contenu .boite .titre .menu{ float:left; width:220px; } #contenu .boite .titre .menu form select{ width:215px; } #contenu .boite .titre .menu form fieldset{ clear:both; } #contenu .boite .titre h2 a{ color:#000000; text-decoration:none; display:block; } #contenu .boite .texte{ clear:both; padding:12px 4px 0 0; margin:0 4px 0 17px; border-top:1px solid #c7c7c7; } #contenu .boite .bas{ height:42px; font-size:1px; } p.puce{ font-weight:bold; color:#165a76; font-size:0.75em; } p.puce a{ color:#165a76; display:block; padding-bottom:5px; padding-top:1px; text-decoration:none; padding-left:20px; background:url(/web/20141211131440im_/https://abo.liberation.fr/src/libe/images/puce.gif) left top no-repeat; } #contenu .boite p.puce a:hover{ text-decoration:underline; } /* Formulaires */ #contenu .boite form.gauche{ width:400px; float:left; } .pop-up form{ padding-top:15px; } #contenu .boite form .champ,#contenu .boite form .coche,.pop-up form .champ{ clear:both; } #contenu .boite form .valide{ width:355px; text-align:right; } .pop-up form .valide{ text-align:right; margin-right:10px; } #contenu .boite form .champ input{ width:200px; float:left; margin-right:15px; margin-bottom:15px; } #contenu .boite form .champ select{ margin-right:15px; margin-bottom:15px; } .pop-up form .champ input,.pop-up form .champ select{ width:200px; float:left; margin-bottom:10px; } #contenu .boite form .coche input{ float:left; margin-right:10px; margin-bottom:10px; } #contenu .boite form .legende{ font-size:0.75em; font-weight:bold; padding-bottom:15px; padding-top:5px; color:#000000; } #contenu .boite form .champ input.bouton-valider{ width:auto; } #contenu form .boite .champ label { width:150px; display:block; float:left; } #contenu form .boite .champ input, #contenu form .boite .champ textarea { width:200px; margin-bottom:7px; } #contenu form .boite .champ select { width:205px; margin-bottom:7px; } #contenu form .boite .valide{ width:355px; text-align:right; } #contenu form .boite .renewOffer label { width:260px; } #contenu form .boite .renewOffer input{ width:40px; margin-bottom:12px; display:block; float:left; } #contenu form .boite .champ2 label { width:260px; display:block; float:left; } #contenu form .boite .champ2 input, #contenu form .boite .champ2 textarea { width:200px; margin-bottom:12px; } #contenu form .boite .champ2 select { width:205px; margin-bottom:12px; } #contenu form .boite .champ3 label { width:150px; display:block; float:left; } #contenu form .boite .champ3 select { margin-bottom:7px; } #contenu form fieldset.separe{ border-top:1px solid #c7c7c7; margin:0 10px 10px 0; padding:10px 0 0 0; } #contenu .boite a{ color:blue; font-size:11px; } #contenu .boite form .champ label,.pop-up form .champ label{ width:150px; display:block; } .pop-up form .carte { clear:both; } .pop-up form .carte input{ width:200px; margin-bottom:10px; } .pop-up form .date input,.pop-up form .date select{ margin-bottom:10px; } .pop-up form .champ label,.pop-up form .carte label,.pop-up form .date label{ width:100px; display:block; float:left; padding-top:2px; } form label{ color:#4c4831; font-weight:bold; font-size:0.7em; } form input, form select, form textarea{ color:#4c4831; font-size:0.7em; } /* Page mon compte, bloc votre abonnement, sous bloc Calendrier*/ #contenu .boite .calendrier { clear:both; } #contenu .boite .calendrier h3{ color:#000000; font-size:0.75em; padding-bottom:10px; } #contenu .boite .calendrier table{ border:1px solid #c7c7c3; width:480px; border-collapse:collapse; float:left; margin-right:10px; margin-bottom:10px; } #contenu .boite .calendrier table td,#contenu .boite .calendrier table th{ border-bottom:1px solid #c7c7c3; border-right:1px solid #efefee; font-size:0.75em; text-align:center; padding:4px 0; } #contenu .boite .calendrier table th.premiere{ width:60px; } #contenu .boite .calendrier table th{ width:30px; } #contenu .boite .calendrier .legende{ width:150px; float:left; padding-top:20px; } #contenu .boite .calendrier .legende ul li{ list-style-type:none; font-size:0.7em; padding-bottom:7px; } /* Page mon compte, bloc votre abonnement, sous bloc adresse*/ #contenu .boite .adresse{ width:245px; float:left; } #contenu .boite .adresse p{ font-size:0.7em; padding-bottom:10px; line-height:1.3em; } /* Page mon compte, bloc votre abonnement, encadre*/ #contenu .boite #encadre-abonnement{ width:412px; float:left; background:url(/web/20141211131440im_/https://abo.liberation.fr/src/libe/images/compte-fond-encadre.gif) left top repeat-y; } #contenu .boite #encadre-abonnement .haut-encadre, #contenu .boite #encadre-calendrier .haut-encadre{ background:url(/web/20141211131440im_/https://abo.liberation.fr/src/libe/images/compte-haut-encadre.gif) left top no-repeat; } #contenu .boite #encadre-abonnement .bas-encadre, #contenu .boite #encadre-calendrier .bas-encadre{ background:url(/web/20141211131440im_/https://abo.liberation.fr/src/libe/images/compte-bas-encadre.gif) left bottom no-repeat; padding:10px 15px; } #contenu .boite #encadre-abonnement #onglets-abonnement, #contenu .boite #encadre-calendrier #onglets-calendrier{ padding-bottom:10px; } #contenu .boite #encadre-abonnement #onglets-abonnement li, #contenu .boite #encadre-calendrier #onglets-calendrier li{ display:inline; font-size:0.75em; padding-right:5px; font-weight:bold; } #contenu .boite #encadre-abonnement #onglets-abonnement li a, #contenu .boite #encadre-calendrier #onglets-calendrier li a{ color:#6a6a6a; text-decoration:none; border-left:1px solid #6a6a6a; padding:0 0 0 7px; } #contenu .boite #encadre-abonnement #onglets-abonnement li#premier-onglet-abonnement a, #contenu .boite #encadre-calendrier #onglets-calendrier li#premier-onglet-calendrier a{ border-left:none; padding:0; } #contenu .boite #encadre-abonnement #onglets-abonnement li a:hover, #contenu .boite #encadre-calendrier #onglets-calendrier li a:hover{ text-decoration:underline; } #contenu .boite #encadre-abonnement #onglets-abonnement li.actif a, #contenu .boite #encadre-calendrier #onglets-calendrier li.actif a{ color:#000000; } #contenu .boite #encadre-abonnement #contenus-abonnement li, #contenu .boite #encadre-calendrier #contenus-calendrier li{ display:none; } #contenu .boite #encadre-abonnement #contenus-abonnement li.actif, #contenu .boite #encadre-calendrier #contenus-calendrier li.actif{ list-style-type:none; display:block; } #contenu .boite #encadre-abonnement #contenus-abonnement li .illus { float:left; width:110px; padding-bottom:10px; } #contenu .boite #encadre-abonnement #contenus-abonnement li .illus img{ width:100px; } #contenu .boite #encadre-abonnement #contenus-abonnement li .content{ float:left; width:230px; } #contenu .boite #encadre-abonnement #contenus-abonnement li .avertissement{ border:1px solid #000000; padding:10px 10px 0 10px; margin-bottom:10px; } #contenu .boite #encadre-abonnement #contenus-abonnement li .avertissement2{ border:1px solid #000000; padding:10px 10px 0 10px; width:249px; float:left; } /*ACCUEIL NON IDENTIFIE*/ #contenu.accueil-non-identifie{ padding-top:10px; } #contenu .raisons{ padding:15px 20px; } #contenu .raisons .texte{ width:500px; float:left; } #contenu .raisons ul li{ font-size:0.75em; list-style-type:none; background:none; padding-left:21px; padding-bottom:18px; font-weight:bold; color:#000000; } #contenu .raisons .illus{ width:110px; float:left; } #contenu .boite .texte .mode-emploi { float:left; width:250px; } #contenu .boite .texte .mode-emploi .numero{ border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:5px; } /*///////////////// /CHANGER D'ADRESSE/ /////////////////*/ #contenu.adresse .rangee{ margin-bottom:15px; } /*//////////////// //POP UP////////// ////////////////*/ #grise{ position:absolute; z-index:2; height:2000px; width:100%; left:0; top:0; background-color:#999; opacity: .8; filter: alpha(opacity=80); } .pop-up{ position:absolute; z-index:3; left:400px; top:150px; width:342px; background-color:#fff; } .pop-up .aide{ border-top:1px solid #c7c7c7; margin:10px 10px 10px 0; padding:10px 0 0 0; } .pop-up .bloc .titre h2{ width:235px; } .pop-up .annule{ font-size:0.7em; float:right; width:50px; } .pop-up form .colonne{ width:125px; float:left; margin-right:30px; margin-bottom:10px; } .pop-up form .colonne .coche label{ width:100px; float:left; margin-bottom:10px; } .pop-up form .colonne .coche input{ float:left; margin-bottom:10px; } .pop-up form fieldset.valide{ clear:both; } .pop-up form fieldset.separe{ border-top:1px solid #c7c7c7; margin:0 10px 0px 0; padding:10px 0 0 0; } #contenu.autrestitres .boite .titre-ppal{ float:left; width:320px; padding-top:15px; } #contenu.autrestitres .boite .illus{ float:left; width:110px; padding-bottom:10px; } #contenu.autrestitres .boite .illus img{ width:100px; } #contenu.autrestitres .boite .content{ float:left; width:95px; } #contenu.autrestitres .boite .content h3{ font-size:0.85em; padding-bottom:5px; font-weight:bold; color:#000000; } #contenu.autrestitres .boite .content h3 a{ color:#000000; } #contenu.autrestitres .boite .colonne-titres{ width:220px; float:left; } #contenu.autrestitres .boite .colonne-titres .mag{ clear:both; padding:0 0 15px 0; } .error { color:#FF0000; text-align: left; font-size: 11px; font-weight: bold; padding:10px 0px 0px 20px ; clear:both; margin-bottom:20px; } .titleTable { color:#4c4831; font-size:0.7em; } #cb.champ .champ label { width:200px; display:block; float:left; padding-top:2px; } #rib.champ .champ label { width:200px; display:block; float:left; padding-top:2px; } .montrediv { visibility: visible; overflow: visible; } .cachediv { visibility: hidden; overflow: hidden; height: 0; } /* messages concernant le portage postage */ .messagePortageNiv1 {font-weight:bold;font-size:12px;color:#CC0000;} .messagePortageNiv2 {font-size:12px;} /* messages concernant les informations de portage */ .messageInfoPortageNiv1 {font-weight:bold;font-size:11px;color:#CC0000;font-style:italic;} .messageInfoPortageNiv2 {font-size:11px;font-style:italic;} /* message concenant le login password */ .messageloginPasswordNiv1 {font-weight:bold;font-size:11px;color:#CC0000;font-style:italic;} .messageloginPasswordNiv2 {font-size:11px;font-style:italic;} /* asterix champ obligatoire */ .champobligatoire {color:#CC0000;} .champ-mois {width:60px;} .champ-annee {width:132px;} /* FILE ARCHIVED ON 13:14:40 Dec 11, 2014 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 07:58:28 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: 4919.173 exclusion.robots: 0.166 exclusion.robots.policy: 0.152 cdx.remote: 0.107 esindex: 0.014 LoadShardBlock: 844.916 (3) PetaboxLoader3.datanode: 857.697 (4) CDXLines.iter: 15.062 (3) load_resource: 194.729 PetaboxLoader3.resolve: 101.433 */