/* default */ img {border:0; display:block;} a {outline: none; color:#42474E; text-decoration:none;} fieldset {border:0; margin:0; padding:0;} form {margin:0; padding:0;} option {background:white;} h2 {margin:0; padding:0; font-size:12px; text-transform:uppercase;} h3 {margin:0; padding:0; font-size:12px; line-height:14px; text-transform:uppercase;} h4 {margin:0; padding:0; font-size:10px; line-height:14px;} h2 span {display:block; float:right; } h2 span a {color:white; text-transform:none; margin-left:15px;} .clear {clear:both;} /* body */ body {background:url(../images/stripes.png) top repeat #d7d7d7; margin:0; font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#42474E;} #habillage-publicitaire {background:url(../images/habillage-site.jpg) no-repeat scroll center top #353535;} #lien-pub-gauche {display:block;height:1200px;left:-600px;position:absolute;width:600px;} #lien-pub-droite {display:block;height:1200px;left:883px;position:absolute;width:600px;} /* Popup */ .popin {} .popin .hd {background:url(../images/popin-hd.png) 0 0 no-repeat; padding-top:5px;} .popin .bd {background:url(../images/popin-bd.png) 0 0 repeat-y;} .popin .bd .hd {background:url(../images/popin-content-hd.png) 0 0 no-repeat; padding-top:5px;} .popin .bd .bd {background:url(../images/popin-content-bd.png) 0 0 repeat-y; zoom:1} .popin .ft {background:url(../images/popin-ft.png) 0 0 no-repeat; padding-top:8px;} .popin h3 {line-height:20px; padding:5px 50px 5px 20px; margin:0; color:white; font-size:12px; text-transform:none;} .popin a.close {display:block; float:right; line-height:20px; padding:3px 22px 7px 10px; font-size:10px; margin-right:10px; color:white; background:url(../images/popin-close.png) no-repeat 100% 5px;} .popin form {margin:0; padding:20px 20px 0 0; float:left;} .popin form div.fieldset {margin:0 0 20px 0; padding:10px; width:450px; text-align:right;} .popin form .field {padding:0 0 10px 20px; clear:left;} .popin form label {display:block; float:left; width:145px; padding:0; margin-right:5px; text-align:left; line-height:20px; margin-bottom:10px;} .popin form input.text {width:290px;} .popin form .comment {font-size:10px; text-decoration:underline;} .popin form input.submit {display:block; float:right; padding-bottom:5px;} /* Popup */ .popup {} .popup .hd {background:url(../images/popin-hd.png) 0 0 no-repeat; padding-top:5px;} .popup .bd {background:url(../images/popin-bd.png) 0 0 repeat-y;} .popup .bd .hd {background:url(../images/popin-content-hd.png) 0 0 no-repeat; padding-top:5px;} .popup .bd .bd {background:url(../images/popin-content-bd.png) 0 0 repeat-y; zoom:1} .popup .ft {background:url(../images/popin-ft.png) 0 0 no-repeat; padding-top:8px;} .popup h3 {line-height:20px; padding:5px 50px 5px 20px; margin:0; color:white; font-size:12px; text-transform:none;} .popup a.close {display:block; float:right; line-height:20px; padding:3px 22px 7px 10px; font-size:10px; margin-right:10px; color:white; background:url(../images/popin-close.png) no-repeat 100% 5px;} .popup form {margin:0; padding:20px 20px 0 0; float:left;width:470px;} .popup form div.fieldset {margin:0 0 20px 0; padding:10px; width:450px; text-align:right;} .popup form .field {padding:0 0 0px 20px; clear:left;} .popup form label {display:block; float:left; width:145px; padding:0; margin-right:5px; text-align:left; line-height:20px; margin-bottom:10px;} .popup form input.text {width:290px;} .popup form .comment {font-size:10px; text-decoration:underline;} .popup form input.submit {display:block; float:right; padding-bottom:5px;} .popup table {margin:10px; background:#f8f8f9; border-collapse:collapse; width:100%; clear:left;} .popup table .thead {height:5px; padding:0; background:url(../images/mes-lectures-hd-left.png) left top no-repeat #e0e3e3; border-bottom:none;} .popup table .thead div {height:5px; width:5px; background:url(../images/mes-lectures-hd-right.png) right top no-repeat #e0e3e3; float:right;} .popup table thead {background:#e0e3e3;} .popup table th {font-size:11px; text-align:center; padding:10px 10px 10px 0;} .popup table td {text-align:left; vertical-align:top; padding:10px 10px 10px 0;} .popup table .button {vertical-align:top; padding:10px 10px 10px 50px;} .popup table .first {padding-left:10px;} .popup table .center {padding-left:200px;} .popup table td, .mes-lectures table th {border-bottom:1px solid #b4bbc0;} .popup table tfoot {background:#e0e3e3;} .popup table tfoot td {border-bottom:none;} .popup table .tfoot {height:5px; padding:0; background:url(../images/mes-lectures-ft-left.png) left bottom no-repeat #e0e3e3;} .popup table .tfoot div {height:5px; width:5px; background:url(../images/mes-lectures-ft-right.png) right bottom no-repeat #e0e3e3; float:right;} .popup table h4, .mes-lectures table p {margin:0; padding:0;} .popup table a.reste {display:block; width:30px; height:40px; line-height:40px; text-align:right; padding-right:30px; font-size:14px; font-weight:bold;} .popup table a.ok {background:url(../images/pastille-reste-ok.png) left top no-repeat;} .popup table a.zero {background:url(../images/pastille-reste-zero.png) left top no-repeat;} .popup table a.attention {background:url(../images/pastille-reste-attention.png) left top no-repeat;} .popup table th.album {text-align:left;} .popup table th.lecture {width:50px;} .popup table th.reste {width:50px;} .popup table #pagination {clear:center;width:50%;margin:0} .popup table #pagination td.prev {text-align:left;} .popup table #pagination td.next {text-align:right;} .popup table #pagination td a {text-decoration:underline;} .popup .field div { height: 170px; } .popup .field div div { display: table-cell; padding: 20px 40px 20px 40px; height: 130px; vertical-align: middle; } .popup .field h4 { display: inline; } .popup .field img { float: right; margin-right: 20px; } /* layout */ #doc {width:1000px;margin:0 auto;} #hd {padding-top:15px; background:url(../images/doc-hd.png) top no-repeat;} #bd {background:white; background:url(../images/doc-bd.png) top repeat-y; padding:10px 5px 1px 5px;} #ft {padding-top:30px; background:url(../images/doc-ft.png) top no-repeat;} #main {margin:0 0 0 20px; padding:20px 0;} #content {clear:left; float:left; width:630px; margin:0 10px 0 0; padding:0;} #side {float:left; width:310px;padding-bottom:10px;} /* header */ #header .flag { text-align: center; margin-top: -15px; } #header .flag a { display: inline-block; margin: 0px 3px 0px 3px; } #header {margin:0; padding:0 20px; height:130px; position:relative; z-index:99;} #logo {float:left;} #options {float:left; margin-left:10px;} #search {padding:10px; height:70px; margin-bottom:10px;} #search h3 {display: inline; padding:0 0 0 0; margin:0; text-transform:uppercase; font-size:11px; line-height:1em;} #search select {border:none; font-size:11px; height:20px; padding:2px;} #search #editeur {background:url(../images/select-140.png) left top no-repeat; width:136px; margin-right:10px; margin-bottom:7px;} #search #serie {background:url(../images/select-150.png) left top no-repeat; width:146px; margin-right:10px; margin-bottom:7px;} #search #auteur {background:url(../images/select-140.png) left top no-repeat; width:136px; margin-bottom:7px;} #search #pattern {display:block; float:left; width:259px;} #search #search-submit {display:block; float:left; border:0; padding:0; width:30px; height:20px; background:url(../images/bouton-go.png) left top no-repeat; margin-left:1px;} #search #results {clear:both;padding:30px 0 0 0; margin-top: 20px; padding-top: 0px;font-size:10px;} #search #header_facebook {float:right;margin-top:-6px;width:120px;} #search #header-newsletter-text{font-size:10px;font-weight:bold;margin-bottom:5px;} #search #header-newsletter{} #search .info-logo {margin:10px 0px 10px 10px;float:left;} #search #facebook {margin:2px 0px 0px 0px;float:left;} #search #twitter {margin:2px 0px 0px 20px;float:left;} #search #search_pattern {padding:10px 0;} #search #search_error { display: none; padding-left: 20px; background: url('../images/warning.png') top left no-repeat; } #newsletter {height:33px; text-align:left; line-height:20px;width:220px;float:left; margin-right:7px;padding-top:4px;} #newsletter a {height:33px;width:220px;background:url(../images/newsletter-izneo-BD-numerique.png) left top no-repeat;display:block;} #header-code-promo {height:29px; text-align:left; line-height:20px;padding:8px 10px 0;width:223px;} #header-code-promo label {background:url(../images/puce-newsletter.png) left 3px no-repeat; color:white; font-size:11px; display:block; float:left;width:20px;height:20px;} #header-code-promo #newsletter-email {display:block; width:152px;} div.input-left {background:url(../images/input-left.png) top left no-repeat; float:left; padding-left:5px; height:20px;} input.input-center {background:url(../images/input-center.png) top right repeat-x; display:block; float:left; border:0; padding:2px 0;} div.input-right {background:url(../images/input-right.png) top right no-repeat; float:left; padding-right:5px; height:20px;} @media screen and (-webkit-min-device-pixel-ratio:0) { input.input-center {background:url(../images/input-center.png) top right repeat-x;display:block; float:left; border:0; margin:0px; padding:2px 0px 2px 0px;} } #header-code-promo #newsletter-submit {display:block; float:right; border:0; padding:0; width:30px; height:20px; background:url(../images/bouton-go.png) left top no-repeat;} #register-newsletter #newsletter-submit {display:block; float:right; border:0; padding:0; width:30px; height:20px; background:url(../images/bouton-go.png) left top no-repeat;} #user {float:left; margin-left:10px;} #user-title {margin:0 0 8px 0; height:24px;} #user h3 {line-height:20px; padding:0 10px; font-size:12px;} #user-login {padding:1px 0 0 10px; height:104px; color:#42474E;} #user-login label {font-size:11px; display:block; clear:left;} #user-login #loginemail, #user-login #loginpassword {width:120px; } /*#user-login #loginsubmit {margin:0px 0 0 0; border:none; padding:0; width:72px; height:13px; background:url(../images/connexion.gif) no-repeat;}*/ #user-login #lost-password {position: absolute;} #user-login #lost-password a{font-size:9px;text-decoration:underline;margin-left:5px;} #user-login #memorise { margin-top: 2px; font-size: 7pt;} #user-login #memorise input[type='submit'] { display: inline-block; margin: 4px 5px 0px 0px; border: none; background-color: #01B6E3; width: 62px; text-align: center; color: white; font-size: 8pt; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; behavior: url(content/border-radius.htc); } #user-login #memorise input[type='checkbox'] { vertical-align: middle; } #user-login #memorise label { display: inline; font-size: 7pt; } #user-logged {height:120px;padding:5px; position:relative;} #user-logged .name {background:url(../images/monavatar.png) 0 3px no-repeat; height:20px; padding:7px 0 5px 30px; border-bottom:1px solid #80DBF1; margin-bottom:3px;} #user-logged a {display:block; text-transform:uppercase; font-size:10px;} #user-logged a:hover{text-decoration:underline;} #user-logged .deconnexion {position:absolute; bottom:10px; text-transform:none;} /* home : premiere zone de contenu de la home */ #home {position:relative; clear:left; margin:20px 20px 0 20px;} #slider01 {position:relative; float:left; height:470px; margin-right:10px;} #autopromo {position:relative; float:left; height:170px; margin-bottom:10px;width:630px;} #autopromo a{float:left;} #slider02 {position:relative; float:left; height:290px; margin-right:10px;} #mise-en-avant {position:relative; float:left; height:290px; margin-right:10px;} #widget {position:relative; float:left; height:290px;} #mise-en-avant .mask, #widget .mask {position:absolute; top:0; left:0; width:154px; height:290px; background:url(../images/album-gratuit.png) top left no-repeat;} /* decalage de 1px pour les ombres */ .roundshaded {position:absolute; top:-1px; left:-1px;} #home .arrow-above {position:absolute; bottom:0; width:100%;} #home .arrow-above .content {padding:30px 10px 10px 10px;} /* home : catalogue */ #catalogue {position:relative; clear:left; padding-top:19px;} #catalogue .hd {padding-top:7px; background:url(../images/catalogue-hd.gif) center top no-repeat;} #catalogue .bd {background:url(../images/catalogue-bd.gif) center top repeat-y; padding:0 20px 0 20px;} #catalogue .ft {padding-top:23px; background:url(../images/catalogue-ft.gif) center top no-repeat;} #catalogue .title {height:20px; padding:7px 10px 3px 7px; background:url(../images/bar-green.gif) center top no-repeat; text-align:right;} /* #catalogue h2 {float:left; background:url(../images/puce-opened.gif) left 3px no-repeat; padding-left:20px; font-size:12px; text-transform:uppercase; color:white;} */ #catalogue .title a {color:white; text-decoration:none; font-size:11px; margin-left:10px;} #catalogue .inner {margin-top:-25px; margin-right:-2px; position:relative; height: 690px;} #catalogue .abecedaire {margin:0; padding-left:160px; padding-top:15px;} #catalogue .abecedaire li {display:block; float:left; background:url(../images/abecedaire-left.gif) left top no-repeat; padding-left:6px; margin-right:2px;} #catalogue .abecedaire a {display:block; float:left; height:16px; padding:2px 5px; text-decoration:none; text-transform:uppercase; font-weight:bold;} #catalogue .abecedaire span {display:block; float:left; height:16px; padding:2px 5px; text-decoration:none; text-transform:uppercase; font-weight:bold; color:#E0E3E3;} #catalogue .abecedaire li.active, #catalogue .abecedaire li:hover {background:url(../images/abecedaire-active-left.gif) left top no-repeat;} #catalogue .abecedaire li.active a, #catalogue .abecedaire li:hover a {background:url(../images/abecedaire-active-right.gif) right top no-repeat;} #catalogue .abecedaire li.all {padding-left:0px; background-position:-6px top;} #catalogue .abecedaire li.off:hover {background:url(../images/abecedaire-left.gif) left top no-repeat;} #catalogue .main {clear:left; padding-top:10px; margin-right:-2px;} #catalogue .menu {float:left; width: 150px; margin:0 0px 0 0; padding:0; font-size:11px; list-style:none;} #catalogue .menu li {display:block; margin-bottom:2px; float:left;} #catalogue .menu a {display:block; float:left; width:130px; padding:2px 10px 2px 10px;} #catalogue .menu li.active, #catalogue .menu li:hover {background:url(../images/menu-active-top.gif) top no-repeat #E0E3E3;} #catalogue .menu li.active a, #catalogue .menu li:hover a {background:url(../images/menu-active-bottom.gif) bottom no-repeat; font-weight:bold; padding-right:10px;} #catalogue .menu li.barre {width:120px; height:2px; padding:0; margin:10px 0; line-height:44px; background-color:#E0E3E3;} #catalogue .menu li.titre:hover {background:none;} .vignette-empty { display: inline-block; margin-bottom: 10px; padding-top: 80px; width: 154px; height: 212px; background: url('../images/vignette-empty.png') no-repeat top; text-align: center; vertical-align: middle; } .vignettes { display: table-cell; text-align: center; vertical-align: middle; } .vignettes#home_vig { margin-left: 10px; padding-left: 10px; width:792px; height: 600px; } .vignettes#other { padding-left: 0px; width:630px; height: 620px; } .vignettes img { display: inline; } .vignette {float:left; position:relative; width:150px; height:290px; margin:0 10px 10px 0;} .vignette .mask {position:absolute; top:0; left:0; display: none; width:154px; height:224px; background:url(../images/cadre-masque-fiche-album.png) top left no-repeat;} .vignette .discoverHover {display: block;} .last {margin-right:0;} .footer {clear:left; height:30px;} .results {float:left; width:140px; padding-left:10px; margin-right:10px; margin-top:10px; font-size:11px; line-height:20px;} .selecteur {float:left;height:20px; background:url(../images/selecteur-bg-left.gif) bottom left no-repeat; position:relative; margin:10px 0 20px 0;} .selecteur .right {width:5px; height:20px; background:url(../images/selecteur-bg-right.gif) bottom right no-repeat; float:right;} .selecteur .pointeur { display: table-cell; width: 100%; height:20px; padding-top:10px; position:absolute; bottom:0; text-align: center; background-color: #ff0000; background:url(../images/selecteur-center.png) no-repeat center; line-height:20px;color:white; font-weight:bold;} a.prevlink {float:left; display:block; height:20px; width:13px; background:url(../images/selecteur-prev.png) 5px 3px no-repeat;} .selecteur .pointeur div.pages { display: inline-block; height:20px; } .selecteur .pointeur div#center.pages { @width: 600px; padding: 0px 10px 0px 10px; text-align: center; background: #000000; } .selecteur .pointeur div#left.pages { @display: none; margin: 0px; width: 18px; background: url('../images/selecteur-left.png') no-repeat bottom; } .selecteur .pointeur div#right.pages { @display: none; width: 19px; background: url('../images/selecteur-right.png') no-repeat bottom; } .selecteur .pointeur div.pages a { margin: 0px 0px 0px 0px; color: #CCCCCC; font-weight: bold; } .selecteur .pointeur div.pages .active { margin: 0px 5px 0px 5px; color: #999999; font-weight: normal; } a.nextlink {float:left; display:block; height:20px; width:13px; background:url(../images/selecteur-next.png) 5px 3px no-repeat;} .pages a:hover {background-color: #666666;} a.decouvrir {display:block; line-height:28px; text-transform:none; padding-left:39px; background:url(../images/IcoPlay.gif) left no-repeat; font-weight:bold; color:white;} #intro-concept {float:left;padding-left:10px;font-size:30px;} #sous-intro-concept {font-size:15px;} .location {float:left;height:170px;padding:30px 20px 0px 150px;} .achat {float:left;height:304px;width:350px;padding-top:30px;font-size:18px;text-align:right;} .bouton-abonnement {float:left;width:500px;padding:30px 0 0 180px;margin:50px 0 0 50px;font-size:18px;text-align:right;} .bouton-abonnement form .button2 {display: table-cell;padding: 10px;height:20px;margin: 85px 0 20px 10px;overflow: hidden;position: relative;} .bouton-abonnement form .submit {background: none repeat scroll 0 0 transparent;width:450px;display:inline;border: 0 none;color: white;font-size: 14px;font-weight: bold;text-transform: uppercase;} .bouton-abonnement form .click {cursor: pointer;display:block;} .abonnement {float:left;height:170px;padding:20px 20px 0px 320px;} /* home : partenaires (cf catalogue) */ #partenaires {margin:20px;} #partenaires .inner {height:100px;} #partenaires a {position:relative; display:block; float:left; width:150px; height:90px; margin-right:10px;} #partenaires a.last {margin-right:0;} #partenaires a img {position:absolute; bottom:0;} #partenaires .inner-concept {height:800px;padding-left:50px;} #partenaires #step1 {background:url(../images/etape-1.png) top left no-repeat;height:50px;margin:30px 0 0;} #partenaires #step1 span {padding-left:70px;line-height:35px;} #partenaires .paragraphe {padding-left:70px;} #partenaires .centrer {padding:20px 0 10px 0;} #partenaires .centrer a {float:none;height:20px;margin:10px 0 0 400px;;width:100px;} #partenaires #step2 {background:url(../images/etape-2.png) top left no-repeat;height:50px;} #partenaires #step2 span {padding-left:70px;line-height:35px;} #partenaires #step3 {background:url(../images/etape-3.png) top left no-repeat;height:50px;} #partenaires #step3 span {padding-left:70px;line-height:35px;} #partenaires #step4 {background:url(../images/etape-4.png) top left no-repeat;height:50px;} #partenaires #step4 span {padding-left:70px;line-height:35px;} /* footer */ #footer {clear:left; margin:20px; background:url(../images/footer-bd.gif) top repeat-x #5C696F;} #footer .content {padding:15px 0;} #footer .box {position:relative; float:left; width:115px; margin:0 10px 0 0; padding-left:10px;} #footer .last {margin-right:0;} #footer h3 {color:white; margin:0 0 20px 0; padding:0; font-weight:bold; font-size:11px;} #footer ul {color:white; margin:0; padding:0; list-style:none;} #footer ul a {font-size:11px;} #footer li {padding:0;} #footer a {color:white;} /*CNL */ #cnl {clear:left; padding:30px 10px 0 10px; color:#fff; font-size:10px;float:right;text-align:bottom;} #cnl span {float:left; margin:70px 5px 0px 0px;padding:0px;} #cnl img{float:right;} /* legal */ #legal {clear:both; padding:10px 10px 0 10px; height:27px; color:#fff; font-size:10px;} #legal #copyright {float:right;} #legal #copyright a{color:#5C696F;} #t_logo {clear:left; padding:0px 16px 0 0; height:27px;} #t_logo #izneo {float:right;} /* page : fiche */ #fiche {} #fiche .inner {margin-top:-20px; position:relative;} #fiche .col img {margin: 5px;} #fiche .col-thumb {clear:left; float:left; padding-top:25px; width:320px;} #fiche .col-details {width:310px; float:left; padding-top:5px;} #fiche .col-thumb .tooltips {height:50px; padding-top:5px;} #fiche .col-thumb .tooltip {float:left; height:55px; margin-right:8px;} #fiche .col-thumb span {display:none;} #fiche .col-thumb .serie, #fiche .col-thumb .feuilleter, #fiche .col-thumb .forfait {width:92px;} #fiche .col-thumb .lire {width:92px; background:url(../images/lire-BD.png) no-repeat;} #fiche .col-thumb .appstore {width:112px; background:url(../images/appstore.gif) no-repeat; margin-right:0;} .acheter-papier {clear:left; border-top:1px solid #D2D2D2; margin:10px 0 0 0; padding-top:10px;} .acheter-papier h3 {margin:0 0 10px 10px; } .acheter-papier-logos {width:310px;} .acheter-papier-logos .hd {background:url(../images/acheter-hd.png); padding-top:5px;} .acheter-papier-logos .bd {background:#F8F8F9; padding:5px;} .acheter-papier-logos .ft {background:url(../images/acheter-ft.png); padding-top:5px;} .acheter-papier-logos .ft {background:url(../images/acheter-ft.png); padding-top:5px;} .acheter-papier-logos a {display:block; height:70px; float:left;} #librairie-search {font-size:10px;padding-bottom:5px;} #search-city #search-city-submit {display:block; float:left; border:0; padding:0; width:30px; height:20px; background:url(../images/bouton-go.png) left top no-repeat; margin-left:1px;} #fiche h2.serie {font-size:32px; color:#42474E; text-transform:none; font-weight:normal; float:none; padding:0 0 0 10px;} #fiche h2.album {font-size:18px; color:#42474E; text-transform:none; font-weight:normal; float:none; padding:0 0 0 10px;} #fiche .navigation {padding:0 10px;} #fiche .asterisque {font-size:11px; margin-left:10px;} .album-lire {width:260px; margin:10px; color:white;} .album-lire .hd {padding-top:5px; background:url(../images/album-lire-hd.png) top left no-repeat;} .album-lire .bd {background:#01B6E3; padding:5px 10px;} .album-lire .read {padding:10px;} .album-lire .ft {padding-top:5px; background:url(../images/album-lire-ft.png) top left no-repeat;} .album-lire a.acheter {color:white; font-size:18px; padding-left:30px; background:url(../images/panier.png) left 3px no-repeat;} .album-lire .prix {color:white; font-size:22px;} .album-lire .lire , .album-lire .add {color:white; font-size:20px; padding:12px 0 10px 30px;} .album-lire #read {background:url(../images/pastille-lire.png) left 3px no-repeat;} .album-lire a.plus {font-size:11px; margin-left:10px;text-decoration:underline;} .album-lire p {margin:5px 0 0 0; font-size:11px;} .album-soon {width:260px; margin:10px; } .album-soon p {margin:10px; font-size:20px;color:white;} #fiche table {margin:10px; border:0; border-collapse:collapse;} #fiche th {text-align:left; width:150px; padding:1px 10px 1px 0;} #fiche td a {text-decoration:underline;} #fiche tr.genre th, #fiche tr.genre td {padding-top:15px;} #fiche .tags {clear:left; border-top:1px solid #D2D2D2; margin:10px 10px 0 0; padding:10px 10px 0 10px;} #fiche .tags .title {height:20px; padding:0; text-align:right; background:none;} #fiche .tags .title h3 {float:left;} #fiche .tags .title a {font-size:11px;} .tags ul {clear:left; margin:0 0 0 -10px; padding:0; list-style:none;} .tags li {background:url(../images/tag-left.png) top left no-repeat; display:block; float:left; margin:0 4px 10px 0;} .tags li a {background:url(../images/tag-right.png) top right no-repeat; padding:0 15px 0 10px; line-height:20px; float:left; font-size:11px; color:white;} .partager {clear:left; border-top:1px solid #D2D2D2; margin:10px 0 0 0; padding:10px 0 0 10px;} .partager .field {padding:20px 0 10px 10px;} .partager .field label{float:left;padding:5px 10px 0px 0px;} .partager p{padding:5px 0px 0px 0px;font-size:9px;} .yt-uix-button {float:right;-moz-border-radius:3px 3px 3px 3px;background:-moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 #F6F6F6;border:1px solid #CCCCCC;cursor:pointer;height:2.0833em;overflow:visible;padding:0 0.5em;vertical-align:middle;white-space:nowrap;} .yt-uix-button .yt-uix-button-content {display:inline-block;line-height:1.6666em;vertical-align:middle;} .resume {clear:left; padding-top:10px; text-align: justify;} .resume h3 {border-top:1px solid #D2D2D2; padding:10px 10px;} .resume p {padding:0 10px;} #content .aussi, #side .aussi {position:relative;} #content .aussi .inner, #side .aussi .inner {position:relative; top:0px; border-top:none;} .inner .view {padding-top:5px; float:right; padding-right:5px; height:25px;} .inner .view a {display:block; float:left; height:17px; line-height:17px; margin-left:10px; font-size:11px;} .inner .view a.list {width:19px; background:url(../images/view-list.png) no-repeat;} .inner .view a.list span {display:none;} .inner .view a.thumbs {width:19px; background:url(../images/view-thumbs.png) no-repeat;} .inner .view a.thumbs span {display:none;} #content .aussi div.thumbs, #side .aussi div.thumbs {clear:both;} #content .aussi div.thumbs .col, #side .aussi div.thumbs .col {float:left; margin-right:10px; width:150px; position:relative; height:450px;} #content .aussi div.thumbs .col .content, #side .aussi div.thumbs .col .content {position:absolute; float:left; top:-1px; left:-1px;} #content .aussi div.thumbs .col .content img, #side .aussi div.thumbs .col .content img {margin-bottom:7px;} #content .aussi div.thumbs .last, #side .aussi div.thumbs .last {margin-right:0;} #content .aussi .slider, #side .aussi .slider {clear:left; margin-bottom:10px;} /* side */ .mes-lectures {position:relative;} .mes-lectures .content {cursor:pointer;} .mes-lectures .inner {margin-top:0;} .mes-lectures .rounded-corners {float:left; margin-right:10px;} .mes-lectures .last {margin-right:0;} .mes-lectures table {margin:5px 0 20px 0; background:#f8f8f9; border-collapse:collapse; width:100%; clear:left;} .mes-lectures table .thead {height:5px; padding:0; background:url(../images/mes-lectures-hd-left.png) left top no-repeat #e0e3e3; border-bottom:none;} .mes-lectures table .thead div {height:5px; width:5px; background:url(../images/mes-lectures-hd-right.png) right top no-repeat #e0e3e3; float:right;} .mes-lectures table thead {background:#e0e3e3;} .mes-lectures table th {font-size:11px; text-align:center; padding:10px 10px 10px 0;} .mes-lectures table td {text-align:left; vertical-align:top; padding:10px 10px 10px 0;} .mes-lectures table .button {vertical-align:top; padding:10px 10px 10px 50px;} .mes-lectures table .first {padding-left:10px;} .mes-lectures table .center {padding-left:200px;} .mes-lectures table td, .mes-lectures table th {border-bottom:1px solid #b4bbc0;} .mes-lectures table tfoot {background:#e0e3e3;} .mes-lectures table tfoot td {border-bottom:none;} .mes-lectures table .tfoot {height:5px; padding:0; background:url(../images/mes-lectures-ft-left.png) left bottom no-repeat #e0e3e3;} .mes-lectures table .tfoot div {height:5px; width:5px; background:url(../images/mes-lectures-ft-right.png) right bottom no-repeat #e0e3e3; float:right;} .mes-lectures table h4, .mes-lectures table p {margin:0; padding:0;} .mes-lectures table a.reste {display:block; width:30px; height:40px; line-height:40px; text-align:right; padding-right:30px; font-size:14px; font-weight:bold;} .mes-lectures table a.ok {background:url(../images/pastille-reste-ok.png) left top no-repeat;} .mes-lectures table a.zero {background:url(../images/pastille-reste-zero.png) left top no-repeat;} .mes-lectures table a.attention {background:url(../images/pastille-reste-attention.png) left top no-repeat;} .mes-lectures table th.album {text-align:left;} .mes-lectures table th.lecture {width:50px;} .mes-lectures table th.reste {width:50px;} .mes-lectures table #pagination {clear:center;width:50%;margin:0} .mes-lectures table #pagination td.prev {text-align:left;} .mes-lectures table #pagination td.next {text-align:right;} .mes-lectures table #pagination td a {text-decoration:underline;} #actualites {} #actualites .inner {padding-top:5px;} #actualites .box {float:left; position:relative; width:150px; height:290px; margin-right:10px; margin-bottom:20px;} #actualites .last {margin-right:0;} #actualites .box .content {position:absolute; top:-1px; left:-1px;} #side #slider02 {margin-top:20px; top:-1px; left:-1px; float:none; clear:left; margin-right:0;} /** * couleurs */ .green, .old-green {background-color:#97BD00; color:white;} .blue {background-color:#01B6E3; color:white;} .orange {background-color:#D96711; color:white;} .lightergrey {background-color:#F8F8F9; color:#42474E;} .lightgrey {background-color:#E0E3E3; color:#42474E;} .grey {background-color:#BDB8B1; color:black;} .darkgrey, .old-darkgrey {background-color:#41464D; color:white;} .red {background-color:#E34C01; color:white;} .green a, .green h2, .green h3 {color:white;} .blue a, .blue h2, .blue h3 {color:white;} .lightgrey a, .lightgrey h2, .lightgrey h3 {color:#42474E;} .grey a, .grey h2, .grey h3 {color:black;} .darkgrey a, .darkgrey h2, .darkgrey h3 {color:white;} .blue h2.off, .blue h2.off a {color:#B7EAFD;} .blue h2.off a:hover {color:white;} /** * tailles */ .l1 {width:150px;} .l2 {width:310px;} .l3 {width:470px;} .l4 {width:630px;} .l5 {width:790px;} .l6 {width:950px;} .block {margin:0 20px 10px 20px;} .rounded-corners {position:relative; overflow:hidden;} .rounded-corners .content {padding:0;} .rounded-corners .content p {margin:0; padding:10px 20px;} .rounded-corners .content h2 {padding:8px 20px 8px 10px; font-size:12px; line-height:14px; text-transform:uppercase;} .rounded-corners .content h2.opened {padding-left:30px; background:url(../images/puce-opened.gif) 10px 12px no-repeat;} .rounded-corners .content h2.closed {padding-left:30px; background:url(../images/puce-closed.gif) 10px 10px no-repeat;} .rounded-corners .tl {position:absolute; display:block; top:0; left:0; width:5px; height:5px; background:url(../images/corner-tl.png) left top no-repeat;} .rounded-corners .tr {position:absolute; display:block; top:0; right:0; width:5px; height:5px; background:url(../images/corner-tr.png) right top no-repeat;} .rounded-corners .bl {position:absolute; display:block; bottom:0; left:0; width:5px; height:5px; background:url(../images/corner-bl.png) left bottom no-repeat;} .rounded-corners .br {position:absolute; display:block; bottom:0; right:0; width:5px; height:5px; background:url(../images/corner-br.png) left bottom no-repeat;} .arrow-above {} .arrow-above .content {margin:0; padding-top:20px;} .arrow-above .tl {position:absolute; top:0; left:0; width:5px; height:25px; background:url(../images/arrow-above-tl.png) left top no-repeat;} .arrow-above .tr {position:absolute; top:0; right:0; width:100%; height:25px; background:url(../images/arrow-above-tr.png) right top no-repeat;} .arrow-above .content h2 {padding-top:8px;} .arrow-above .content p {padding-top:8px;} .arrow-below {} .arrow-below .content {margin:0; padding-bottom:20px;} .arrow-below .bl {position:absolute; bottom:0; left:0; width:100%; height:25px; background:url(../images/arrow-below-bl.png) left bottom no-repeat;} .arrow-below .br {position:absolute; bottom:0; right:0; width:5px; height:25px; background:url(../images/arrow-below-br.png) right bottom no-repeat;} .arrow-below .content h2 {padding-bottom:8px;} .arrow-below .content p {padding-bottom:8px;} .pointer {} .pointer .content {margin:0; padding-bottom:20px;} .pointer .bl {position:absolute; bottom:0; left:0; width:5px; height:25px; background:url(../images/pointer-bl.png) left bottom no-repeat;} .pointer .br {position:absolute; bottom:0; right:0; width:50px; height:25px; background:url(../images/pointer-br.png) right bottom no-repeat;} .pointer .b {position:absolute; bottom:0; left:0; width:100%; height:25px; background:url(../images/pointer-b.png) center bottom no-repeat;} .pointer .content h2 {padding-bottom:8px;} .pointer .content p {padding-bottom:8px;} /* param�tres g�n�raux */ .scrollable {position:relative; overflow:hidden;} .scrollable .items {position:absolute; left: 0; clear:both; width:2000em; height: 100%;} .scrollable .item {float:left; height:100%;} /* sur la home */ .scrollable {width:792px; height:600px;} .scrollable .item {width:790px; margin-right:10px;} /* page interne */ #content .scrollable {width:632px;} #content .scrollable .item {width:630px; margin-right:10px;} #side .scrollable {width:312px;} #side .scrollable .item {width:320px;} /*#content #catalogue .scrollable {height:900px;}*/ #content .aussi .scrollable, #side .aussi .scrollable {height:600px;} .arrow-above {position:absolute; left: 0; bottom:0; width:100%;} .arrow-above .content {padding:30px 10px 10px 10px;} #content #catalogue .inner {margin-top:0;} .tri {margin:5px 0; padding:0; list-style:none;} .tri li {display:block; float:left; padding:0; margin-right:10px;} .tri a {display:block; float:left; height:16px; padding:2px 10px; text-decoration:none; text-transform:uppercase; font-weight:bold;} .tri span {display:block; float:left; height:16px; padding:2px 10px; text-decoration:none; text-transform:uppercase; font-weight:bold; color:#E0E3E3;} .tri li.active, .tri li:hover {background:url(../images/tri-active-left.gif) left top no-repeat;} .tri li.active a, .tri li:hover a {background:url(../images/tri-active-right.gif) right top no-repeat;} #content #profil #catalogue {padding-top:2px;} #description .inner {padding:5px 10px;} #description .navigation {float:right; font-size:11px; padding-right:10px;} #description .navigation a.left {padding-left:15px; background:url(../images/arrow-left.png) left top no-repeat;} #description .navigation a.right {padding-right:15px; background:url(../images/arrow-right.png) right top no-repeat;} #description .navigation span.sep {padding:0 5px; background:url(../images/sep.png) center top no-repeat;} #description h2.serie {clear:both; text-transform:none; font-size:32px; font-weight:normal;} #description table {float:left;} #description table th {font-weight:normal; text-align:left; width:150px; margin-right:10px;} #description table td {width:150px;} #description table td a {text-decoration:underline;} #description p {padding:0; margin:0; float:left; width:300px;} #autopromo-small {position:relative; width:310px; height:300px; margin-bottom:20px;} #profil {} #profil .inner {clear:left; padding-top:5px;} #profil .rounded-corners {float:left; width:150px; margin-right:10px;} #profil .profil{width:310px; margin-right:10px;} #profil .locations {width:310px; margin-right:0;} #profil .favoris {width:310px; margin-right:0;} #profil .avatar {width:150px; margin-right:10px; float:left;} #profil .avatar a {text-decoration:underline;} #profil form {margin:0; padding:0; float:left; width:470px;} #profil form div.fieldset {margin:0 0 20px 0; padding:10px; width:610px; text-align:left;} #profil form div.validate {margin-left:150px;} #profil form h3 {text-transform:none; margin-bottom:15px; text-align:left;} #profil form .field {padding-bottom:10px; clear:left;} #profil form label {display:block; float:left; width:147px; padding:0; text-align:left;} #profil form input.text {width:290px;} #profil .comment {font-size:10px; text-decoration:underline;} #profil form .radios {text-align:left; float:left;} #profil form .radios label {display:inline; width:auto; float:none;} #profil form .radios input {display:inline; width:auto;} #profil form .select {display:inline; width:auto;float:left;} #profil form .checkbox {text-align:left;} #profil form .checkbox label {display:inline; float:none; width:auto;} #profil form .checkbox input {display:inline; float:none; width:auto;} #profil form img {display:inline;} #profil form .explication {float:left; text-align:left; font-style:italic;} #profil form div.banque {text-align:left;} #profil form div.banque img {margin-right:20px;} #profil form .checkField {display: inline-block; margin-top: 3px; margin-left: 3px; width: 12px; height: 14px; background-repeat: no-repeat; background-position: top right;} #profil.mes-lectures td.date-center { text-align: center; } #profil table.sells_details { display: inline-table; border-collapse: separate; border-spacing: 2px; caption-side: bottom; } #profil .sells_details th { text-align: left; } #profil .sells_details th:nth-child(2){ width: 180px; } #profil .sells_details td:last-child, th:last-child { text-align: right; } #profil .sells_details td, th { padding: 6px 12px; } #profil .sells_details tr:nth-child(odd) { background: #eee; } #profil .sells_details tr:nth-child(even) { background: #ccc; } #profil .sells_details tr:first-child { background: #cba !important; color: white; } .mandatory {width:15px; line-height:15px; background:url(../images/star.png) no-repeat 0 0;} .texte {clear:left; margin-bottom:20px; padding:10px; border-top:1px solid #d1d1d1;} .texte h2 {text-transform:none;} #parcours {margin:20px} #parcours .rounded-corners {width:310px; margin-right:10px; float:left;} #parcours .last {margin-right:0;} #parcours .inner {clear:left; padding:5px 10px 0 10px;} #parcours .abonnement {float:left; padding-left:250px;height:450px;} #parcours .abonnement img{padding-left:70px;} #parcours #form_location {float:left; width:470px; margin-right:10px;} #parcours #form_prepaid {float:left; margin: 0px 200px;} #parcours form .rounded-corners {padding:10px; height:300px; width:450px; margin:0;} #parcours form .rounded-corners#register {width:450px;height:350px;} #parcours form .button {margin:10px 0 20px 0; height:20px; text-align:center; width:930px;} #parcours form .button2 {margin:10px 0 20px 250px; height:20px;width:450px;} #parcours form .click {cursor:pointer;} #parcours form .last {margin-right:0;} #parcours form .first {margin-right:10px;} #parcours form div.fieldset {text-align:right;} #parcours form h3 {text-transform:uppercase; margin-bottom:15px; text-align:left;} #parcours form .field {padding-bottom:10px; clear:left;} #parcours form label {display:block; float:left; width:150px; margin-right:10px; padding:0; text-align:left; line-height:20px; padding-bottom:10px;} #parcours form #fieldset-cgv label {display:inline;float:none;width:350px;} #parcours form input.text {width:260px;} #parcours .comment {font-size:10px; text-decoration:underline;} #parcours form .radios {text-align:left; float:left;width:600px;margin-bottom:10px} #parcours form .radios label {display:inline; width:auto; float:none;} #parcours form .radios input {display:inline; width:auto;} #parcours form .select {display:inline; width:auto;float:left;} #parcours form .checkbox {text-align:left;} #parcours form .check label {display:inline; float:none; width:auto;} #parcours form .checkbox input {display:inline; float:none; width:auto;} #parcours form img {display:inline;} #parcours form .explication {float:left; text-align:left; font-style:italic;} #parcours form .submit {border:0; background:none; color:white; font-weight:bold; font-size:14px; text-transform:uppercase;} #parcours #form_inscription .content .checkField {display: inline-block; margin-top: 3px; width: 12px; height: 14px; background-image: url('../images/red_cross.png'); background-repeat: no-repeat; background-position: top right;} #parcours.etape2 #location {float:left; width:310px; padding:0px; margin:0 10px 10px 0;} #parcours.etape2 #location h2 {padding-left:0;} #parcours.etape2 #location .col {float:left; position:relative; width:150px; margin-right:10px;} #parcours.etape2 #location .last {width:112px; padding:0; margin-right:0; font-size:11px;} #parcours.etape2 #location p {padding:0; margin-bottom:10px;} #parcours.etape2 #location .roundshaded {position:relative;} #parcours.etape2 #location .bubble {clear:left; width:150px;} #parcours.etape2 #location .bubble .hd {background:url(../images/bubble-hd.png) bottom no-repeat; padding-top:21px;} #parcours.etape2 #location .bubble .bd {background:#E0E3E3; padding:1px 10px;} #parcours.etape2 #location .bubble .ft {background:url(../images/bubble-ft.png) top no-repeat; padding-top:4px;} #parcours.etape2 #location .achat {font-size:35px; padding:0; margin:60px 0 0 0;} #parcours.etape2 #location .duree {font-size:100px; padding:0; margin:0; line-height:80px;} #parcours.etape2 #location .jours {font-size:44px; padding:0; margin:0; line-height:44px;} #parcours.etape2 #location .barre {width:120px; height:2px; padding:0; margin-top:10px; line-height:44px; background-color:black;} #parcours.etape2 #location .prix {font-size:40px; padding:0; margin-top:20px; line-height:44px;} #parcours.etape2 #location .credit {font-size:14px; padding:20px; margin-top:20px; } #parcours.etape2 #location .montant {float:left; position:relative; width:150px; padding-left:40px;} #parcours.etape2 #location .montant .txt{float:left; font-size:15px;padding:10px 0px;} #parcours.etape2 #location .montant input{width:35px;} #parcours.etape2 #location .bonus{padding:10px 0px;font-size:15px;float:right;} #parcours.etape2 #location .total{padding:10px 0px;font-size:20px;float:right;} #parcours.etape2 .mes-lectures {float:left;width:310px; padding:0px; margin:0 10px 10px 0;} #parcours.etape2 .mes-lectures .inner{padding:0px;} #parcours.etape2 .mes-lectures .inner table {margin:0px;} .mes-lectures .inner .total {font-size:20px; line-height:44px;} .mes-lectures .inner .prix {font-size:20px; line-height:44px;} #parcours.etape2 form {width:470px; margin-right:0;} #parcours.etape2 form h1 {margin:0;} #parcours.etape2 form .rounded-corners {padding:10px; width:610px;} #parcours.etape2 form #fieldset-moyens {height:170px; margin-bottom:10px;} #parcours.etape2 form #fieldset-moyens .field label {text-transform:uppercase; text-align:left;font-weight:bold;} #parcours.etape2 form #fieldset-moyens .field p {text-transform:uppercase; text-align:left;font-weight:bold;} #parcours.etape2 form #fieldset-moyens .field a {text-decoration:underline;} #parcours.etape2 form #fieldset-bravo {height:190px; margin-bottom:10px;text-align:center;} #parcours.etape2 form #fieldset-cgv {height:88px;} #parcours.etape2 form #fieldset-abo {height:150px;} #parcours.etape2 form #fieldset-play {height:80px; text-align:center;} #parcours.etape2 form .radios .group {float:left; width:140px; margin-right:10px; text-align:center;} #parcours.etape2 form .radios .group input[type="text"] { margin-bottom: 5px; width: 80px; } #parcours.etape2 form .radios .name {padding-top:5px; text-transform:uppercase; font-weight:bold;} #parcours.etape2 form .radios .name a{text-decoration:underline;} #parcours.etape2 form .button {margin:10px 0 20px 0; height:20px; text-align:center;} #parcours.etape3 .inner .catalogue { margin: 100px; text-align: justify; } #parcours.prepaid .inner { padding-left: 0px; } #parcours.prepaid .inner img.toon, #parcours.prepaid-valid .inner img.toon { display: block; border: solid 3px; width: 180px; height: 100px; } #parcours.prepaid .inner input[type="radio"] { margin-top: 20px; } #parcours.prepaid .inner label { float: inherit; padding: inherit; width: inherit; } #parcours.prepaid .inner p { padding-left: 10px; } #parcours.prepaid .inner div.cards { margin: 50px; } #parcours.prepaid .inner div.cards div { display: inline-block; text-align: center; margin: 4px; } #parcours.prepaid .inner div.confirm { padding: 150px; text-align: center; } #parcours.prepaid-payment form .button { margin: 10px 200px; width: inherit; } #parcours.prepaid-payment form div.fieldset { margin: 0px 200px; height: 190px; } #parcours.prepaid-payment .inner .group { display: inline-block; margin: 40px; text-align: center; } #parcours.prepaid-valid .button { margin-left: 346px; } #parcours.prepaid-valid .inner img.star { display: inline; width: 10px; height: 10px; border: none; } #parcours.prepaid-valid .inner input[type="text"] { width: 270px; } #parcours.prepaid-valid .inner label { display: inline; float: inherit; margin: 0; padding: 0; width: inherit; } #parcours.prepaid-valid .inner table { margin: 20px 0px 5px 0px; } #parcours.prepaid-valid .inner textarea { width: 274px; } #parcours.prepaid-valid .inner tr td:first-child { vertical-align: top; } #parcours.prepaid-valid .inner .pointer .content { padding: 10px; } #parcours.prepaid-valid .inner .rounded-corners { width: 430px; height: inherit; } #parcours.prepaid-valid .inner .toon_chosen { display: inline-block; float: left; margin: 0px 80px 0px 80px; } #parcours.prepaid-valid .inner #error { visibility: hidden; margin-bottom: 5px; color: #ff0000; font-size: 8pt; } #admin {margin:20px;} #admin .rounded-corners {width:310px; margin-right:10px; float:left;} #admin .last {margin-right:0;} #admin .inner {clear:left; padding:5px 10px 0 10px;} #admin #form_location {float:left; width:470px; margin-right:10px;} #admin form .rounded-corners {padding:10px; height:230px; width:450px; margin:0;} #admin form .button {margin:10px 0 20px 0; height:20px; text-align:center; width:930px;} #admin form .button2 {margin:10px 0 20px 15px; height:20px; text-align:center;width:450px;} #admin form .last {margin-right:0;} #admin form .first {margin-right:10px;} #admin form div.fieldset {text-align:right;} #admin form h3 {text-transform:uppercase; margin-bottom:15px; text-align:left;} #admin form .field {padding-bottom:10px; clear:left;} #admin form label {display:block; float:left; width:150px; margin-right:10px; padding:0; text-align:left; line-height:20px; padding-bottom:10px;} #admin form input.text {width:280px;} #admin .comment {font-size:10px; text-decoration:underline;} #admin form .radios {text-align:left; float:left;width:600px;margin-bottom:10px} #admin form .radios label {display:inline; width:auto; float:none;} #admin form .radios input {display:inline; width:auto;} #admin form .checkbox {text-align:left;} #admin form .checkbox label {display:inline; float:none; width:auto;} #admin form .checkbox input {display:inline; float:none; width:auto;} #admin form img {display:inline;} #admin form .explication {float:left; text-align:left; font-style:italic;} #admin form .submit {border:0; background:none; color:white; font-weight:bold; font-size:12px; text-transform:uppercase;} label a {text-decoration:underline;} .last {margin-right:0;} .champs td {text-align: left; } .long { width : 345px; } #para {font-weight: bold; } #partenaires #para img {position:relative; bottom:0px;} #partenaires .inner-concept #para {text-decoration:none; position:relative; margin-right: 0px; height:0px; font-weight: bold; } #adobe {text-align:right; display:inline; position:relative; top:2px; left:20px; } #partenaires .inner-concept #paragraphe {text-align:justify;} #paragraphe {text-align:justify;} #big {font-size:large;} #minititre {TEXT-DECORATION:underline;} .pastille{display:inline; bottom:0px; position:relative; right:0px; } #accordion div.accordion { cursor:pointer;padding: 20px 10px; outline: none; background-color: #F8F8F9; border-bottom: solid 1px #B4BBC0; } #accordion h3 { display: inline; margin-right: 5px; } #accordion h4 { display: inline; } table.albums#details thead, table.albums#details tbody { padding: 0px 20px; background-color: #fff; } table.albums#details .first { padding-left: 40px; } table.albums { margin: 0px; } table.albums thead img { display: inline; margin-right: 4px; }