/* MUTINS DE PANGEE Boutique 2014 - revisitage juin 2016 css THELIA 1.5 */ /* ======= GENERAL ======= */ body, html {background: #000; color: #000; margin: 0; padding:0; font-size: 12px; font-family: Helvetica, Arial, sans-serif; line-height: 1.2em; } a, a.spip_mail, a.spip_out, a.spip_in {color: #000; text-decoration: underline;} /*#rub2 #mainContent a {color: #22850b;} #rub3 #mainContent a {color: #306b99;} #rub4 #mainContent a {color: #d39f01;} #rub5 #mainContent a {color: #bd0000;}*/ h1 a, h2 a, h3 a {text-decoration: none;} a:hover {text-decoration: underline;} strong {font-weight: bold;} em {font-style: italic;} ul, ol {margin: 0; padding: 0;} ul li, ol li {list-style: none;} ul.spip li {list-style: square; list-style-position: inside} img {border: none;} p {margin:0; padding: 0;} h1, h2, h3, h4 {margin:0; padding: 0;} .alignRight {text-align: right;} .floatLeft {float: left;} .floatRight {float: right; padding-left: 10px; border-left: 1px solid #000;} .spacer {clear: both; height: 0px;} :link, :visited, :hover, :active, :focus {outline-style:none; } /* hack Firefox pour bordure pointillee */ a.actionPicto, span.actionPicto {background-image: url(../_gfx/pictos-actions-sprite.png); background-repeat: no-repeat;} a.actionInfos {background-position: -2px -10px;} a.actionDVD {background-position: -64px -10px;} a.actionFichier {background-position: -126px -10px;} a.actionVOD {background-position: -188px -10px;} span.actionInfos {background-position: -2px -72px;} span.actionDVD {background-position: -64px -72px;} span.actionFichier {background-position: -126px -72px;} span.actionVOD {background-position: -188px -72px;} @font-face { font-family: 'typoCustom'; src: url('../fonts/borisblackbloxx-webfont.eot'); src: url('../fonts/borisblackbloxx-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/borisblackbloxx-webfont.woff') format('woff'), url('../fonts/borisblackbloxx-webfont.ttf') format('truetype'), url('../fonts/borisblackbloxx-webfont.svg#BorisBlackBloxxRegular') format('svg'); font-weight: normal; font-style: normal; } /* ========= */ #mainWrapper {width: 960px; margin: 30px auto 0 auto; padding: 0px; background: #f9f3e5 url(../_gfx/bg-mainwrapper.jpg) center top repeat-y;} #header {width: 960px; height: 160px; margin: 0 auto; padding: 0; background: #f7f2e7 url(../_gfx/bg-header.jpg) no-repeat left top;} #header a#logoMutins {font-size: 2.2em; font-weight: bold; margin:0; padding: 0; width: 802px; height: 144px; float: left;} #header img.animation {float: right; width: 158px; height: 144px; margin:0; padding:0 0 16px 0; background: transparent url(../_gfx/bg-header-anim.gif) no-repeat left top;} #mainMenu #menuThelia {margin: 0px 0 0px 10px; text-align: right;} #mainMenu #menuThelia ul li a {display: block; height: auto; margin: 0 5px; padding: 4px 0px 0 0; line-height: 1.1em; text-align: right; color: #333; text-decoration: none; font-size: 0.9em; font-family: helvetica, arial, sans-serif; letter-spacing: 0em; font-weight: bold; text-transform: none; background: none;} #mainMenu #menuThelia ul li a:hover {text-decoration: none; color: #306b99;} #menuThelia .menuTheliaBlock {padding: 0 0 0px 0; border-bottom: 3px solid #000; background: #dbdbdb;} #menuThelia h3 {text-align: center; margin: 16px 0 4px 0; padding: 5px; font-weight: normal; background: #306b99; color: #f9f3e5; font-size: 0.8em; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1em;font-family: typoCustom, 'Arial black', 'arial', sans-serif; border-top: 3px solid #000;} #mainMenu #menuThelia #menuCatalogue {margin: 5px 0px; padding-bottom: 7px; border-bottom: 1px solid #000;} #menuThelia #menuCatalogue li ul li a {padding: 0 10px 0 0; border-right: 1px solid #000;} #mainMenu #menuThelia #menuCatalogue li a {display: block; margin: 2px 0 2px 0; padding: 0px 0 0px 0; text-align: center; border-bottom: 0px dotted #000; } #mainMenu #menuThelia #menuCatalogue .menuBigStuff {} #mainMenu #menuThelia #menuCatalogue .menuBigStuff a {display: block; height: 47px; padding: 5px 0 0px 50px; line-height: 1em; text-align: left; border-top: 1px solid #000;} #mainMenu #menuThelia #menuCatalogue .menuBigStuff a:hover {text-decoration: none;} #menuThelia #menuCatalogue #menuSpeDVD a {background: url(../_gfx/mutins-picto-DVD.png) left center no-repeat;} #menuThelia #menuCatalogue #menuSpeFichier a {background: url(../_gfx/mutins-picto-fichier.png) left center no-repeat;} #mainMenu #menuThelia #menuCatalogue #menuSpeVOD a {background: url(../_gfx/mutins-picto-VOD.png) left center no-repeat; margin-bottom: 10px; border-bottom: 1px solid #000;} #mainMenu #menuThelia #menuCatalogue #menuSpeCadeau a { background: url(../_gfx/mutins-picto-cadeau.png) left center no-repeat; margin-bottom: 10px; border-bottom: 1px solid #000; } #menuThelia #menuCatalogue .menuBigStuff a span {display: table-cell; height: 42px; vertical-align: bottom;} #menuThelia #menuCatalogue .menuBigStuff a strong {display: block; padding: 2px 0; font-size: 1.4em; line-height: 1.2em; font-family: typoCustom, 'Arial black', 'arial', sans-serif; font-weight: normal; text-transform: uppercase;} #mainMenu #menuThelia #menuCatalogue .menuBigStuff ul {margin: 0 0 0 50px; border-top: 1px dotted #000; padding: 5px 0;} #mainMenu #menuThelia #menuCatalogue .menuBigStuff ul li {} #mainMenu #menuThelia #menuCatalogue .menuBigStuff ul li a {padding: 2px 0; margin: 0; border: none; background: none; height: auto; } #mainMenu #menuThelia ul#menuRedac {margin: 5px 0px 3px 0; padding-top: 10px; padding-bottom: 7px; border-top: 1px solid #000; border-bottom: 3px solid #000;} #mainMenu #menuThelia ul#menuRedac li {display:inline} #mainMenu #menuThelia ul#menuRedac li a {display: block; margin: 2px 0 2px 0; padding: 0px 0 0px 0; text-align: center; font-weight: normal; font-style: italic;} #mainMenu #menuThelia a#menuCarte {display: block; height: 65px; padding: 10px 0 0 52px; background: #bd0000 url(../_gfx/picto-cartesvod.png) left center no-repeat; background-size: auto 75px; color: #f9f3e5; font-family: typoCustom, 'Arial black', 'arial', sans-serif; font-weight: normal; text-decoration: none; text-align: center; font-size: 2em; line-height: 1em;} #mainMenu #menuThelia a#menuCarte em {font-style: normal; font-size: .7em;} #mutinsOrg {margin: 0 0 10px 10px; padding: 0 0 3px 0; border-bottom: 3px solid #000; } #mutinsOrg a {display: block; padding: 5px; font-family: typoCustom, 'Arial black', 'arial', sans-serif; font-weight: normal; background: #22850b; color: #f9f3e5; text-decoration: none; font-size: 1em; line-height: 1.3em;text-align: center; text-transform: uppercase} #mutinsOrg a span {display: block; font-family: Helvetica, Arial, sans-serif; font-size: 0.8em} #mutinsOrg a strong {display: block; padding: 2px 0; font-weight: normal; background: #e25d12} /*menu compte panier droite */ #menuBoutique {float: right; width: 190px; padding: 0; margin: 35px 30px 20px 10px; text-align: right;} #menuBoutique ul li a {display: block; height: auto; margin: 0 5px; padding: 4px 0px 0 0; line-height: 1.1em; text-align: right; color: #333; text-decoration: none; font-size: 0.9em; font-family: helvetica, arial, sans-serif; letter-spacing: 0em; font-weight: bold; text-transform: none; background: none;} #menuBoutique ul li a:hover {text-decoration: underline; color: #306b99;} #menuBoutique .menuTheliaBlock {padding: 0 0 0px 0; border-bottom: 3px solid #000; background: #dbdbdb;} #menuBoutique h3 {text-align: center; margin: 16px 0 4px 0; padding: 5px; font-weight: normal; background: #306b99; color: #f9f3e5; font-size: 1.1em; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1em; font-family: typoCustom, 'Arial black', 'arial', sans-serif; border-top: 7px solid #000;} #menuBoutique ul.listeProduits {} #menuBoutique ul.listeProduits li {} #menuBoutique ul.listeProduits li a {font-weight: normal; display: block; margin: 0 0px; padding: 4px; border-top: 1px dotted #000;} #menuBoutique ul li a.panier {padding: 5px 4px 5px 0;} #menuBoutique ul li span.panier {padding: 5px 4px 5px 0; font-size: 0.9em;} #menuBoutique ul.listeProduits li strong.menuTotal a {font-size: 1em; font-weight: bold; border-top: 1px solid #000;} #menuBoutique ul.listeProduits li a.gererCommande {display: block; border-bottom: 0px; border-top: 0px solid #000; margin: 0px 0 3px 0; padding: 2px 0; font-size: 0.8em; font-weight: bold;} #menuBoutique #monCompte {position: relative;} #menuBoutique #monCompte input {background: #fff; width: 176px; margin: 2px 5px;padding: 3px 2px; font-size: 0.9em; border: 1px solid #000;} #menuBoutique #monCompte .bouton { background: #000; color: #f9f3e5; margin: 2px 5px 3px 0; padding: 3px 15px; border: 0px; cursor: pointer;} #menuBoutique #monCompte .bouton:hover {background: #306b99; color: #fff;} #menuBoutique #monCompte span.bonjour {display: block; padding: 0px 0 0px 0; font-size: 0.9em;} #menuBoutique #monCompte .menu {display: block; border-top: 1px solid #000; margin: 4px 0 0 0; padding: 4px 0;font-size: 0.8em; font-weight: bold;} #menuBoutique a.passwordOubli {display: block; position: absolute; bottom: 22px; left: 5px; border-bottom: 0px; border-top: 0px solid #000; margin: 0px 0 5px 0; padding: 0px 0; font-size: 0.8em; font-weight: normal;} #menuBoutique a.creerCompte {display: block; border-bottom: 0px; border-top: 1px solid #000; margin: 0px 0 0 0; padding: 4px 0; background: #dbdbdb; font-size: 0.8em; font-weight: bold;} #menuBoutique #maVOD {background: #dbdbdb; } #menuBoutique #maVOD h3 {background: #bd0000;} #menuBoutique #maVOD #vodWrapper {padding: 5px 0 5px 0; border-bottom: 3px solid #000;} #maVOD a.panier {display: block; padding: 0px 0px 5px 0; font-size: 0.9em; text-decoration: none; font-weight: bold;} #maVOD ul#listeVOD ul {padding: 10px 0;} #maVOD ul#listeVOD li a {font-weight: normal; display: block; margin: 0 0px; padding: 4px; border-top: 1px dotted #000;} #maVOD ul#listeVOD li a.visiteur {border: none;} #maVOD ul#listeVOD li a span {display: block; font-style: italic;} #maVOD ul#outilsVOD {border-top: 1px solid #000;} html #menuBoutique #maVOD.mesFichiers h3 {background: #306b99;} #main.zoneVOD h1 {background-image: url(../_gfx/bg-puce-h1-rouge.gif)} #main.zoneVOD h2 {background: #bd0000;} #main.zoneVOD h3 {border-color: #bd0000;} /* TMP */ #underConstruction {height: 30px; text-align: left; padding: 0px 10px; margin: 0; background: #000; color: #dd0000; text-transform: uppercase; font-weight: bold; font-size: 1.2em; line-height: 30px;} #mainWrapper {width: 960px; margin: 30px auto 0 auto; padding: 0px; background: #f9f3e5 url(../_gfx/bg-mainwrapper.jpg) center top repeat-y;} #header {width: 960px; height: 160px; margin: 0 auto; padding: 0; background: #f7f2e7 url(../_gfx/bg-header.jpg) no-repeat left top;} #header a#logoMutins {font-size: 2.2em; font-weight: bold; margin:0; padding: 0; width: 802px; height: 144px; float: left;} #header img.animation {float: right; width: 158px; height: 144px; margin:0; padding:0 0 16px 0; background: transparent url(../_gfx/bg-header-anim.gif) no-repeat left top;} #mainMenu {float: left; width: 147px; padding: 5px 30px 20px 0px; background: url(../_gfx/bg-mainmenu-a147solo.gif) left bottom no-repeat;} #mainMenu ul#rubriques {padding-top: 30px; background: url(../_gfx/bg-mainmenu-a147solo.gif) left -25px no-repeat;} #mainMenu ul li {display: inline; list-style: none;} #mainMenu ul#rubriques li a {display: block; width: auto; height: 17px; margin: 3px 0 0 10px; padding: 0; text-align: center; color: #333; text-decoration: none; font-size: 1.2em; font-family: typoCustom, 'Arial black', 'arial', sans-serif; letter-spacing: 0.1em; font-weight: normal; text-transform: uppercase; } #mainMenu ul li a#menurub2 {color: #22850b;} #mainMenu ul li a#menurub3 {color: #306b99;} #mainMenu ul li a#menurub4 {color: #d39f01;} #mainMenu ul li a#menurub5 {color: #bd0000;} #mainMenu ul li a#menurub6 {color: #306b99;} #mainMenu #menuBoutiqueLeft {margin: 15px 0px 0px 10px; background: none; border-top: 7px solid #306b99; } #mainMenu #menuBoutiqueLeft strong a {display: block; height: 20px; margin: 0 0 5px 0; padding: 0 5px; line-height: 20px; text-align: center; color: #000; font-size: 1.1em; font-weight: normal; text-decoration: none; font-family: typoCustom, 'Arial black', 'arial', sans-serif; letter-spacing: 0.1em; font-weight: normal; text-transform: uppercase; background: #dbdbdb;} /* #mainMenu #menuBoutique ul li a {display: block; height: 20px; margin: 0; padding: 0 5px; line-height: 20px; text-align: right; text-decoration: none; font-size: 0.9em; font-weight: bold;background: none;} #mainMenu #menuBoutique ul li.odd a {background: #fff;} */ #mainMenu #newsletter {margin: 0px 0px 10px 10px; padding: 0 0 0 0; background: none; border-top: 7px solid #306b99; border-bottom: 3px solid #000;} #mainMenu #newsletter strong {display: block; height: 15px; margin: 0 0 1px 0; padding: 0 5px; line-height: 15px; text-align: center; color: #000; font-size: 0.8em; text-decoration: none; font-weight: bold; text-transform: uppercase; background: #dbdbdb;} #mainMenu #newsletter p {padding: 0px 0 0px 0px; font-size: 0.9em;} #mainMenu #newsletter p.envoi {text-align: right;} #mainMenu label {display: none; padding: 0 0 0 2px;} #mainMenu input#email {width: 133px; padding: 3px 2px; background: #fff; border-style: solid; border-color: #000; border-width: 1px 0 1px 0; margin: 0px 0 0px 0;} #mainMenu #newsletter p.envoi input { background: #306b99; color: #f9f3e5; border: 0px solid #000; height: 20px; line-height: 20px; margin: 1px; padding: 0px 5px; cursor: pointer;} #mainMenu #newsletter p.envoi input:hover {background: #000;} #mainMenu #suivre {margin: 15px 0px 15px 10px; height: 20px;} #mainMenu #suivre a {display: block; float: left; height: 20px; line-height: 20px; text-decoration: none;} #mainMenu #suivre #menuFaq {width: 34px; background: #dbdbdb; color: #000; font-weight: bold; text-transform: uppercase; font-size: 0.8em; text-align: center;} #mainMenu #suivre #menuContact {width: 65px; padding: 0 4px;margin: 0 4px; color: #000; font-weight: bold; text-transform: uppercase; font-size: 0.8em; text-align: center;border-width: 0 1px; border-style: solid; border-color: #000;} #mainMenu #suivre #menuContact span {display: block; background: #dbdbdb; } #mainMenu #suivre #menuFaq:hover, #mainMenu #suivre #menuContact:hover {text-decoration: underline;} #mainMenu #suivre #menuRSS {padding: 0; } #mainMenu #suivre #menuRSS img {display: block; border: none;} #mainMenu ul#euroVision {text-align: right; padding-right: 0px; margin: 15px 0;} #mainMenu ul#euroVision li {} #mainMenu ul#euroVision li a {display: inline; width: auto; height: auto; margin-top: 4px; margin-left: 3px; padding: 0; line-height: 1.1em; background: none;font-family: helvetica, arial, sans-serif; text-transform: uppercase; font-size: 1.1em;font-weight: bold; letter-spacing: 0em;} #mainMenu ul li a.blocPromo {display: block; width: 135px; height: auto; padding: 5px 0; margin: 15px 0 15px 10px; background: none; font-size: 0.8em; text-align: center; line-height: 1.1em; color: #333; text-decoration: none; letter-spacing: 0em; font-family: helvetica, arial, sans-serif; font-weight: normal; text-transform: none; } .blocPromo img {display: block; margin: 2px auto;} #main {float: left; width: 540px; padding: 00px 0px 10px 10px;} #breadCrumbs {padding: 0 0 0px 0; font-size: 0.9em;} #breadCrumbs strong {font-weight: normal;} html #main #breadCrumbs a {color: #000;} h1 {margin: 10px 10px 20px 0; padding: 0px 0 5px 0; font-size: 1.8em; line-height: 1.1em; text-align: left; border-bottom: 7px solid #000; background: url(../_gfx/bg-puce-h1-bleu.gif) left 5px no-repeat; text-indent: 20px; text-transform: none;font-family: typoCustom, 'Arial black', 'arial', sans-serif; font-weight: normal;} h1.heavy {text-transform: uppercase;} #rub2 h1 {background-image: url(../_gfx/bg-puce-h1-vert.gif); border-bottom-color: #22850b;} #rub3 h1 {background-image: url(../_gfx/bg-puce-h1-bleu.gif); border-bottom-color: #306b99;} #rub4 h1 {background-image: url(../_gfx/bg-puce-h1-jaune.gif); border-bottom-color: #d39f01;} #rub5 h1 {background-image: url(../_gfx/bg-puce-h1-rouge.gif); border-bottom-color: #bd0000;} h2 {padding: 10px 0; font-size: 1.8em;} #main h2 {clear: both; margin: 0px 10px 10px 0; padding: 5px; font-size: 1em; text-transform: uppercase; background: #306b99; color: #f9f3e5; font-weight: bold; border-top: 1px solid #000;} #main .simpleBlock h2 {margin-right: 0px;} h3 {padding: 5px 0; font-size: 1.4em;} h3.spip { text-align: left; text-transform: uppercase; font-weight: bold; margin: 10px 0; padding: 0; font-size: 1.2em; clear: both;} #main h3 {font-size: 1em; margin: 0; padding: 0;} #main h3 {margin: 20px 0 10px 0; padding: 2px 0px; font-size: 0.8em; text-transform: uppercase; line-height: 1.1em; border-bottom: 2px solid #306b99; color: #000; } /*.blocArticle {margin: 10px 20px 0 0; padding: 10px; border: 1px solid #000;} .blocArticle h2 {padding: 0; margin-bottom: 30px;}*/ #introRubrique {margin: 0 0px 20px 0; padding: 0 0 19px 0; border-bottom: 1px solid #000;} .simpleBlock {margin: 10px 10px 20px 0;} .simpleBlock .demiBlock {width: 250px; float: left;} .simpleBlock .demiBlock.right {float: right;} .queFaire {text-align: right; margin: 20px 10px 0 0;} .bouton {display: inline-block; padding: 2px 5px; margin: 5px 0; text-align: center; color: #f9f3e5; background: #000; text-decoration: none; text-transform: uppercase; font-size: 0.8em; font-weight: bold; border: 1px solid #000; cursor: pointer;} .bouton a {color: #f9f3e5;} .demiBlock .bouton {display: block;} .simpleBlock form p {margin: 5px 0;} .simpleBlock form label {display: inline-block; width: 250px; padding: 0 10px 0 0; text-align: right;} .simpleBlock form input, .simpleBlock form select { width: 260px; } .obligatoire {color: #cc0000; font-size: 0.8em; text-transform: uppercase; font-weight: bold;} table {margin: 10px 0 20px 0; padding: 0; border-top: 1px solid #000; border-collapse: collapse; width: 530px;} tr {padding: 0; margin: 0;} th, td { padding: 5px 0px; text-align: center; margin: 0; border-bottom: 1px solid #000;} th {background: #dbdbdb; color: #000} #rubriqueProduits {clear: both; padding: 10px 0 0 0;} .rubriqueProduit {display: block; float: left; height: 290px; width: 169px; margin: 0 8px 8px 0; padding: 0; background: #fff; border-width: 4px 1px 1px 1px; border-style: solid; border-color: #000; text-align: center; text-decoration: none;} .rubriqueProduit strong {display: block; display: table-cell; vertical-align: middle; width: 169px; height: 50px; padding: 5px; background: #dbdbdb;} .rubriqueProduit strong span {padding: 0 2px; background: #306b99; color: #f9f3e5;} .rubriqueProduit img {margin-top: 5px;} #introProduit {position: relative; height: 240px; margin: 20px 0; padding: 0 0 20px 200px; border-bottom: 7px solid #000;} #introProduit .vignette {display: block; display: table-cell; vertical-align: middle; position: absolute; top: 0; left: 0; height: 228px; width: 170px; padding: 5px; border: 1px solid #000; background: #fff; text-align: center;} #introProduit .chapo {} #introProduit #prixAchete {width: 340px; position: absolute; bottom: 20px; left: 200px;} .prixProduit {display: inline-block; margin: 10px 0 0 0; padding: 0.5em 10px; font-size: 2em; text-transform: uppercase; background: #306b99; color: #f9f3e5; font-weight: bold;} .ouCarte {display: block; font-size: 0.8em;} .decli {margin: 10px 0;} input.acheter {display: block; height: 40px; line-height: 40px; padding: 0px 10px; margin: 0px 0; text-align: center; background: #dbdbdb; text-decoration: none; text-transform: uppercase; font-size: 1.2em; font-weight: bold; border: 1px dotted #000; cursor: pointer;} input.acheter:hover {background: #000; color: #f9f3e5;} #etapesDeCommande {height: 30px; margin: 20px 10px 20px 0; padding: 2px 0; border-width: 1px 0; border-color: #000; border-style: solid;} #etapesDeCommande ul {} #etapesDeCommande ul li {display: block; float: left; position: relative; width: 92px; height: 30px; padding: 0 0 2px 35px; margin: 0 5px 0 0; text-align: left; border-bottom: 0px solid #ccc; font-weight: bold; text-transform: uppercase; font-size: 0.8em; color: #ccc;} #etapesDeCommande ul li.selection {border-bottom: 0px solid #000; color: #000;} #etapesDeCommande ul li span {display: block; position: absolute; left: 0; top: 0; width: 30px; height: 30px; line-height: 30px; font-size: 1.6em; font-weight: bold; background: #ccc; color: #f9f3e5; text-align: center;} #etapesDeCommande ul li.selection span {background: #306b99; } ul.choixCommande {} ul.choixCommande li {display: inline;} ul.choixCommande li .bouton {display: block; padding: 5px;} /* SOUS-MENUS R (tabs boutique) */ ul#menuTabs {width: 540px; margin: 10px 20px 0 0; padding: 0; font-size: 0.9em; text-align: center; clear: both;} #menuTabs li {} #menuTabs li a {display: block; float: left; margin: 0px 10px 10px 0; text-decoration: none; text-align: left; padding: 5px; background: #000; color: #fff;} #menuTabs li a:hover {background: #306b99} #menuTabs li a.on {background: #306b99} #menuTabs li a.on:hover {color: #fff;} /* VOD */ .zoneVOD .rubriqueProduit strong span, .zoneVOD #menuTabs li a:hover, .zoneVOD #menuTabs li a.on, .zoneVOD .prixProduit {background: #bd0000} .zoneVOD h1 {background-image: url(../_gfx/bg-puce-h1-rouge.gif);} #offrir_prepayment { border: none; } #offrir_prepayment tr td { border: none; } /* BLOCS SPECIFIQUES HOMEPAGE */ #blockNouveautes {clear: both; margin: 0;} #blockNouveautes .rubriqueProduit {height: 310px; border-top: 1px;} #blockNouveautes .rubriqueProduit span.rubrique {display: block; height: 20px; line-height: 20px; font-size: 0.8em; font-weight: bold; text-transform: uppercase; background: #000; color: #fff;} #footer {clear: both; position: relative; padding: 0px 10px 20px 180px; text-align: center; background: url(../_gfx/bg-footer.gif) left bottom no-repeat; font-size: 0.8em; font-weight: bold; text-transform: uppercase;} #footer p {padding: 20px 0 0 0; background: url(../_gfx/bg-footer-p.gif) 10px top no-repeat;} #footer #partageFooter {position: absolute; top: 2px; right: 840px;} #footer #partageFooter span {display: inline-block; } #footer a {text-decoration: none; color: #000;} ul.choixCommande li .url-paiement { width: 100%; margin-top: 11px; padding: 8px; } /* BANDEAU CONNEXION HAUT */ #bandoMonCompteThelia {display: block; position: fixed; top: 0; left: 0; z-index: 99; width: 100%; height: 20px; background: #306b99; -moz-box-shadow: 0px 0px 5px #555; -webkit-box-shadow: 0px 0px 5px #555; box-shadow: 0px 0px 10px #555;} #bandoMonCompteThelia #frameContainer {display: block; width: 950px; margin: 0 auto; padding: 0; border: 0px; background: #306b99; color: #f9f3e5; font-size: 12px; font-family: Helvetica, Arial, sans-serif; line-height: 1.2em;} #bandoMonCompteThelia #frameContainer * {margin: 0;} #bandoMonCompteThelia #frameContainer a {color: #f9f3e5;} #bandoMonCompteThelia #frameContainer .description {height: 20px; display: block; float: left; line-height: 20px; font-weight: bold;} #bandoMonCompteThelia #frameContainer #titre {font-size: .9em; font-family: typoCustom, 'Arial black', 'arial', sans-serif; letter-spacing: 0.05em; font-weight: normal; text-transform: uppercase; text-decoration: none;} #bandoMonCompteThelia #frameContainer #titre em {font-style: normal; text-transform: none;} #bandoMonCompteThelia #frameContainer #panier {float: right;}