body, td, input, select { font-family: jubilat, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif; font-weight: 100; font-feature-settings: 'liga=1,dlig=0,pnum=1,onum=0'; font-size: 1.2em; color: #000; } input { color: #333; } body, td { margin: 0px; padding: 0px; } body { position: relative; margin: 0; min-height: 100%; overflow-x: hidden; } html { height: 100%; position: relative; } * { transition: all .15s ease-out; -moz-transition: all .15s ease-out; -webkit-transition: all .15s ease-out; -o-transition: all .15s ease-out; } a { color: #000; text-decoration: none; } a:hover { text-decoration: underline } #carre-rouge { position: fixed; top: 20px; right: 20px; width: 100px; height: 100px; background: red; box-shadow: 0 1px 2px #000; -moz-box-shadow: 0 1px 2px #000; -webkit-box-shadow: 0 1px 2px #000; -o-box-shadow: 0 1px 2px #000; transform: rotate(-2deg); -moz-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); -o-transform: rotate(-2deg); z-index: 1000; } #carre-rouge a { display: block; width: 100%; height: 100%; } #carre-rouge a:hover { text-decoration: none; } /* Header */ #top { width: 1000px; margin: 0 auto; } #top header { padding: 20px 0; border-top: 10px solid rgb(243,0,136); } #top header a { font-size: 4em; font-weight: bold; text-transform: uppercase; font-family: brandon-grotesque, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif; display: block; } #top header a:hover { text-decoration: none; } #top header a span { padding-left: 1em; } #top header .l-0 { padding-left: 0; color: rgb(0,175,233); } #top header .l-1 { color: rgb(243,0,136); } #top header .l-2 { color: rgb(255,241,72); } #top header .l-3 { color: rgb(0,175,233); } #top header .l-4 { color: rgb(255,241,72); } #top header .l-5 { color: #000; } #top header .l-6 { color: rgb(243,0,136); } #top header a:hover .l-0 { color: rgb(243,0,136); } #top header a:hover .l-1 { color: rgb(0,175,233); } #top header a:hover .l-2 { color: #000; } #top header a:hover .l-3 { color: rgb(255,241,72); } #top header a:hover .l-4 { color: rgb(243,0,136); } #top header a:hover .l-5 { color: rgb(255,241,72); } #top header a:hover .l-6 { color: rgb(0,175,233); } #top header a span { transition: all 1.5s ease-out; -moz-transition: all 1.5s ease-out; -webkit-transition: all 1.5s ease-out; -o-transition: all 1.5s ease-out; } #top header section.slogan { display: inline-block; font-family: brandon-grotesque, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif; font-weight: bold; text-transform: uppercase; font-size: 0.7em; letter-spacing: 3px; color: rgb(243,0,136); padding: 0 0 5px 0; border-bottom: 3px solid rgb(243,0,136); } #top nav { margin: 20px 0 20px 0; } #top nav ul { margin: 0; padding: 0; } #top nav li { margin: 0 30px 0 0; padding: 0; list-style: none; float: left; font-size: 2em; font-family: brandon-grotesque, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif; } #top nav li.path { } #top nav li.path a { padding: 0 10px; background: rgb(255,241,72); box-shadow: 4px 4px 0 #000; -moz-box-shadow: 4px 4px 0 #000; -webkit-box-shadow: 4px 4px 0 #000; -o-box-shadow: 4px 4px 0 #000; } #top nav li.path a:hover { text-decoration: none; } #panier-mini a { color: rgb(243,0,136); } #panier-mini span.qte { display: inline-block; background: rgb(243,0,136); color: #fff; width: 1.4em; height: 1.4em; text-align: center; border-radius: 1.4em; -moz-border-radius: 1.4em; -webkit-border-radius: 1.4em; -o-border-radius: 1.4em; } #top #lng { float: right; margin: 0; } #lng a { color: rgb(0,175,233); } /* Main */ #conteneur { width: 1000px; margin: 1em auto 0 auto; padding-bottom: 70px; } body.avec-contexte #main { width: 660px; float: left; } body.avec-contexte #contexte { width: 320px; float: right; } /* Titres */ #titre, #contexte .root { font-family: brandon-grotesque, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif; text-transform: uppercase; letter-spacing: 2px; font-size: 0.8em; color: #fff; background: rgb(0,175,233); padding: 5px 10px; } #titre .here, #contexte .root { font-weight: bold; } #titre a { color: #fff; } #contexte .root { color: #fff; background: rgb(243,0,136); } #contexte .root a { color: #fff; } /* Contexte */ #contexte ul { margin: 0; padding: 0; } #contexte li { list-style: none; margin: 4px 0 0 0; padding: 0; font-family: brandon-grotesque, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif; text-transform: uppercase; letter-spacing: 2px; } #contexte li>a { display: block; color: #000; background: rgb(255,241,72); padding: 10px 10px; font-size: 0.7em; } #contexte li>a:hover { text-decoration: none; color: #fff; background: rgb(0,175,233); } #contexte li.path>a { color: #fff; background: rgb(0,175,233); box-shadow: 4px 4px 0 #000; -moz-box-shadow: 4px 4px 0 #000; -webkit-box-shadow: 4px 4px 0 #000; -o-box-shadow: 4px 4px 0 #000; position: relative; top: -2px; left: -2px; } #contexte li.parent>a { font-family: brandon-grotesque, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif; text-transform: uppercase; letter-spacing: 2px; margin-top: 25px; color: #fff; background: rgb(243,0,136); position: static; font-size: 0.8em; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; padding: 5px 10px; font-weight: bold; } /* Ouvrages */ ul.ouvrages { margin: 1em 0; padding: 0; } li.ouvrage { float: left; list-style: none; margin: 0 20px 20px 0; width: 320px; } .sans-contexte li.ouvrage:nth-child(3n) { margin-right: 0; } .avec-contexte li.ouvrage:nth-child(2n), section.editions li.ouvrage:nth-child(2n) { margin-right: 0; } .sans-contexte li.ouvrage:nth-child(3n+1) { clear: left; } .avec-contexte li.ouvrage:nth-child(2n+1), section.editions li.ouvrage:nth-child(2n+1) { clear: left; } li.ouvrage section.couv { position: relative; width: 140px; float: left; } li.ouvrage section.couv img { box-shadow: 4px 4px 0 #000; -moz-box-shadow: 4px 4px 0 #000; -webkit-box-shadow: 4px 4px 0 #000; -o-box-shadow: 4px 4px 0 #000; } li.ouvrage section.couv a { display: block; } li.ouvrage section.couv:hover a:hover img { box-shadow: 4px 4px 0 rgb(0,175,233); -moz-box-shadow: 4px 4px 0 rgb(0,175,233); -webkit-box-shadow: 4px 4px 0 rgb(0,175,233); -o-box-shadow: 4px 4px 0 rgb(0,175,233); } li.ouvrage.achat section.couv:hover a:hover img { box-shadow: 4px 4px 0 rgb(243,0,136); -moz-box-shadow: 4px 4px 0 rgb(243,0,136); -webkit-box-shadow: 4px 4px 0 rgb(243,0,136); -o-box-shadow: 4px 4px 0 rgb(243,0,136); } li.ouvrage section.couv a:after { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; content: ' '; box-shadow: inset -10px -10px 40px rgba(255,255,255,.2), inset 10px 10px 40px rgba(0,0,0,.1); -moz-box-shadow: inset -10px -10px 40px rgba(255,255,255,.2), inset 10px 10px 40px rgba(0,0,0,.1); -webkit-box-shadow: inset -10px -10px 40px rgba(255,255,255,.2), inset 10px 10px 40px rgba(0,0,0,.1); -o-box-shadow: inset -10px -10px 40px rgba(255,255,255,.2), inset 10px 10px 40px rgba(0,0,0,.1); } li.ouvrage section.desc { position: relative; padding-bottom: 40px; float: right; width: 160px; } li.ouvrage section.desc div.vedette { font-weight: bold; font-size: 0.7em; line-height: 1.1em; text-transform: uppercase; letter-spacing: 0.1em; font-family: brandon-grotesque, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif; margin: 0 0 5px 0; } li.ouvrage section.desc div.titre { font-size: 1.2em; line-height: 1.1em; margin: 0 0 5px 0; } li.ouvrage section.desc div.label { display: none; font-size: 0.7em; line-height: 1.1em; margin: 0 0 5px 0; } section.editions li.ouvrage section.desc div.label { display: block; } li.ouvrage section.desc div.prix, li.ouvrage section.desc div.dispo, li.ouvrage section.desc div.date, li.ouvrage section.desc div.format { font-size: 0.7em; line-height: 1.1em; margin: 0 0 5px 0; } section.editions li.ouvrage section.desc div.dispo { display: none; } li.ouvrage section.desc div.date, li.ouvrage section.desc div.format { display: none; } section.editions li.ouvrage section.desc div.date, section.editions li.ouvrage section.desc div.format { display: block; } section.editions li.ouvrage section.desc div.date { color: rgb(0,175,233); } li.ouvrage section.desc div.prix { display: inline-block; font-family: salsbury, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif; line-height: 2em; color: rgb(243,0,136); margin-right: 10px; } li.ouvrage section.desc div.prix span.unites { font-size: 2em; line-height: 1.3em; } li.ouvrage section.desc div.prix span.separateur { display: none; } li.ouvrage section.desc div.prix span.cents, li.ouvrage section.desc div.prix span.devise { line-height: 2em; vertical-align: top; } li.ouvrage section.desc div.prix span.cents { border-bottom: 2px solid rgb(243,0,136); padding-bottom: 1px; } li.ouvrage section.desc div.dispo { color: rgb(0,175,233); } #presentoir { position: relative; width: 620px; float: left; background: rgb(255,241,72); padding: 20px 20px; } #presentoir div.vedette { font-weight: bold; font-size: 1em; line-height: 1.1em; text-transform: uppercase; letter-spacing: 0.1em; font-family: brandon-grotesque, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif; margin: 0 0 5px 0; } #presentoir div.vedette a { white-space: nowrap; } #presentoir hgroup.titre h1 { font-size: 2.4em; line-height: 1em; margin: 0 0 5px 0; font-weight: 100; } #presentoir hgroup.titre h2 { font-size: 1.1em; line-height: 1em; margin: 0 0 5px 0; font-weight: 100; } #presentoir hgroup.titre a { color: #000; } #presentoir div.label, #presentoir div.date { font-size: 0.8em; line-height: 1.1em; margin: 0 0 5px 0; } #presentoir div.dispo { margin: 20px 0 0 0; display: inline-block; color: #fff; background: #000; padding: 4px 12px; } #presentoir div.format { margin: 20px 0 0 0; display: inline-block; border: 2px solid #000; padding: 2px 10px; } #presentoir nav.actions { margin: 20px 0 0 0; } article.couv { position: relative; width: 320px; float: right; background: #000; } article.couv img { box-shadow: 10px 10px 0 #000; -moz-box-shadow: 10px 10px 0 #000; -webkit-box-shadow: 10px 10px 0 #000; -o-box-shadow: 10px 10px 0 #000; } article.couv a { display: block; } article.couv a:after { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; content: ' '; box-shadow: inset -10px -10px 80px rgba(255,255,255,.2), inset 10px 10px 80px rgba(0,0,0,.1); -moz-box-shadow: inset -10px -10px 80px rgba(255,255,255,.2), inset 10px 10px 80px rgba(0,0,0,.1); -webkit-box-shadow: inset -10px -10px 80px rgba(255,255,255,.2), inset 10px 10px 80px rgba(0,0,0,.1); -o-box-shadow: inset -10px -10px 80px rgba(255,255,255,.2), inset 10px 10px 80px rgba(0,0,0,.1); } #cat-loop-ncc-056 section.couv, #cat-loop-ncc-056 section.couv img, #cat-loop-ncc-056 section.couv a:after { border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; -o-border-radius: 0 5px 5px 0; } #cat-loop-ncc-040 section.couv, #cat-loop-ncc-040 section.couv img, #cat-loop-ncc-040 section.couv a:after, #cat-loop-ncc-032 section.couv, #cat-loop-ncc-032 section.couv img, #cat-loop-ncc-032 section.couv a:after, #cat-loop-cex-003 section.couv, #cat-loop-cex-003 section.couv img, #cat-loop-cex-003 section.couv a:after { border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0; -o-border-radius: 0 10px 10px 0; } #cat-ncc-056 article.couv, #cat-ncc-056 article.couv img, #cat-ncc-056 article.couv a:after { border-radius: 0 15px 15px 0; -moz-border-radius: 0 15px 15px 0; -webkit-border-radius: 0 15px 15px 0; -o-border-radius: 0 15px 15px 0; } #cat-ncc-040 article.couv, #cat-ncc-040 article.couv img, #cat-ncc-040 article.couv a:after, #cat-ncc-032 article.couv, #cat-ncc-032 article.couv img, #cat-ncc-032 article.couv a:after, #cat-cex-003 article.couv, #cat-cex-003 article.couv img, #cat-cex-003 article.couv a:after { border-radius: 0 30px 30px 0; -moz-border-radius: 0 30px 30px 0; -webkit-border-radius: 0 30px 30px 0; -o-border-radius: 0 30px 30px 0; } article.ouvrage article.normal { width: 660px; clear: left; float: left; } article.ouvrage section.editions { width: 660px; clear: left; float: left; } article.ouvrage section.editions h1 { font-family: brandon-grotesque, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif; text-transform: uppercase; letter-spacing: 2px; font-size: 0.8em; color: #fff; background: rgb(0,175,233); padding: 5px 10px; } ul.pages { width: 660px; float: left; clear: left; margin: 20px 0; padding: 0; } ul.pages li { margin: 20px 0; padding: 0; list-style: none; border: 2px solid #000; padding: 26px; text-align: center; } ul.pages img { max-width: 600px; } ul.langues { display: inline-block; margin: 0 0 10px 0; padding: 0; vertical-align: middle; } ul.langues li { display: inline-block; list-style: none; margin: 0 10px 0 0; padding: 0; color: #fff; background: #000; font-size: 0.65em; width: 2em; height: 2em; line-height: 2em; text-align: center; border-radius: 2em; -moz-border-radius: 2em; -webkit-border-radius: 2em; -o-border-radius: 2em; font-family: brandon-grotesque, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif; font-weight: bold; cursor: help; } #presentoir ul.langues li { font-size: 0.8em; } html[lang=fr] ul.langues li.fr, html[lang=en] ul.langues li.en, ul.langues li.muet { color: #000; background: rgb(255,241,72); } html[lang=fr] #presentoir ul.langues li.fr, html[lang=en] #presentoir ul.langues li.en, #presentoir ul.langues li.muet { background: #fff; } /* Auteurs */ article.auteurs { margin: 20px 0; } article.auteurs ul.auteurs { width: 320px; float: left; margin: 0 0 0 20px; } article.auteurs ul.auteurs:first-child { margin-left: 0; } ul.auteurs { margin: 0; padding: 0; } li.auteur { position: relative; margin: 0 0 4px 0; padding: 0; list-style: none; line-height: 1em; font-family: brandon-grotesque, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif; font-size: 0.7em; letter-spacing: 2px; text-transform: uppercase; font-weight: bold; overflow: hidden; } li.auteur a { display: block; padding: 10px 60px 10px 10px; color: #000; background: rgb(255,241,72); overflow: hidden; } li.auteur a:hover { text-decoration: none; color: #fff; background: rgb(0,175,233); } li.auteur a strong { } li.auteur ul.thumbs { position: absolute; top: 0; right: 0; margin: 0; padding: 0; } li.auteur li.thumb { margin: 0; padding: 0; float: left; list-style: none; } li.auteur li.thumb img { width: 40px; } /* Actions */ nav.actions ul { margin: 0; padding: 0; } nav.actions li { position: relative; list-style: none; float: left; margin: 0 10px 0 0; padding: 0; font-size: 0.8em; font-family: brandon-grotesque, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; } nav.actions a { display: block; padding: 4px 10px; color: #fff; background: rgb(0,175,233); } nav.actions a:hover { text-decoration: none; box-shadow: 2px 2px 0 #000; -moz-box-shadow: 2px 2px 0 #000; -webkit-box-shadow: 2px 2px 0 #000; -o-box-shadow: 2px 2px 0 #000; } nav.actions a.actif { background: rgb(0,175,233); box-shadow: 4px 4px 0 #000; -moz-box-shadow: 4px 4px 0 #000; -webkit-box-shadow: 4px 4px 0 #000; -o-box-shadow: 4px 4px 0 #000; } nav.actions li.achat { font-family: salsbury, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif; font-weight: normal; } nav.actions li.achat a { background: rgb(243,0,136); padding: 10px; } nav.actions li.achat a:hover { box-shadow: 4px 4px 0 #000; -moz-box-shadow: 4px 4px 0 #000; -webkit-box-shadow: 4px 4px 0 #000; -o-box-shadow: 4px 4px 0 #000; } nav.actions li.achat span.unites { font-size: 2.2em; line-height: 1em; } nav.actions li.achat span.separateur { display: none; } nav.actions li.achat span.cents, nav.actions li.achat span.devise { vertical-align: top; font-weight: 100; } nav.actions li.achat span.cents { margin-left: 5px; border-bottom: 2px solid #fff; } /* Share */ #share { display: none; position: absolute; top: 0; left: 0; background: rgb(0,175,233); padding: 20px; box-shadow: 4px 4px 0 #000; -moz-box-shadow: 4px 4px 0 #000; -webkit-box-shadow: 4px 4px 0 #000; -o-box-shadow: 4px 4px 0 #000; z-index: 10; } #share.open { display: block; } #share ul { margin: 0; padding: 0; } #share li { list-style: none; margin: 5px 0 0 0; padding: 0; } #share li:first-child { margin-top: 0; } #share li.facebook iframe { height: 20px; width: 80px; } #share li.twitter iframe { height: 20px; width: 80px; } /* Caisse */ #panier-resume { margin: 20px 0; font-size: 1.4em; font-family: salsbury, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif; color: #000; } #panier-resume strong { font-weight: normal; text-shadow: 2px 2px 0 rgb(255,241,72); } #panier-resume span.btn { font-size: 10pt; } #panier-achats { clear: left; } #panier-achats table { border: 0px; border-collapse: collapse; width: 100%; } #panier-achats th, #panier-achats td { padding: 5px 10px; border-top: 4px solid #000; border-bottom: 4px solid #000; font-size: 0.8em; } #panier-achats th { font-family: brandon-grotesque, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif; text-transform: uppercase; letter-spacing: 2px; text-align: left; background: rgb(255,241,72); } #panier-achats th.qte, #panier-achats td.qte, #panier-achats th.poids, #panier-achats td.poids, #panier-achats th.prix, #panier-achats td.prix, #panier-achats th.rabais, #panier-achats td.rabais { text-align: right; white-space: nowrap; } #panier-achats td.pic div.pic { position: relative; width: 50px; box-shadow: 2px 2px 0 #000; -moz-box-shadow: 2px 2px 0 #000; -webkit-box-shadow: 2px 2px 0 #000; -o-box-shadow: 2px 2px 0 #000; } #panier-achats td.pic div.pic:after { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; content: ' '; box-shadow: inset -10px -10px 40px rgba(255,255,255,.2), inset 10px 10px 40px rgba(0,0,0,.1); -moz-box-shadow: inset -10px -10px 40px rgba(255,255,255,.2), inset 10px 10px 40px rgba(0,0,0,.1); -webkit-box-shadow: inset -10px -10px 40px rgba(255,255,255,.2), inset 10px 10px 40px rgba(0,0,0,.1); -o-box-shadow: inset -10px -10px 40px rgba(255,255,255,.2), inset 10px 10px 40px rgba(0,0,0,.1); } #panier-achats td.code { white-space: nowrap; } #panier-achats td.qte input { width: 20px; border: 2px solid #000; padding: 0 5px; text-align: right; } #panier-achats td.qte input:focus { border-color: rgb(243,0,136); } #panier-achats td.btn-retirer { font-family: brandon-grotesque, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif; } #panier-achats td.btn-retirer a { text-decoration: none; padding: 4px; } #panier-achats td.btn-retirer a:hover { background: rgb(243,0,136); color: #fff; box-shadow: 2px 2px 0 #000; -moz-box-shadow: 2px 2px 0 #000; -webkit-box-shadow: 2px 2px 0 #000; -o-box-shadow: 2px 2px 0 #000; } #panier-achats tr.sous-total td, #panier-achats tr.total td { background: rgb(0,175,233); font-weight: bold; } #panier-rabais { display: none; margin-top: 1.5em; background: ; padding: 5px 10px; } #panier-rabais.erreur { border-color: #f30; } #panier-rabais.bravo { border-color: #4bd; background: #6df; color: #000; } #panier-rabais ul { margin: 0px; padding: 0px; } #panier-rabais li { list-style: none; } #panier-rabais #entree-rabais { float: left; margin-right: 15px; } #panier-rabais #entree-rabais label { font-size: 0.8em; } #panier-rabais #entree-rabais input { font-size: 0.8em; padding: 2px 10px; vertical-align: middle; } #panier-rabais #btn-rabais { float: left; } #panier-rabais #btn-rabais input { display: block; color: ; background: ; font-size: 0.8em; padding: 3px 1em; border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; -o-border-radius: 1em; border: 0; text-decoration: none; margin: 0; cursor: pointer; white-space: normal; } #panier-rabais p { margin: 5px 0px; font-size: 12pt; text-align: center; } nav.panier { margin: 1.5em 0; font-family: brandon-grotesque, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif; } nav.panier ul { margin: 0px; padding: 0px; } nav.panier li { list-style: none; float: left; margin: 0 15px 0 0; } nav.panier li.continuer { float: right; margin: 0 0 0 15px; } nav.panier a, nav.panier input { display: block; color: #000; background: rgb(255,241,72); font-size: 1.2em; padding: 5px 1em; border: 0; text-decoration: none; margin: 0; cursor: pointer; white-space: normal; font-family: brandon-grotesque, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif; } nav.panier a:hover, nav.panier input:hover { box-shadow: 2px 2px 0 #000; -moz-box-shadow: 2px 2px 0 #000; -webkit-box-shadow: 2px 2px 0 #000; -o-box-shadow: 2px 2px 0 #000; } nav.panier li.continuer input { color: #fff; background: rgb(243,0,136); } nav.panier li.continuer input:hover { box-shadow: 2px 2px 0 #000; -moz-box-shadow: 2px 2px 0 #000; -webkit-box-shadow: 2px 2px 0 #000; -o-box-shadow: 2px 2px 0 #000; } nav.panier li.paypal { text-align: right } nav.panier li.paypal img { margin-top: 10px; } #select-region { clear: left; margin: 20px 0; } #select-region h2 { margin: 0; font-size: 1.4em; font-weight: 100; font-family: salsbury, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif; } #select-region h3 { margin: 1em 0 0.5em 0; font-weight: 100; font-size: 1.2em; font-family: salsbury, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif; } #select-region #region-canada { width: 50%; float: left; } #select-region #region-autres { width: 50%; float: left; } #select-region ul { margin: 0px; padding: 0px; } #select-region li { list-style: none; margin: 5px 0px; } #select-region li a { color: inherit; text-decoration: none; } #select-region li a:hover { color: ; text-decoration: underline; } #paypal-form div.texte { font-size: 1.1em; background: none; padding: 0; } /* Formulaire */ div.formulaire h2 { font-weight: normal; font-size: 1.4em; margin: 1.5em 0 0.5em 0; border-top: 2px solid ; padding-top: 10px; font-family: salsbury, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif; } div.formulaire h3 { font-weight: normal; font-size: 1.2em; margin: 1.5em 0 0.5em 0; border-top: 1px solid ; padding-top: 5px; font-family: salsbury, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif; } div.formulaire ul.q-list { margin: 0.5em 0; padding: 0; } div.formulaire ul.q-list li.groupe { list-style: none; margin: 0.5em 0; } div.formulaire ul.q-list li.q { list-style: none; margin: 0.2em 0; } div.formulaire ul.q-list label { display: block; font-size: 0.8em; font-weight: bold; margin: 0 0 0.2em 0; font-family: brandon-grotesque, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif; } div.formulaire ul.q-list input[type=text], div.formulaire ul.q-list textarea, div.formulaire ul.q-list span.pseudo-input, div.formulaire ul.q-list select { background: #fff; border: 2px solid #000; padding: 5px; width: 600px; font-family: jubilat, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif; font-weight: 100; font-size: 1em; } div.formulaire ul.q-list select { width: 610px; padding: 4px 5px 4px 2px; } div.formulaire ul.q-list textarea { height: 80px; } div.formulaire ul.q-list span.pseudo-input { display: block; color: ; background: ; } div.formulaire ul.q-list input[type=text]:focus, div.formulaire ul.q-list textarea:focus { border-color: ; } div.formulaire ul.q-list span.chiffre-input input[type=text], div.formulaire ul.q-list span.chiffre-input span.pseudo-input { float: left; margin: 0 5px 0 0; width: 20px; } div.formulaire ul.q-list span.chiffre-input span.input-sep { float: left; display: block; margin: 0 5px 0 0; padding: 7px 5px; } div.formulaire ul.radio-list { margin: 0.5em 0; padding: 0; } div.formulaire ul.radio-list li.radio { list-style: none; margin: 0.2em 0; } div.formulaire ul.radio-list input { float: left; margin: 0 5px 5px 0; } div.formulaire ul.radio-list label { float: left; display: block; font-size: 1em; } div.formulaire ul.radio-list label span.detail { display: block; font-weight: 100; margin-top: 0.1em; } div.formulaire div.btn-submit { clear: both; text-align: right; margin: 1.5em 0; } div.formulaire div.btn-submit input, div.formulaire div.btn-submit a { color: #fff; background: rgb(243,0,136); font-size: 1.2em; padding: 5px 1em; border: 0; text-decoration: none; margin: 0; cursor: pointer; white-space: normal; font-family: brandon-grotesque, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif; } div.formulaire div.btn-submit input:hover, div.formulaire div.btn-submit a:hover { box-shadow: 2px 2px 0 #000; -moz-box-shadow: 2px 2px 0 #000; -webkit-box-shadow: 2px 2px 0 #000; -o-box-shadow: 2px 2px 0 #000; } div.formulaire div.info { padding: 10px 30px; background: ; margin: 1.5em 0; font-size: 0.8em; text-align: center; } div.erreur { color: ; background: ; padding: 15px; margin: 0 0 1.5em 0; } div.erreur p { margin: 0; } /* Pied de page */ #bottom { position: absolute; bottom: 0; width: 100%; margin: 40px 0 0 0; padding: 20px 0; background: #000; } #bottom nav { padding: 0 20px; width: 1000px; margin: 0 auto; } #bottom nav ul { margin: 0; padding: 0; text-align: center; } #bottom nav li { list-style: none; display: inline; margin: 0; padding: 0; font-weight: bold; text-transform: uppercase; font-family: brandon-grotesque, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif; font-size: 0.7em; letter-spacing: 2px; } #bottom nav li + li:before { content: ' • '; } #bottom nav a { color: rgb(243,0,136); } /* Etc. */ form { margin: 0px; padding: 0px; } img { border: 0px; vertical-align: middle; } object { vertical-align: middle; } hr { margin: 2em 0px; height: 0px; border: 0px; border-top: 1px solid #ccc; } strong { font-weight: bold; } div.clear { clear: both; } div.clear-right { clear: right; } div.clear-left { clear: left; } map { display: inline; vertical-align: top; } .w, .t { font-style: italic; } sup { line-height: 1em; vertical-align: top; } sub { line-height: 1em; vertical-align: bottom; } /* a.out { background: url(../res/element/icone-site.png) top right no-repeat; padding-right: 16px; } */ #dev { position: fixed; top: 0; left: 0; width: 200px; box-shadow: inset -3px 0 4px -2px #999; -moz-box-shadow: inset -3px 0 4px -2px #999; -webkit-box-shadow: inset -3px 0 4px -2px #999; -o-box-shadow: inset -3px 0 4px -2px #999; background: #eee; height: 100%; overflow: hidden; } #dev:hover { overflow-y: auto; } body.dev #conteneur { margin-left: 200px; } body.dev #footer { width: auto; margin-left: 200px; } body.dev #radio.fix #radio-poste { margin-left: 200px; } body.dev #radio.fix #radio-playlist { margin-left: 200px; } #log { color: ; font-size: 0.8em; padding: 0; margin: 0; overflow: hidden; } #log li { list-style: none; padding: 2px 10px; border-bottom: 1px solid #ccc; } #gen { display: none; width: 1000px; margin: 0px auto; padding: 10px 0px; color: #999; font-size: 0.7em; text-align: right; } #gen a { color: #666; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #ccc; } #gen a:hover { color: #f30; border-bottom: 1px solid #f96; padding-bottom: 1px; } #gen code { padding: 1px 6px; }