/******************************************* M6 Mobile auteur : Nicolas Terras ********************************************/ /*@import url(provisoire.css);*/ /* ***************************************** GENERAL */ #footer-2 { padding:0 35px 0 35px; position:relative; overflow:hidden; clear: both;} html, body, ol, ul, form, fieldset, h1, h2, h3, h4, h5, h6, p, div, span, strong, legend, textarea { margin: 0; padding: 0; font-size:100%; } body { font:normal 11px Arial, Helvetica, sans-serif; color:#fff; background:#190818 url(skins/body.jpg) no-repeat 50% 0; } a img { border: 0; } a { text-decoration:none; cursor:pointer; outline:0 none; color:#fff; } a:hover { text-decoration:underline; } object {outline:0; z-index: -1}; li { list-style-type: none;} fieldset { border: 0; } textarea, input, select { font-size:100%; font-family: inherit; } .left { text-align:left; } .right { text-align:right; } .center { text-align:center; } .justify { text-align:justify; } .floatleft { float:left; } .floatright { float:right; } #body-inner { width:1004px; margin:0 auto 24px auto; position:relative; } #body-inner li { list-style-type: none;} .alt-flash { text-align:center; padding:10px; border:1px solid #FFF; width:330px; margin:0 auto; background:#000; } .alt-flash a { text-decoration:underline; } .cf { overflow:hidden; } label { cursor:pointer; } .relative { position:relative; } .underline { text-decoration:underline; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .clearfix { display:inline-block; } *:first-child+html .clearfix { display:inline-block; } .index { position: absolute; top: -200053px; } /* elements en clearfix */ .cf:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .cf { display:inline-block; } /*hides from IE mac \*/ * html .cf { height:1%; } .cf { display:block; } /*end hides from IE mac*/ /* ***************************************** PLUG-INS */ .ui-tabs .ui-tabs-hide { display: none; } /* jscrollPane */ .scroll-pane { overflow:auto; /* spécifier width et height pour skin */ } .jScrollPaneContainer { position:relative; overflow:hidden; z-index:1; } .jScrollPaneTrack { position:absolute; cursor:pointer; right:0; top:0; height:100% !important; } .jScrollPaneDrag { position:absolute; cursor:pointer; overflow:hidden; } .jScrollPaneDragTop { position:absolute; top:0; left:0; overflow:hidden; } .jScrollPaneDragBottom { position:absolute; bottom:0; left:0; overflow:hidden; } .jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; } .jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; } /* thickbox */ #TB_overlay { position: fixed; z-index:1001; top: 0px; left: 0px; height:100%; width:100%; } .TB_overlayMacFFBGHack { background:url(macFFBgHack.png) repeat; } .TB_overlayBG { background-color:#000; filter:alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; } #TB_window { position: fixed; z-index: 1002; color:#000; display:none; text-align:left; top:50%; left:50%; } #TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption {display:none;} #TB_closeAjaxWindow a {position:absolute;z-index:1003; top:20px; right:0; display:block; background:url(skins/bg-close-popup.png) no-repeat; width:37px; height:33px; } #TB_ajaxContent { clear:both; overflow:hidden; text-align:left; } #TB_ajaxContent.TB_modal { padding:15px; } #TB_load { position: fixed; display:none; height:13px; width:208px; z-index:1003; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } #TB_HideSelect { z-index:1000; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; } /* jQuery.Rating Plugin CSS */ div.star-rating{float:left;width:23px;height:22px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden} div.star-rating,div.star-rating a{background:url(skins/bg-star.png) no-repeat 0 0px} div.star-rating a{display:block;width:23px;height:100%;background-position:0 0px;border:0} div.star-rating-on a{background-position:0 -22px!important} div.star-rating-hover a{background-position:0 -44px} div.rating-cancel {display:none!important;} div.star-rating-readonly a{cursor:default !important} div.star-rating{background:transparent!important;overflow:hidden!important} /* tooltip */ #tooltip { position:absolute; z-index:3000; border:1px solid #111; background-color:#eee; padding:5px; opacity:0.85; color:#000; } #tooltip h3, #tooltip div { margin:0; } /* ***************************************** HABILLAGE */ /* body {background:#333;} #body-inner { background:#666;} /* **************************************************/ /* *************************************** HEADER 2 */ /* **************************************************/ #header-2 { height:115px; width:1004px; } #header-2 .title { position:absolute; left:20px; top:12px; } /* sub-menu */ #header-2 #sub-menu { width:365px; height:47px; background:url(skins/bg-sub-menu.png) no-repeat; font-size:10px; color:#bfb7bd; text-align:center; padding:9px 0 0 0; position:absolute; right:25px; top:0; z-index: 99;} #header-2 #sub-menu a { padding:0 8px; color:#bfb7bd; } #header-2 #sub-menu a:hover { text-decoration:none; color:#fff; } #header-2 #sub-menu .panier { padding-left:26px; background:url(skins/bg-panier.gif) no-repeat 6px 1px; } /* new-menu */ #new-menu { width:793px; height:80px; position:absolute; right:0; top:20px; background:url(skins/bg-new-menu.png) no-repeat 0 0; z-index: 101;} #new-menu .it {font-size: 14px; font-weight: bold; font-family: arial; text-transform: uppercase;} #new-menu .child {font-size: 11px; font-weight: normal;} #new-menu .pv { float:right; } #new-menu ul { width:600px; /*padding:22px 0 0 34px;*/ padding:22px 0 0 12px; float:left; } #new-menu li { width:150px; float:left; /*padding:0 4px;*/ text-align:center; position:relative; list-style-type: none; } #new-menu li a { display:block; float:left; width:150px; text-align:center; height:33px; padding:10px 0 0 0; background:url(skins/chevron.gif) no-repeat 50% 100%; text-transform:uppercase; } #new-menu ul .inner { width:150px; position:absolute; left:0; z-index:30; padding:0 0 18px 0; background:url(skins/bg-sm-bottom.png) no-repeat 0 100%; display:none; } #new-menu ul li:hover .inner, #new-menu ul li.sfHover .inner { top:0; } #new-menu ul ul { width:150px; background:url(skins/bg-sm-top.png) no-repeat 0 0; padding:0; float:none; position:relative; height:auto; overflow:hidden; } #new-menu ul li li { width:148px; float:left; padding:0 1px; text-align:left; position:relative; } #new-menu ul li li a { display:block; float:left; width:119px; text-align:left; height:auto; padding:5px 5px 5px 24px; background:url(skins/bullet-2.gif) no-repeat 13px 7px; text-transform:none; } #new-menu ul .first a { text-align:center !important; height:25px; padding:10px 0 0 0; text-transform:uppercase; width:148px; background:url(skins/bg-sm-2.gif) no-repeat 50% 100% !important; } #new-menu ul li li a:hover { background:#aa4497 url(skins/bullet-2.gif) no-repeat 13px 7px; text-decoration:none; } #new-menu ul li .first a:hover { background:none; } #new-menu .pv { position:absolute; /*top:22px;*/ top:25px; right:33px; } /* *************************************************************/ /* ***************************************** FOOTER + FOOTER 2 */ /* *************************************************************/ #footer { clear:both; width:900px; margin:0 auto; } #footer .floatleft { width:800px; } #footer .floatright { width:100px; text-align:center; } #footer .addthis { float:left; } #footer-M6mobile { text-align:center; padding-top:7px; } #footer-M6mobile a { padding:0 5px; } #footer-texte { clear:both; color:#948792; font-size:10px; padding:10px 0; width:100%; } #footer-texte .bold {font-weight:bold;font-size:11px;} #footer-contextuel { clear:both; text-align:left; padding:10px; font-size:10px; font-weight:normal; color:white; } #footer-contextuel a { color:white; } #footer-contextuel span { padding:0 10px; } #footer-groupe { text-align:center; font-size:11px; font-weight:normal; } #footer-groupe li { display:inline; } #footer-groupe li a { text-align:left; display:inline-block; width:160px; white-space:nowrap; padding:4px 6px; height:18px; background:#000; text-decoration:none; color:#fff; margin:0 2px; font-size:10px; } #footer-groupe li a img { vertical-align:middle; margin-right:5px; display:inline-block; } #footer-groupe li a:hover { background:#341131; } #footer-corporate { height:26px; line-height:26px; /*text-align:center;*/ color:#b4b6d9; font-size:10px; } #footer-corporate li { display:inline; } #footer-corporate a { color:#fff; padding:0 10px; } * **************************************************/ /* *************************************** FOOTER 2 */ /* **************************************************/ #footer-2 { padding:0 35px 0 35px; position:relative; overflow:hidden; } #footer-quick { background:url(skins/bg-footer-quick.png) no-repeat 0 0; } #footer-quick .host { height:25px; } #footer-2 #quick-inter { position:absolute; top:12px; left:50px; color:#77006b; font-size:11px; background:url(skins/bg-footer-inter.gif) no-repeat 0 50%; padding:0 0 0 15px; } #footer-2 .on { background-position:-450px 50% !important; } #footer-quick .quick-content { display:none; padding:5px 45px 5px 25px; z-index:30; overflow:hidden; } #footer-2 #footer_all-i { width:927px; /*position:absolute; bottom:0; left:35px;*/ background:url(skins/bg-footer-quick.png) no-repeat 0 -33px; height:67px; } #footer_all { background:url(skins/bg-footer-all.png) no-repeat 0 0; padding:35px 0 0 0; height:32px; } #footer-2 .quick-content p { background:#ebebeb; width:860px; text-align:center; color:#3f0f36; font-size:11px; padding:5px 0; margin:5px 0 0 0; } #footer-2 .quick-content p a { color:#3f0f36; padding:0 10px; } /* **************************************************/ /* ***************************************** CONTENT*/ /* **************************************************/ #content { position:relative; clear:both; margin:0 25px; z-index: 90;} #fil { float:left; padding-left:20px; } #fil strong { font-weight:normal; } .h1 { font-size:28px; text-transform:uppercase; font-weight:normal; padding-left:20px; padding-top:5px; font-weight:bold; } #outils { float:right; } #outils a { background:url(skins/puce-outils.png) no-repeat; padding:0 8px 0 24px; } #outils #bt-imprimer { background-position:6px 0; } #outils #bt-envoyer { background-position:6px -47px; } #colRight { position:absolute; top:60px; right:-40px; z-index:1; } .bouton { display:inline-block; line-height:22px; background:url(skins/bg-bouton-1.png) no-repeat 0 0; padding:0 0 0 2px; } .bouton span { display:inline-block; line-height:21px; background:url(skins/bg-bouton-1.png) no-repeat 100% -21px; padding:0 12px 0 10px; color:#434343; } .bouton:hover { background-position:0 -42px; text-decoration:none; } .bouton:hover span { background-position:100% -63px; } .on .bouton, .ui-tabs-selected .bouton, .on.bouton { background-position:0 -84px; padding:0 0 0 9px; } .on .bouton span, .ui-tabs-selected .bouton span, .on.bouton span { background-position:100% -105px; padding:0 12px 0 3px; color:#fff; } .bouton-2 { display:inline-block; line-height:19px; background:url(skins/bg-bouton-1.png) no-repeat 0 -258px; padding:0 0 0 6px; } .bouton-2 span { display:inline-block; line-height:19px; background:url(skins/bg-bouton-1.png) no-repeat 100% -258px; padding:0 16px 0 10px; color:#930084; text-transform:uppercase; font-weight:bold; font-size:11px; } .bouton-2:hover { background-position:0 -277px; text-decoration:none; } .bouton-2:hover span { background-position:100% -277px; } .stars { display:block; width:80px; height:15px; background-image:url(skins/stars.png); background-repeat: no-repeat; overflow:hidden; } .star0 { background-position:0 0; } .star1 { background-position:0 -15px; } .star2 { background-position:0 -30px; } .star3 { background-position:0 -45px; } .star4 { background-position:0 -60px; } .star5 { background-position:0 -75px; } .jScrollPaneTrack { background-color:#dcdcdc; } .jScrollPaneDrag { background-color:#930084; } /* ****************** COL RIGHT (POSITION:ABSOLUTE) */ /* jump mobile */ #jump-mobiles { width:212px; height:65px; background:url(skins/bg-jump-mobiles.png) no-repeat; padding:20px } #jump-mobiles > ul > li {list-style-type: none;} #jump-mobiles > ul > li > a { color:#930084; text-transform:uppercase; font-size:10px; font-weight:bold; display:block; border-top:1px solid #e0e0e0; line-height:22px; } #jump-mobiles > ul > li.puce { background:url(skins/puce-fleche.png) no-repeat 100% -38px; } #jump-mobiles > ul > li.puce.on { background-position: 100% -60px } #jump-mobiles > ul > li:first-child > a { border:none; } #jump-mobiles .jump-listes { position:absolute; width:250px; left:-5000px; z-index:15; } #jump-mobiles .jump-listes.show, #jump-mobiles .jump-listes:hover { left:-30px; border-bottom:0px solid transparent/* pour IE7 */; } #jump-mobiles .jump-listes a { color:#000; } #jump-mobiles .jump-listes .top { background:url(skins/bg-jump-mobiles-top-bottom.png) no-repeat top; height:15px; overflow:hidden; width:230px; padding:0 10px; } #jump-mobiles .jump-listes .bottom { background:url(skins/bg-jump-mobiles-top-bottom.png) no-repeat bottom; height:40px; overflow:hidden; width:230px; padding:0 10px; } #jump-mobiles .jump-listes .inner { background:url(skins/bg-jump-listes.png) repeat-y; width:220px; height:415px; padding:0 20px 0 10px; } #jump-mobiles .jump-listes ul { height:415px; } #jump-mobiles .jump-listes li { overflow:hidden; background:url(skins/bg-separator-2.jpg) top no-repeat; height:83px; overflow:hidden; } #jump-mobiles .jump-listes li:first-child { background:none; } #jump-mobiles .jump-listes li a.floatleft { display:block; width:60px; height:83px; text-align:right; overflow:hidden; } #jump-mobiles .jump-listes li a.floatright { display:block; width:140px; height:58px; padding-top:25px; text-transform:uppercase; overflow:hidden; } #jump-mobiles .jump-listes li img { height:83px; } /* m6 mobile c'est aussi */ #cestAussi { width:239px; height:135px; overflow:hidden; } #cestAussi .outer { background:url(skins/bg-cest-aussi.png) no-repeat; } #cestAussi .inner { position:relative; width:214px; height:105px; padding:30px 0 0 25px; } #cestAussi a { color:#fff; } #cestAussi ul { background:#fff; width:190px; height:93px; overflow:hidden; } #cestAussi ul .h4 { text-transform:uppercase; font-weight:bold; line-height:normal; } #cestAussi ul .h4 a { color:#F59F23; font-weight:bold; } #cestAussi .btPrevious, #cestAussi .btNext { position:absolute; text-indent:-9999px; width:5px; height:10px; background:url(skins/bt-fleche.png) no-repeat; z-index:4; top:60px; } #cestAussi .btPrevious { left:16px; background-position:left; } #cestAussi .btNext { right:16px; background-position:right; } #cestAussi p { margin:0; line-height:11px; font-size:10px; } #cestAussi .hide { display:none; position:absolute; top:0; left:0; background:url(skins/bg-cest-aussi-hover.jpg) no-repeat; width:170px; height:51px; padding:8px 10px 12px 10px; } /* points de vente */ #pointsDeVente { } /* flash promo */ #promo { position:relative; left:-15px; top:-10px; } #promo a { position:absolute; top:167px; left:138px; } /* ****************** HOME PAGE */ #page-index #header { height:auto; } #page-index #content { margin:0; } #flash-home { clear:both; width:/*945*/930px; height:/*332*/311px; margin:0 auto; display:block; } #home-blocs { position:relative; padding:0 14px; overflow:hidden; height:245px; margin-top:-20px; } /* bloc offre */ #bloc-offres { position:absolute; top:0; left:10px; width:357px; } #bloc-offres-nav .inner { position:relative; width:357px; height:53px; } .bloc-offres-nav-0 { background:url(skins/bg-bloc-offres-0.png) no-repeat; } .bloc-offres-nav-1 { background:url(skins/bg-bloc-offres-1.png) no-repeat; } .bloc-offres-nav-2 { background:url(skins/bg-bloc-offres-2.png) no-repeat; } #bloc-offres-nav a { position:absolute; display:block; background:url(skins/pixel.gif); text-indent:-9999px; } #bloc-offres-nav-0 { top:16px; left:20px; width:110px; height:35px; } #bloc-offres-nav-1 { top:16px; left:130px; width:120px; height:35px; } #bloc-offres-nav-2 { top:16px; left:250px; width:80px; height:35px; } #bloc-offres-content { background:url(skins/bg-bloc-offres.png) no-repeat; } #bloc-offres-content .inner { position:relative; width:357px; height:176px; } #bloc-offres-content a { position:absolute; top:0; left:20px; } #bloc-offres-content li { display:none; } #bloc-offres-content li.current { display:block; } #bloc-offres .enSavoirPlus { position:absolute; top:120px; left:195px; } /* ********************************************************/ /* *************************************** PAGE TOO BENEF */ /* ********************************************************/ .twin-col { width:1004px; overflow:hidden; } .twin-l { float:left; width:707px; } .twin-r { float:right; width:297px; } /* twin-l */ .zone-texte-light { color:#000; margin-bottom:10px; margin-top:20px; position:relative; } .zone-texte-nav { margin:0 0 0 -12px; position:absolute; top:-17px; left:16px; padding:0 0 0 12px; background:url(skins/bg-zone-texte-nav.png) no-repeat; } .zone-texte-nav li { display:inline; } .zone-texte-nav li h3 { display:inline; } .zone-texte-nav li a { display:block; float:left; color:#8f8f8f; background:url(skins/bg-onglets.png) no-repeat bottom right; line-height:29px; padding:0 10px; } .zone-texte-nav .ui-tabs-selected a { background:#fff; border-right:1px solid #8f8f8f; color:#000; font-weight:bold; } .zone-texte-light .zone-texte-top { background:url(skins/bg-zone-texte-top-little.png) no-repeat; width:707px; height:12px; clear:both; } .zone-texte-light .zone-texte-bottom { background:url(skins/bg-zone-texte-bottom2-little.png) no-repeat; width:707px; height:46px; } .zone-texte-light .zone-texte-content { background:url(skins/bg-zone-texte-content-little.png) repeat-y; width:637px; padding:20px 35px 10px 35px; overflow:hidden; } /* twin-r */ .acces-client { padding:30px 0 0 0; } /* ********************************************************/ /* *************************************** FLASH INSIDE */ /* ********************************************************/ #flash-insideM6 { position:absolute; top:18px; left:320px; z-index:1; } /* evemement */ #evenement { position:absolute; top:0; right:15px; width:330px; height:221px; } #evenement .outer { background:url(skins/bg-evenement.png) no-repeat; } #evenement .inner { position:relative; width:290px; height:185px; padding:36px 0 0 45px; } #evenement a { color:#000; } #evenement ul { width:257px; background:#fff; height:168px; overflow:hidden; } #evenement ul .h4 { text-transform:uppercase; font-weight:bold; line-height:normal; } #evenement ul .h4 a { color:#77006b; } #evenement ul li { height:168px; } #evenement .btPrevious, #evenement .btNext { position:absolute; text-indent:-9999px; width:5px; height:10px; background:url(skins/bt-fleche.png) no-repeat; z-index:4; top:82px; display:block; } #evenement .btPrevious { left:50px; background-position:left; z-index:100; } #evenement .btNext { right:38px; background-position:right; z-index:100; } #evenement p { margin:0 10px 0 20px; line-height:11px; width:223px; } /* ****************** OFFRES (M_1000 - M_1300) */ #flash-index-offres { clear:both; display:block; } /* flash offres */ #flash-offres { position:relative; width:700px; height:373px; clear:both; top:20px;} #flash-offres .btShop { position:absolute; left:490px; top:320px; z-index:1; } /* zone texte extensible */ .zone-texte { color:#000; margin-bottom:10px; margin-top:10px; position:relative; } .zone-texte-nav { margin:0 0 0 -12px; position:absolute; top:-17px; left:16px; padding:0 0 0 12px; background:url(skins/bg-zone-texte-nav.png) no-repeat; } .zone-texte-nav li { display:inline; } .zone-texte-nav li h3 { display:inline; } .zone-texte-nav li a { display:block; float:left; color:#8f8f8f; background:url(skins/bg-onglets.png) no-repeat bottom right; line-height:29px; padding:0 10px; } .zone-texte-nav .ui-tabs-selected a { background:#fff; border-right:1px solid #8f8f8f; color:#000; font-weight:bold; } .zone-texte-top { background:url(skins/bg-zone-texte-top.png) no-repeat; width:937px; height:12px; clear:both; } .zone-texte-bottom { background:url(skins/bg-zone-texte-bottom2.png) no-repeat; width:937px; height:46px; } /* zone texte contenu */ .zone-texte-content { background:url(skins/bg-zone-texte-content.png) repeat-y; width:867px; padding:20px 35px 10px 35px; overflow:hidden; } .zone-texte-content a { color:#000; } .zone-texte-content li { background:url(skins/bullet.gif) no-repeat 0 6px; padding:0 0 0 5px; } .zone-texte-content .h3 { text-transform:uppercase; color:#930084; font-weight:bold; margin-bottom:10px; } .zone-texte-content strong { color:#930084; } .zone-texte-content .floatleft { width:610px; } .zone-texte-content .floatright { width:249px; height:158px; position:relative; } .zone-texte-content .floatright img { position:absolute; } .zone-texte-content .visuel { float:left; padding:0 10px; } .zone-texte-content .floatright .mask { position:absolute; z-index:1; background:url(skins/bg-mask.png) no-repeat; width:249px; height:158px; } .zone-texte-content #inclus-pack .floatright { background:url(skins/bg-separator.jpg) no-repeat scroll left center; padding:10px; width:229px; height:118px; font-size:28px; line-height:118px; text-align:center; } .zone-texte-content #inclus-pack .accroche { font-size:18px; color:#930084; text-transform:uppercase; font-style:italic; font-weight:bold; } .zone-texte-content #inclus-pack .h3 { margin-top:40px; } .zone-texte-content .details-principaux { margin-bottom:10px; } .zone-texte-content .details-techniques { overflow:hidden; } .zone-texte-content .details-techniques > li { float:left; padding:0 25px; width:125px; background:url(skins/bg-separator.jpg) no-repeat /*scroll left center*/; min-height:100px; } .zone-texte-content .details-techniques > li:first-child { padding-left:0; background-image:none; } .zone-texte-content .details-techniques li li { background:url(skins/bullet.gif) no-repeat 0 6px; padding:0 0 0 6px; } .zone-texte-content #avis-internautes li { padding:10px 20px; margin:0 -18px; background:none; } .zone-texte-content #avis-internautes li.even { background:#eee } .zone-texte-content #avis-internautes li p { padding:2px 0; } /* mentions legales */ #mentions-legales { margin:-10px 0 20px 0; z-index:10; clear: both;} #mentions-legales .puce-plus { background:url(skins/puce-outils.png) no-repeat 0 -100px; padding-left:15px; margin-left:20px; zoom:1; } #bt-mentions-legales { display:block; margin-bottom:10px; } #mentions-legales .puce-plus.on { background-position:0 -149px } #mentions-legales .hide { display:none; margin-top:-10px; } /* addThis */ .addthis { padding:3px; } #at_hover, #at15s_head { font-size:10px!important; } /* bloc infos supplementaires */ .infos-sup { background:url(skins/bg-infos-sup.png) no-repeat; width:885px; height:177px; padding:30px; color:#000; margin:30px 0 0 0; } .infos-sup h2, .infos-sup .h2 { text-transform:uppercase; font-size:12px; font-weight:bold; } .infos-sup a { color:#000; } .infos-sup ul { overflow:hidden; width:885px; } .infos-sup .mur-mobile-liste { } .infos-sup .mur-mobile-liste li { display:inline; float:left; width:220px; height:173px; background:url(skins/bg-separator.jpg) no-repeat left center; } .infos-sup .mur-mobile-liste li .inner { width:188px; height:123px; padding:30px 16px 20px 16px; } /*.infos-sup li { display:inline; float:left; width:201px; background:url(skins/bg-separator.jpg) no-repeat left center; padding:10px; } .infos-sup li:first-child { background:none; } .infos-sup .marque { text-transform:uppercase; font-weight:bold; } .infos-sup .modele { text-transform:uppercase; font-weight:bold; padding-bottom:2px; } .infos-sup .details { font-size:10px; padding-bottom:5px; } .infos-sup .prix { font-size:18px; letter-spacing:-1px; background:#930084 url(skins/bg-prix.png) no-repeat left top; color:white; display:block; width:57px; padding-right:59px; text-align:center; line-height:20px; } .infos-sup .prix span { width:57px; } .infos-sup .bt-details { margin:1px 0 0 10px; } .infos-sup .floatleft { width:63px; } .infos-sup .floatright { width:130px; padding:10px 0 0 0; }*/ .aPartirDe { font-size:10px; color:#930084; } /* ****************** PAGE CLE 3G+ (M_1200) */ #page-cle-3g .infos-sup li { background:none; color:#535353; width:173px; padding:10px 24px; float:left; } #page-cle-3g .infos-sup li .visuel { margin-bottom:5px; position:relative; width:173px; height:96px; } #page-cle-3g .infos-sup li .visuel img { position:absolute; } #page-cle-3g .infos-sup li .mask { position:absolute; z-index:1; background:url(skins/bg-mask-0.png) no-repeat; width:173px; height:96px; } #page-cle-3g .infos-sup .even .mask { background-image:url(skins/bg-mask-1.png); } #page-cle-3g .infos-sup li p { height:45px; overflow:hidden; } /* ****************** MOBILES INDEX (M_2000) */ #mur-mobiles { margin-left:-20px; width:985px; } .mur-mobiles-content { background:url(skins/bg-mur-mobiles-content.png) repeat-y; width:915px; padding:10px 35px 10px 35px; overflow:hidden; color:#000; } .mur-mobiles-top { background:url(skins/bg-mur-mobiles-top.png) no-repeat; width:985px; height:27px; clear:both; } .mur-mobiles-bottom { background:url(skins/bg-mur-mobiles-bottom.png) no-repeat; width:986px; height:57px; position:relative; z-index:1; } #mur-mobiles h2 { text-transform:uppercase; font-size:12px; } #mur-mobiles a { color:#000; } /* nav mur mobile */ #nav-mur-mobiles { background:url(skins/bg-nav-choix.png) no-repeat; width:909px; height:44px; padding:20px 20px; margin-left:-20px; } #nav-mur-mobiles select { width:70px; } #nav-mur-mobiles ul { background:url(skins/bg-separator-3.jpg) no-repeat left center; display: inline; margin: 0px; float:left !important; margin:11px 0 0 6px; } #nav-mur-mobiles ul > li { background:none !important; overflow:hidden !important; float:left !important;} #nav-mur-mobiles-content { height: 100%; padding-left: 5px;} ul#choix-design li { margin-top: -10px; background: none; } #nav-mur-mobiles li select, #nav-mur-mobiles li a { margin:0 5px; } #nav-mur-mobiles li { display: inline; margin: 0px 3px; background: none !important;;} #bouton-promo { background-position: 0 -126px; padding-left:23px; } #bouton-promo span, #bouton-promo.on span { padding-left:5px; } #bouton-promo:hover { background-position:0 -148px; } #bouton-promo.on { background-position:0 -170px; padding-left:23px; } #bouton-promo-pack { background-position: 0 -192px; padding-left:25px; } #bouton-promo-pack span, #bouton-promo-pack.on span { padding-left:5px; } #bouton-promo-pack:hover { background-position:0 -214px; } #bouton-promo-pack.on { background-position:0 -236px; padding-left:25px; } #choix-design a { background:url(skins/bg-nav-design.png) no-repeat; width:49px; height:41px; vertical-align:middle; text-indent:-9999px; float:left !important;} #choix-design a#bouton-design-barre { background-position:0 0; } #choix-design a#bouton-design-clapet { background-position:-49px 0; } #choix-design a#bouton-design-coulissant { background-position:-98px 0; } #choix-design a#bouton-design-tactile { background-position:-148px 0; } #choix-design a#bouton-design-barre:hover { background-position:0 -41px; } #choix-design a#bouton-design-clapet:hover { background-position:-49px -41px; } #choix-design a#bouton-design-coulissant:hover { background-position:-98px -41px; } #choix-design a#bouton-design-tactile:hover { background-position:-148px -41px; } #choix-design a#bouton-design-barre.on { background-position:0 -82px; } #choix-design a#bouton-design-clapet.on { background-position:-49px -82px; } #choix-design a#bouton-design-coulissant.on { background-position:-98px -82px; } #choix-design a#bouton-design-tactile.on { background-position:-148px -82px; } /* liste mur mobiles */ .mur-mobile-liste { overflow:hidden; } .mur-mobile-liste li { display:inline; float:left; width:228px; height:173px; background:url(skins/bg-separator.jpg) no-repeat left center; } .mur-mobile-liste li:first-child, #mur-mobiles .mur-mobile-liste li.first { background:none; } .mur-mobile-liste li .inner { width:188px; height:123px; padding:30px 20px 20px 20px; } .mur-mobile-liste .marque { text-transform:uppercase; font-weight:bold; } .mur-mobile-liste .modele { text-transform:uppercase; font-weight:bold; padding-bottom:2px; } .mur-mobile-liste .details { font-size:10px; padding-bottom:5px; } .mur-mobile-liste .prix { font-size:18px; letter-spacing:-1px; background:#930084 url(skins/bg-prix.png) no-repeat left top; color:white; display:block; width:57px; padding-right:59px; text-align:center; line-height:20px; } .mur-mobile-liste .prix span { width:57px; } .mur-mobile-liste .promo .prix { background-position:left -20px; } .mur-mobile-liste .bientot-dispo, .a_partir_de { color:#930084; font-size: 13px; line-height:21px; } .mur-mobile-liste .bt-details { margin:1px 0 0 10px; } .mur-mobile-liste .floatleft { width:63px; } .mur-mobile-liste .floatright { width:122px; padding:10px 0 0 0; } .mur-mobile-liste li.vente-flash .inner { background:url(skins/bg-vente-flash.png) no-repeat 50% 50%; } .mur-mobile-liste li.pack-promo .inner { background:url(skins/bg-pack-promo.png) no-repeat 50% 50%; } .message { font-weight:bold; text-transform:uppercase; color:#930084; padding:20px 0; font-size:16px; } .alternative { margin-top:30px; } /* liste mobiles carte prepaye */ #mobiles-carte-prepayee { margin-top:-50px; position:relative; z-index:0; } #mobiles-carte-prepayee h2 { padding:20px 0 0 0; } #mobiles-carte-prepayee .mur-mobiles-content { background:white; width:915px; margin:0 16px; padding:20px 19px 10px 19px; } /* mur mobiles footer */ .mur-mobiles-footer { background:url(skins/bg-mur-mobiles-footer.png) no-repeat; width:956px; height:61px; position:relative; z-index:1; margin-top:-20px; text-align:center; padding:30px 30px 0 0; } .pagination { display:inline-block; line-height:16px; } *+html .pagination { display:inline; } .pagination span { display:inline-block; background:url(skins/bg-pagination.png) no-repeat 100% 100%; } .pagination a, .pagination span span { display:inline-block; width:10px; height:10px; margin:3px 8px; } .pagination a:hover, .pagination a.current, .pagination span span { background:white; } .haut-page { position:absolute; right:30px; top:30px; background:url(skins/puce-haut-page.png) no-repeat 100% 6px; padding-right:10px; font-size:10px; } /* ****************** MOBILES (M_2200) */ .page-mobiles #outils { padding-right:0; } .page-mobiles #colRight { top:65px; } #mobile-detail { position:relative; background:url(skins/bg-mobile-detail.png) no-repeat; width:687px; height:488px; padding:20px 17px 20px 20px; color:#000; overflow:hidden; } #mobile-detail a { color:#000; } #mobile-detail #bloc-image { position:absolute; top:30px; right:485px; width:216px; height:390px; text-align:center; } #mobile-detail #detail-visuel { position:absolute; bottom:0px; left:0; } #mobile-detail #detail-visuel li { display:inline; } #mobile-detail #detail-visuel li a { background:url(skins/bg-detail-visuel.png) no-repeat; width:46px; height:46px; padding:4px; display:block; float:left; } #mobile-detail .split-right { width:490px; margin-left:196px; } #mobile-detail #bloc-promo { padding:10px 10px 0 50px; height:105px; } #mobile-detail #bloc-promo p { margin-bottom:5px; } #mobile-detail #bloc-promo .accroche { font-size:17px; color:#930084; text-transform:uppercase; font-style:italic; font-weight:bold; margin-bottom:15px; } #mobile-detail #bloc-promo .accroche span { color:#000; font-size:19px;} #mobile-detail #bloc-promo .bt-promo-1 { display:block; background:url(skins/bt-promo-1.png) no-repeat; width:57px; height:31px; line-height:31px; padding:0 200px 0 0; font-size:17px; font-weight:bold; color:#930084; text-align:right; text-decoration:none; } #mobile-detail #bloc-promo .right { padding-right:90px; } #mobile-detail #bloc-prix { padding:0 10px 10px 50px; } #mobile-detail .prix { font-size:50px; font-weight:normal; color:#930084; } #mobile-detail .detail-prix span { color:#930084; } #mobile-detail .h2 { font-size:12px; font-weight:normal; text-transform:uppercase; padding-bottom:10px; } #mobile-detail #bloc-form { background:#eee url(skins/bg-bloc-form.png) no-repeat top left; padding:10px 0 0 50px; height:173px; } #mobile-detail #choix-engagement { padding-bottom:10px; } #mobile-detail #choix-engagement li { display:inline; color:#930084; font-size:12px; } #mobile-detail .choix-forfait li { color:#930084; font-size:12px; } #mobile-detail .choix-forfait li input[type="radio"] { vertical-align:middle; } #mobile-detail .submit { position:absolute; bottom:75px; left:485px; } #mobile-detail #internautes { padding:10px 0 0 20px; } #mobile-detail #internautes p { font-size:12px; padding-bottom:5px; } #mobile-detail #internautes .stars { display:inline-block; vertical-align:middle; margin-top:-2px; } #mobile-detail.non-dispo .prix { font-size:32px; font-weight:bold; text-transform:uppercase; line-height:1em } #mobile-detail.non-dispo #bloc-promo { height:75px; } #mobile-detail.non-dispo #bloc-prix { height:135px; } #mobile-detail.non-dispo #bloc-form p, #mobile-detail.non-dispo #bloc-form label { font-size:12px; padding:8px 0; } #mobile-detail.non-dispo #bloc-form p.obligatoire { font-size:10px; color:#777; margin-top:-14px; } #mobile-detail.non-dispo #bloc-form input[type="text"] { width:200px; } #mobile-detail.sans-promo #bloc-promo { height:70px; } #mobile-detail.sans-promo #bloc-prix { height:140px; } #mobile-detail.vente-flash .split-right { padding:110px 0 0 0; } #mobile-detail.vente-flash { background:url(skins/bg-vente-flash-2.png) no-repeat; width:687px; height:459px; } #mobile-detail.vente-flash #bloc-prix { float:left; padding:0 0 20px 60px } #mobile-detail.vente-flash .prix { width:224px; line-height:70px; } #mobile-detail.vente-flash .detail-prix { color:#f086c5; padding-top:10px; } #mobile-detail.vente-flash #bloc-promo { float:right; width:160px; margin-right:5px; padding:0 20px; } #mobile-detail.vente-flash #bloc-promo .accroche { color:#fff; font-style:normal; font-size:13px; text-align:center; line-height:30px; } #mobile-detail.vente-flash #bloc-promo .accroche span { color:#fff; display:block; font-size:20px; line-height:20px; } #mobile-detail.vente-flash #bloc-promo .accroche span.right { padding:0; } #mobile-detail.vente-flash .prix span { position:relative;top:-12px;color:#666; font-size:19px ;padding-left:5px; } #mobile-detail.vente-flash #bloc-form { background:none; clear:both; } #mobile-detail.vente-flash .submit { position:absolute; bottom:45px; left:422px; } #page-vente-flash #colRight { top:90px; } #autres-packs { background:url(skins/bg-autres-packs.png) no-repeat; width:885px; height:190px; padding:26px 30px 50px 30px; color:#000; margin:-55px 0 0 0; } #autres-packs ul { overflow:hidden; } /* ****************** HOME DIVERTISSEMENT (M_3000) */ .page-divertissement #colRight { top:15px; } .page-divertissement .bandeau {margin-top:-5px;} #flash-divertissement {margin-top:-15px; height:379px; } .divertissement-index {margin-top:-15px;overflow:hidden; } .divertissement-index-content {width:690px;padding:0 25px 0 30px;background:url(skins/bg-divertissement-index.png) repeat-y; overflow:hidden;} .divertissement-index-top { width:690px;padding:0 25px 0 30px;height:34px;background:url(skins/bg-divertissement-index-top.png) no-repeat; } .divertissement-index-bottom {width:690px;padding:0 25px 0 30px;height:49px; background:url(skins/bg-divertissement-index-bottom.png) no-repeat; } .divertissement-index ul { overflow:hidden; padding:0;} .divertissement-index li {position:relative;width:335px;height:240px;background:url(skins/bg-divertissement-index-item.png) no-repeat 100% 50px;} .divertissement-index li.clear {clear:both;margin:0 auto;} .divertissement-index li .h3{display:inline-block;background:url(skins/bg-titre-divertissement.png) no-repeat left 0px;padding:0 0 0 18px;position:absolute;top:0;left:0px;} .divertissement-index li .h3 span{ display:inline-block;line-height:60px;background:url(skins/bg-titre-divertissement.png) no-repeat 100% -60px; padding:0 38px 0 20px; color:white;font-size:13px;font-weight:bold;text-transform:uppercase; } .divertissement-index li .h3 a {text-decoration:none;} .divertissement-index li img { margin-top:25px; } .divertissement-index li .texte {font-size:10px; padding:0 10px 0 30px;} .jeux-concours-content {width:256px;background:url(skins/bg-jeux-concours.png) repeat-y;color:#2f2f2f;} .jeux-concours-top { background:url(skins/bg-jeux-concours-top.png) no-repeat; width:256px; height:23px; } .jeux-concours-bottom { background:url(skins/bg-jeux-concours-bottom.png) no-repeat; width:256px; height:30px; } .jeux-concours .h2 {font-size:14px;font-weight:bold;text-transform:uppercase;color:#930084;text-align:center;padding:10px 0 0 0;} .jeux-concours li {display:block; width:200px; background:url(skins/bg-jeux-concours-item.png) no-repeat 20px 0; padding:10px 0 12px 0; margin:0 auto; border-top:1px solid #d6d6d6; } .jeux-concours li:first-child {border:0;} .jeux-concours li img {margin:0 auto;display:block;padding:12px 0 8px 0;} .jeux-concours li.forme-1 { background-position:-30px 10px; } .jeux-concours li.forme-2 { background-position:-284px 10px; } .jeux-concours li p {padding:0 15px;font-size:10px;} .jeux-concours li .h3 { text-transform:uppercase; font-size:11px; font-weight:bold;color:#930084; } .jeux-concours li .h3 a {color:#930084;} .jeux-concours .underline {color:#2f2f2f;} .jeux-concours .right {padding-right:25px;} .liste-divertissement {background:url(skins/bg-liste-divertissement.png) no-repeat; width:740px; height:393px;} .liste-divertissement { position:relative; padding-top:50px;margin-top:-15px; } .liste-divertissement .h2{display:inline-block;background:url(skins/bg-titre-divertissement.png) no-repeat left 0px;padding:0 0 0 18px;position:absolute;top:-5px;left:10px;} .liste-divertissement .h2 span{ display:inline-block;line-height:60px;background:url(skins/bg-titre-divertissement.png) no-repeat 100% -60px; padding:0 38px 0 20px; color:white;font-size:13px;font-weight:bold;text-transform:uppercase; } .liste-divertissement ul { overflow:hidden; margin:0 32px 10px 32px; } .liste-divertissement li { display:block; float:left; width:154px; height:273px; background:url(skins/bg-divertissement-item.png) no-repeat; padding:11px 3px 0px 4px; margin:0 4px; } .liste-divertissement li img { margin-bottom:15px; } .liste-divertissement li.forme-1 { background-position:0 0; } .liste-divertissement li.forme-2 { background-position:-161px 0; } .liste-divertissement li.forme-3 { background-position:-322px 0; } .liste-divertissement li.forme-4 { background-position:-483px 0; } .liste-divertissement li.forme-5 { background-position:-644px 0; } .liste-divertissement li p { margin:0 10px; font-size:10px; } .liste-divertissement li h2 { text-transform:uppercase; font-size:11px; font-weight:bold; margin-bottom:5px;margin:0 10px; } .liste-divertissement p.right { text-transform:uppercase; color:#262626; font-size:12px; font-weight:bold; padding-right:30px; } .liste-divertissement p.right a { color:#262626; } /* ****************** INSIDE M6 MOBILE (M_3100) */ .page-divertissement #outils { padding-right:0; } #flash-inside-bandeau {margin-top:-5px;} /* #flash-inside { position:relative; width:734px; height:419px; margin-top:-15px;} #flash-inside #saisie-numero { position:absolute; bottom:22px; right:35px; } #flash-inside #saisie-numero input { vertical-align:middle; } #flash-inside #besoin-aide{ position:absolute; bottom:32px; left:35px; color:#999;font-size:10px;} #flash-inside #besoin-aide a{ color:#000;} #page-inside #colRight { top:15px; } */ #flash-inside { padding:30px 0 0 40px; position:relative; width:694px; height:389px; background:url(skins/bg-flash-inside.png) no-repeat 0 0; } #flash-inside #besoin-aide{ position:absolute; bottom:30px; left:30px; color:#999; font-size:10px; width:300px;} #flash-inside #besoin-aide a{ color:#000;} #flash-inside .btn { position:absolute; left:330px; bottom:25px; } #flash-inside #saisie-numero { position:absolute; bottom:22px; right:65px; background:url(skins/bg-saisie-numero.gif) no-repeat; padding:15px 0 0 0; } #flash-inside #saisie-numero input { vertical-align:middle; } #en-ce-moment { background:url(skins/bg-en-ce-moment.png) no-repeat; width:950px; height:329px;margin-top:-15px; } #en-ce-moment li {margin:0 8px; } /* ****************** MUSIQUE ET CONCERT (M_3200) */ /* #flash-musique {position:relative;background:url(skins/bg-musique-concert.png) no-repeat; width:694px; height:339px; padding:20px; margin-top:-15px;} #flash-musique .h2 {position:absolute;right:40px;top:50px;} #flash-musique .texte {position:absolute;right:50px;top:160px;width:160px;font-size:12px;} */ #flash-musique { position:relative;background:url(skins/bg-musiqueconcert.png) no-repeat; width:694px; height:335px; padding:20px 20px 0 20px;} #flash-musique .h2 {display:none;} #flash-musique .texte {position:absolute;right:85px;top:160px;width:165px;font-size:12px;} /* ****************** CINE / DVD / JEUX VIDEOS (M_3300) */ /* #flash-cinema {position:relative;background:url(skins/bg-cinema.png) no-repeat; width:701px; height:337px; padding:22px 20px 20px 13px;margin-top:-15px;} #flash-cinema .h2 {position:absolute;right:40px;top:50px;} #flash-cinema .texte {position:absolute;right:50px;top:160px;width:160px;font-size:12px;} */ #flash-cinema {position:relative;background:url(skins/bg-cine.png) no-repeat; width:694px; height:335px; padding:20px 20px 0 20px;} #flash-cinema .h2 {display:none;} #flash-cinema .texte {position:absolute;right:75px;top:160px;width:180px;font-size:12px;} /* ****************** DIVERS (M_3400) */ /* #flash-divers {position:relative;background:url(skins/bg-divers.png) no-repeat; width:694px; height:289px; padding:20px;margin-top:-15px;} #flash-divers .h2 {position:absolute;right:40px;top:50px;} #flash-divers .texte {position:absolute;right:50px;top:230px;width:160px;font-size:12px;} */ #flash-divers {position:relative;background:url(skins/bg-divers.png) no-repeat; width:694px; height:335px; padding:20px 20px 0 20px;} #flash-divers .h2 {display:none;} #flash-divers .texte {position:absolute;right:70px;top:230px;width:150px;font-size:12px;} #page-divers .relative {/*min-height:950px;*/} /* ****************** PAGE ARTICLE (M_3210) */ #article{ width:733px;} .page-article #colRight { top:60px; } .article-content { background:url(skins/bg-panier-content.png) repeat-y; width:653px; overflow:hidden; color:#000; padding: 0 50px 10px 30px;} .article-top { background:url(skins/bg-panier-top.png) no-repeat; width:733px; height:19px; } .article-bottom { background:url(skins/bg-panier-bottom.png) no-repeat; width:733px; height:33px; } .article-content .floatright {width:360px;} .article-content .visuel {width:280px;height:300px;background:url(skins/bg-article-visuel.png) no-repeat 50% 50%;float:left;margin:0 10px 10px 0;display:table;} .article-content .visuel td {vertical-align:middle;text-align:center;width:300px;height:300px;} .article-content h2 {color:#930084;text-transform:uppercase;font-size:20px;padding:10px 0;} .article-content .chapo {font-weight:bold;padding-bottom:10px;} .article-content li { background:url(skins/bullet.gif) no-repeat 0 6px; padding:0 0 0 6px; } .article-content a { color:#930084; } /* ****************** PAGE LES PUBS (M_3500) */ /* **************************************************/ /* *************************************** PAGE PUB */ /* **************************************************/ #flash-pub-o { background:transparent url(/skins/pubs/img/bg-pub.png) no-repeat top left; display:block; width:950px; height:320px; position:relative; margin:0 0 10px 0; } #flash-pub-o .data { width:246px; position:absolute; top:215px; right:68px; } #flash-pub-o .data h2 { font-size:20px; color:#fff; text-transform:uppercase; } #flash-pub-o .data h2 span { display:block; color:#d944c9; font-size:12px; text-transform:none; padding:0 0 8px 0; } #flash-pub-o .data p { padding:0 0 12px 0; } #flash-pub-o .data p label { font-size:12px; display:block; padding:0 0 6px 0; } #flash-pub-o .data p input { width:230px; height:20px; line-height:20px; border:1px solid #666; background:#fff; padding:0 5px; color:#717171; font-size:10px; } #flash-pub-o .data p a { padding:0 0 0 20px; margin:0 15px 0 0; font-size:10px; color:#fff; } #flash-pub-o .data p .twitter { background:url(/skins/pubs/img/bg-twitter.gif) no-repeat 0 50%; } #flash-pub-o .data p .facebook { background:url(/skins/pubs/img/bg-facebook.gif) no-repeat 0 50%; } #carou-pub { width:890px; height:260px; margin:0 0 10px 0; background: transparent url(/skins/pubs/img/bg-carou-pub.png) no-repeat 0 0; overflow:hidden; padding:20px 25px; } #carou-pub h2 { padding:0 0 10px 0; } #carou-pub .carou ul { width:800px; overflow:hidden; } #carou-pub .carou li { width:168px; float:left; height:190px; padding:0 16px; } #carou-pub .carou .visu { width:160px; height:120px; background:url(/skins/pubs/img/skins/bg-carou-item.gif) no-repeat 0 0; padding:4px; display:block; position:relative; margin:0 0 5px 0; } #carou-pub .carou .visu span { width:40px; height:40px; background:url(/skins/pubs/img/picto-video.png) no-repeat 0 0; position:absolute; top:44px; left:64px; } #carou-pub .carou a { color:#190818; font-size:11px; text-transform:uppercase; font-weight:normal; font-size:11px; } #carou-pub .carou a:hover { text-decoration:none; } #carou-pub .carou a span { color:#930084; display:block; } /* PAGE PUB - JCAROUSEL */ .jcarousel-container { position:relative; width:800px; padding:0 45px; height:180px; } .jcarousel-clip { z-index:2; padding:0; margin:0; overflow:hidden; position:relative; } .jcarousel-list { z-index:1; overflow:hidden; position:relative; top:0; left:0; margin:0; padding:0; } .jcarousel-list li, .jcarousel-item { float:left; list-style:none; /*width:75px; height:75px; */ } .jcarousel-next { z-index:3; display:none; } .jcarousel-prev { z-index:3; display:none; } .jcarousel-prev { position:absolute; width:38px; height:38px; top:48px; left:0; background:url(/skins/pubs/img/btn-carou-prev.gif) no-repeat 0 0; cursor:pointer; } .jcarousel-next { position:absolute; width:38px; height:38px; top:48px; right:0; background:red url(/skins/pubs/img/btn-carou-next.gif) no-repeat 0 0; cursor:pointer; } .jcarousel-prev-disabled { filter:alpha(opacity=35); -moz-opacity:.35; opacity:0.35; } .jcarousel-next-disabled { filter:alpha(opacity=35); -moz-opacity:.35; opacity:0.35; } /* ****************** PAGE JEUX CONCOURS (M_3600) */ .jeux {position:relative;padding-top:15px;} .jeux-content { background:url(skins/bg-panier-content.png) repeat-y; width:653px; overflow:hidden; color:#000; padding: 0 50px 0 30px;} .jeux-top { background:url(skins/bg-panier-top.png) no-repeat; width:733px; height:19px; } .jeux-bottom { background:url(skins/bg-panier-bottom.png) no-repeat; width:733px; height:33px; } .jeux-content .h2{display:inline-block;background:url(skins/bg-titre-divertissement.png) no-repeat left 0px;padding:0 0 0 18px;position:absolute;top:-5px;left:10px;} .jeux-content .h2 span{ display:inline-block;line-height:60px;background:url(skins/bg-titre-divertissement.png) no-repeat 100% -60px; padding:0 38px 0 20px; color:white;font-size:13px;font-weight:bold;text-transform:uppercase; } .jeux-content li{border-top:1px solid #d6d6d6;overflow:hidden;padding:10px 0;} .jeux-content li:first-child{border:0;} .jeux-content li .visuel {float:left; display:block; width:260px; background:url(skins/bg-jeux-concours-item-2.png) no-repeat 0 0; padding:12px 0 12px 0; margin:0 auto; text-align:center; } .jeux-content li.forme-1 .visuel { background-position:0 2px; } .jeux-content li.forme-2 .visuel{ background-position:100% 2px; } .jeux-content .floatright {width:380px;} .jeux-content .h3 {padding:5px 0 2px 0;} .jeux-content .h3, .jeux-content .h3 a {font-size:14px;font-weight:bold;color:#930084;} .jeux-content p {padding-top:5px;} .jeux-content p a {color:#000;} /* ****************** MON PANIER (M_7000 - M_7010 - M_7020 - M_7030) */ #infos-commande { background:url(skins/bg-infos-commande.png) no-repeat; height: 600px; width:230px; padding:148px 40px 0 0; color:#94107e; } #infos-commande .h2 { margin:5px 25px 5px 25px } #infos-commande p { margin:0 10px 0 40px; } #infos-commande a { color:#94107e; } #infos-commande ul { margin:10px 10px 0 10px; } #infos-commande li { background:url(skins/bg-separator-commande.png) no-repeat top center; } #infos-commande li a { background-image:url(skins/puce-commande.png); background-repeat:no-repeat; display:block; padding:10px 0 10px 50px; } #infos-commande li.paiement-securise a { background-position:2px 5px; } #infos-commande li.livraison-express a { background-position:0 -30px; } #infos-commande li.satisfait a { background-position:2px -73px; } #infos-commande li.sav a { background-position:2px -110px; } .page-panier #colRight { top:20px; } .page-panier #outils { position:absolute; right:5px; top:20px; } #panier { width:733px; min-height:630px; } #fil-commande { background:url(skins/bg-fil-commande.png) no-repeat; width:667px; height:50px; margin:0 0 10px 35px; } #fil-commande.fil-commande-coordonnees { background-position:0 -50px; } #fil-commande.fil-commande-paiement { background-position:0 -100px; } #fil-commande.fil-commande-confirmation { background-position:0 -150px; } .ttc { padding-right:50px; color:#94107e; } .panier-content .h2 { display:block; width:653px; color:#94107e; font-size:12px; text-transform:uppercase; font-weight:bold; padding:10px 0 5px 0; margin:0 40px 5px 40px; background:url(skins/bg-legend.png) no-repeat bottom; } .panier-content table td{height:40px;} .panier-content { background:url(skins/bg-panier-content.png) repeat-y; width:733px; overflow:hidden; color:#000; } .panier-top { background:url(skins/bg-panier-top.png) no-repeat; width:733px; height:19px; } .panier-bottom { background:url(skins/bg-panier-bottom.png) no-repeat; width:733px; height:33px; } .panier-content table {width:100%;} .panier-content .liste-item li { position:relative; width:631px; border:1px solid #c9c9c9; margin:0 40px 5px 40px; overflow:hidden; display:block; padding:5px; } .panier-content .liste-item li.plus {background:url(skins/bg-item-plus.png) no-repeat 50% 50%;height:23px;border:0;padding-top:0;padding-bottom:0;margin-top:-5px;margin-bottom:0;} *:first-child+html .panier-content .liste-item li.plus {margin-top:-8px;} /* IE 7*/ .panier-content .visuel { width:140px; text-align:center;vertical-align:middle; } .panier-content .texte {vertical-align:middle;} .panier-content .texte .h3 { text-transform:uppercase; color:#94107e; font-size:12px; font-weight:bold; margin-bottom:5px; } .panier-content .texte .h4 { text-transform:uppercase; color:#333; font-weight:bold; } .panier-content .texte .lien {padding-top:10px;} .panier-content .texte a { text-decoration:underline; color:#333;} .panier-content .texte input[type="checkbox"] { vertical-align:middle; } .panier-content .promos { width:145px; } .panier-content .bt-promo-3 { width:39px; height:37px; padding:3px 97px 0 0px; background:url(skins/bt-promo-3.png) no-repeat; display:block; font-size:15px; font-weight:bold; color:#930084; text-decoration:none; text-align:right; margin:5px 0; } .panier-content .bt-promo-4 { width:39px; height:56px; padding:3px 97px 0 0px; background:url(skins/bt-promo-4.png) no-repeat; display:block; font-size:15px; font-weight:bold; color:#930084; text-decoration:none; text-align:right; margin:5px 0; } .panier-content .bt-promo-5 { width:39px; height:37px; padding:3px 97px 0 0px; display:block; font-size:15px; font-weight:bold; color:#930084; text-decoration:none; text-align:right; margin:5px 0; } .panier-content .prix { width:90px; color:#94107e; font-size:20px; text-align:right; padding:0 10px 0 0; vertical-align:middle; } .panier-content .prix span {font-size:13px;color:#666;display:block;} .panier-content .frais-livraison { width:500px; } .panier-content .frais-livraison img, .panier-content .frais-livraison input { vertical-align:middle; margin:5px; } .panier-content .frais-livraison label.colissimo { margin-left:100px; } .panier-content .frais-livraison label.chronopost { margin-left:110px; } .panier-content .code-promotion { width:600px; min-height:0!important; padding:5px 0; } .panier-content .code-promotion p { float:left; margin:0 10px 0 0!important; } .panier-content .code-promotion img, .panier-content .code-promotion input { vertical-align:middle; } .panier-content .code-promotion label { margin-left:20px; } .panier-content .code-promotion input[type="text"] { margin-left:10px; } .panier-content .code-promotion input[type="image"] { margin-left:5px; } .panier-content .code-promotion .h3 {line-height:20px;} .panier-content .code-promotion .h3 img{padding-left:5px;} .panier-content .code-promo-valide {padding-left:20px;} .panier-content .code-promo-valide span{font-size:10px;} .panier-content .non-valide {background:url(skins/bg-code-promo-non-valide.png) no-repeat 200px 50%;padding:0 5px!important;} .panier-content .non-valide p , .panier-content .non-valide input {position:relative; top:10px;} .panier-content .non-valide label {display:block;float:left;color:white;padding:0 40px;} .panier-content .no-min-height { min-height:0!important; } .panier-content .forfait .prix { font-size:12px; } .panier-content .forfait-bloque { display:block; width:60px; margin:0 auto; background:url(skins/bg-forfait.png) no-repeat; color:#fff; text-transform:uppercase; font-size:12px; font-weight:bold; padding:5px; text-align:center; } .panier-content .forfait-bloque .duree-forfait { font-size:24px; line-height:22px; } .panier-content .liste-item li.options {background:#eee; padding:10px; margin:10px; width:586px; border:0;} .panier-content a.bt-options { background:url(skins/bt-options.png) no-repeat; color:#94107e; text-decoration:none; padding:0 0 0 20px; line-height:16px; display:block; } .panier-content a.bt-options.on { background-position:0 -30px } .panier-content .hide { display:none; } .panier-content .options table { width:620px; border-collapse:collapse; margin-left:-10px; } .panier-content .options .h3 {margin-bottom:0;} .panier-content .options table {margin-top:10px;} .panier-content .options tr.odd { background:#fff; } .panier-content .options input[type="checkbox"] { margin-left:0; } .panier-content .options td { padding:5px;height:auto; } .panier-content .options td.checkbox { padding-left:22px; } .panier-content .options td.texte { float:none; width:460px; padding-left:10px; } /*.panier-content .options td.messenger { background-image:url(skins/puce-messenger.png);background-repeat: no-repeat;background-position: 5px 5px; }*/ .panier-content .options td.picto { width:22px; } .panier-content .options td.prix { float:none; color:#94107e; font-size:12px; text-align:right; padding:0 30px 0 0; line-height:normal; } .panier-content .marginbottom { margin-bottom:20px!important; } .panier-content .vente-flash {background:url(skins/bg-vente-flash-item.png) no-repeat right;} .panier-content .adresse-facturation-livraison {margin-top:20px;} .panier-content .adresse-facturation-livraison ul{margin:0 40px 5px 40px;overflow:hidden;font-} .panier-content .adresse-facturation-livraison ul li {float:left;margin:10px 10px 10px 10px;width:300px;} .panier-content .adresse-facturation-livraison ul li .h4 {text-transform:uppercase; color:#333; font-weight:bold;margin-bottom:5px;} #total-commande { background:url(skins/bg-total-commande.png) no-repeat; height:163px; padding:20px 0 0 0; position:relative; margin:0 0 0 16px; color:white; } #total-commande .floatleft { width:430px; padding:0 0 0 90px;} #total-commande .floatright { width:120px; padding:0 42px 0 0; } #total-commande .prix-mois {clear:both;text-align:right;padding:10px 50px 0 0;zoom:1;} #total-commande .prix-mois .splitleft {text-transform:uppercase;} #total-commande .prix-mois .splitright{width:130px;display:inline-block;text-align:center;} #total-commande .h2 { font-size:30px; text-transform:uppercase; display:block; width:auto; color:white; font-weight:normal; padding:0; margin:0; background:none; } #total-commande .cgv { font-size:10px; } #total-commande .cgv a { text-decoration:underline; } #total-commande .total { width:85px; height:52px; padding:30px 10px 10px 10px; background:url(skins/bg-total-commande-total.png) no-repeat; color:#94107e; font-size:20px; text-align:right; } #total-commande .total span { font-size:12px; display:block; } #total-commande #bt-vider-panier { margin-top:10px; display:block; } #total-commande .submit { position:absolute; top:135px; left:85px; } #total-commande .bt-retour { position:absolute; top:150px; left:102px; } #total-commande .bt-valider { position:absolute; top:143px; left:500px; } /* ****************** MES COORDONNEES (M_7040) */ .page-coordonnees #header-client { background:url(skins/bg-header-client-commande.png)no-repeat top right } .page-coordonnees #colRight { top:20px; right:0; } .page-coordonnees #outils { position:absolute; right:5px; top:20px; } .page-coordonnees #infos-commande { /*background:url(skins/bg-infos-commande-bis.png) no-repeat;*/ width:239px; height:289px; padding:150px 0 0 0; color:#94107e; } .page-coordonnees #infos-commande p { text-align:center; padding:10px 0 0 0; margin:0; } .page-coordonnees #infos-commande .infos-commande-tel { font-size:24px; font-weight:bold; } .coordonnees { width:733px; min-height:630px; } .coordonnees-content { background:url(skins/bg-panier-content.png) repeat-y; width:733px; overflow:hidden; color:#000; } .coordonnees-top { background:url(skins/bg-panier-top.png) no-repeat; width:733px; height:19px; } .coordonnees-bottom { background:url(skins/bg-panier-bottom.png) no-repeat; width:733px; height:33px; } .coordonnees .chapo { font-size:12px; color:#626262; text-tranform:uppercase; } .coordonnees .inner { margin:0 40px; } .coordonnees legend span { display:block; width:653px; color:#94107e; font-size:12px; text-transform:uppercase; font-weight:bold; padding:10px 0 5px 0; margin-bottom:20px; background:url(skins/bg-legend.png) no-repeat bottom; } *:first-child+html .coordonnees legend span { margin-left:-10px; } /* IE 7 */ .coordonnees form { background:#eee; padding:10px 10px 25px 10px; } .coordonnees form div { padding:5px 0; } .coordonnees .controlset { overflow:hidden; } .coordonnees .label, .coordonnees label { font-size:12px; margin-right: 10px; padding-right: 10px; width: 160px; display: block; float: left; text-align: left; position: relative; } .coordonnees .controlset label, .coordonnees .controlset input { display: inline; float: none; vertical-align:middle; font-size:11px; } input[type="text"]:focus, select:focus, .focus, textarea:focus { background-color:#f2d9ef; } .coordonnees input[type="text"] { width:245px; } .coordonnees .separator { padding:10px 0; } .coordonnees .submit { margin:0 20px 0 0; } .coordonnees input.tiers, .coordonnees select.tiers { width:81px; } .coordonnees .off { margin:0 16px 20px 16px; } .coordonnees .off .coordonnees-top, .coordonnees .off .coordonnees-bottom, .coordonnees .off .coordonnees-content { background-image:none; background-color:white; width:690px; } .coordonnees .off .coordonnees-top, .coordonnees .off .coordonnees-bottom { display:none; } .coordonnees .off .coordonnees-content { padding:10px 0 20px 0; filter:alpha(opacity=50); opacity:.5; } .coordonnees .off legend span { margin-bottom:10px; } .coordonnees .champ-error, .specialvalide .champ-error { color:#f00; background:url(skins/puce-error.png) no-repeat 0 -34px; padding-left:25px; display:inline-block; line-height:10px; font-size:10px; vertical-align:top; width:170px; min-height:18px; height:auto; overflow:hidden; } .coordonnees .champ-valide, .specialvalide .champ-valide { background:url(skins/puce-error.png) no-repeat 0 -1px; display:inline-block; line-height:18px; padding:0 10px } .specialvalide .champ-valide, .specialvalide .champ-error { margin-left: 5px; } .coordonnees p.obligatoire { font-size:10px; color:#777; } .coordonnees .error input, .coordonnees .error select, .coordonnees .error textarea, .specialvalide .error input { border-color:#f00 } .coordonnees .error em { color:#f00 } .infos-perso .controlset input[type="radio"] { margin-left:-2px; } *:first-child+html .infos-perso .controlset input[type="radio"] { margin-left:-4px; } /* IE 7 */ .adresse-livraison legend span { margin-bottom:10px; } .adresse-livraison form { background-color:transparent; padding:0; } .adresse-livraison #form-adresse-livraison { display:none; background:#eee; padding:10px 10px 25px 10px; } .adresse-livraison .controlset label, .adresse-livraison .controlset input { font-size:12px; } .adresse-livraison .submit { margin:-20px 30px 0 0; } .donnees-bancaires label { display:block; margin:0; padding:0; width:auto; } .donnees-bancaires form div div { float:left; margin-right:30px; padding-bottom:20px; } .donnees-bancaires form div div input { width:100%!important; margin-bottom:5px; } .donnees-bancaires form div div p { background:url(skins/bg-donnees-bancaires.png) no-repeat; color:white; font-weight:bold; font-style:italic; font-size:18px; width:36px; line-height:28px; text-align:center; margin:0 auto; } .donnees-bancaires .code-banque { width:91px; } .donnees-bancaires .code-guichet { width:105px; } .donnees-bancaires .numero-compte { width:223px; } .donnees-bancaires .cle-rib { width:65px; } .donnees-bancaires .aide { width:9px; margin:0!important; padding:23px 0 0 0; } .conservation-numero legend span { margin-bottom:10px; } .conservation-numero form { background:transparent; padding:0; } .conservation-numero #form-conservation-numero { display:none; } .conservation-numero .splitleft { float:left; width:340px; } .conservation-numero input[type="text"] { width:160px; } .conservation-numero .splitright { float:right; width:260px; background:#eee; padding:10px 10px 50px 10px; } .conservation-numero .label, .conservation-numero label { width:150px; } .conservation-numero .controlset .label, .conservation-numero .controlset label { width:auto; } .conservation-numero .conditions label { width:auto; font-size:10px; } .conservation-numero .conditions a { color:#000; text-decoration:underline; } .conservation-numero .submit { margin:-20px 30px 0 0; } /* ****************** MON PAIEMENT (M_7070) */ .page-paiement #header-client { background:url(skins/bg-header-client-commande.png)no-repeat top right } .page-paiement #colRight { top:20px; right:0; } .page-paiement #outils { position:absolute; right:5px; top:20px; } .page-paiement #infos-commande { /*background:url(skins/bg-infos-commande-bis.png) no-repeat;*/ width:239px; height:289px; padding:150px 0 0 0; color:#94107e; } .page-paiement #infos-commande p { text-align:center; padding:10px 0 0 0; margin:0; } .page-paiement #infos-commande .infos-commande-tel { font-size:24px; font-weight:bold; } .page-paiement #total-commande .floatleft {padding:30px 0 0 10px;width:auto;} .paiement{ width:733px; } .paiement .inner { margin:0 40px; } .paiement .ssl {background:url(skins/puce-ssl.png) no-repeat;padding:0 0 0 20px;line-height:18px;font-size:12px;color:#626262;font-weight:bold;} .paiement-content { background:url(skins/bg-panier-content.png) repeat-y; width:733px; overflow:hidden; color:#000; } .paiement-top { background:url(skins/bg-panier-top.png) no-repeat; width:733px; height:19px; } .paiement-bottom { background:url(skins/bg-panier-bottom.png) no-repeat; width:733px; height:33px; } .paiement legend span { display:block; width:653px; color:#94107e; font-size:12px; text-transform:uppercase; font-weight:bold; padding:10px 0 5px 0; margin-bottom:20px; background:url(skins/bg-legend.png) no-repeat bottom; } *:first-child+html .paiement legend span { margin-left:-10px; } /* IE 7 */ .paiement form { background:#eee; padding:10px 10px 25px 10px; } .paiement form div { padding:5px 0; } .paiement .controlset { overflow:hidden; } .paiement .label, .paiement label { font-size:12px; margin-right: 10px; padding-right: 10px; width: 180px; display: block; float: left; text-align: right; position: relative; vertical-align:middle;} .paiement .controlset label, .paiement .controlset input { display: inline; float: none; vertical-align:middle; font-size:11px; } .paiement .controlset .label {line-height:34px;} .paiement form img {vertical-align:middle;} .paiement .code-verif label {line-height:57px;} .paiement .submit { margin:0 20px 0 0; } .paiement .off { margin:0 16px 20px 16px; } .paiement .recap-commande {font-size:12px;color:#94107e;font-weight:bold;padding:20px 0 20px 190px} .paiement .champ-error { color:#f00; background:url(skins/puce-error.png) no-repeat 0 -34px; padding-left:25px; display:inline-block; line-height:10px; font-size:10px; vertical-align:top; width:100px; min-height:18px; height:auto; overflow:hidden; } .paiement .champ-valide { background:url(skins/puce-error.png) no-repeat 0 -1px; display:inline-block; line-height:18px; padding:0 10px } .paiement .error input, .paiement .error select { border-color:#f00 } .paiement .error em { color:#f00 } /* ****************** MA CONFIRMATION (M_7090) */ .page-confirmation #header-client { background:url(skins/bg-header-client-commande.png)no-repeat top right } .page-confirmation #colRight { top:20px; right:0; } .page-confirmation #outils { position:absolute; right:5px; top:20px; } .page-confirmation #infos-commande { /*background:url(skins/bg-infos-commande-bis.png) no-repeat;*/ width:239px; height:289px; padding:150px 0 0 0; color:#94107e; } .page-confirmation #infos-commande p { text-align:center; padding:10px 0 0 0; margin:0; } .page-confirmation #infos-commande .infos-commande-tel { font-size:24px; font-weight:bold; } .page-confirmation .panier-content .options table {margin:0;} .page-confirmation #prix-paye { color:#94107e;background:url(skins/bg-prix-payee.png) no-repeat; height:78px; padding:10px 0; position:relative; margin:0 30px 0 16px; } .page-confirmation #prix-paye table {width:640px;} .page-confirmation #prix-paye td {vertical-align:middle;text-transform:uppercase;text-align:right;height:50px;} .page-confirmation #prix-paye .row-2 td{height:20px;} .page-confirmation #prix-paye .td-l{padding-right:20px} .page-confirmation #prix-paye .td-r{padding-right:10px} .page-confirmation #prix-paye .titre { font-size:22px; } .page-confirmation #prix-paye .total {font-size:22px;width:100px;background:url(skins/bg-prix-paye-total.png) no-repeat right;} .page-confirmation #prix-paye .total span{font-size:11px;display:block;} .page-confirmation #prix-paye .total-mois span {text-transform:lowercase;} .page-confirmation .reglement-infos {margin-bottom:20px;} .page-confirmation .reglement-infos .inner{margin:0 60px;} .page-confirmation .reglement-infos .h5 {font-size:12px;color:#626262;} .page-confirmation .reglement-infos .inner p {margin:10px 0;} .page-confirmation .reglement-infos .inner .padding-left {padding-left:20px;} .page-confirmation .reglement-infos em {font-size:10px;} .page-confirmation .remerciement {font-size:12px;font-weight:bold;text-transform:uppercase;color:#94107e;text-align:center;padding:20px 0;} .page-confirmation .bt-retour-accueil {text-align:right;padding:10px 70px 10px 0;} /* ****************** POPUP (M_6500) */ .popup-content { background:transparent url(skins/bg-popup-content.png) repeat-y; width:445px; overflow:hidden; color:#000;padding:0 40px;font-size:12px;} .popup-top { background:url(skins/bg-popup-top.png) no-repeat; width:525px; height:45px; } .popup-bottom { background:url(skins/bg-popup-bottom.png) no-repeat; width:525px; height:26px; } .popup .coordonnees { width:auto; min-height:0; } .popup .h2{font-size:20px; font-weight:bold; text-transform:uppercase; font-style:italic; color:#930084;padding-bottom:10px;} .popup .h2 span {font-size:16px;font-style:normal;color:#000;} .popup .coordonnees .label, .popup .coordonnees label {width:120px; } .popup .coordonnees input[type="text"] { width:180px; } .popup .coordonnees form { margin-left:-20px; margin-right:-20px; padding-left:20px;padding-right:20px; } .popup .coordonnees .champ-error {width:21px; padding-left:0;} .popup .coordonnees textarea {width:270px;height:90px;overflow:hidden;font-family:Arial, Helvetica, sans-serif;} .popup-news .coordonnees label {width:150px; } .popup-news .controlset .label {width:auto;} .popup-news .legende {clear:both;font-size:10px;line-height:10px;color:#777;padding:10px 0;} .popup .confirmation {padding:10px 20px 25px 20px;margin-left:-20px;margin-right:-20px;} .popup .fondgris {background:#eee; } .popup-avis .visuel {float:left;margin-right:10px;} .popup-avis form {background:#fff} .popup-avis .coordonnees div {overflow:hidden;} .popup-avis .coordonnees input[type="text"] { width:150px; } .popup-avis .coordonnees textarea {width:290px;font-family:Arial, Helvetica, sans-serif;} .popup-avis .coordonnees label {width:100px; } .popup-avis .star-rating-control {overflow:hidden;} .popup-avis .star-rating-control div {padding:0;position:relative;top:-5px;} /* ******************** ERREUR 404 : Page introuvable (M_404) */ #msg { margin: 0px 22px 22px 22px; } #msg p a { font-weight: bold; text-decoration: underline; } .btn-with-image { display: block; margin: 7px 2px 0px auto; height: 22px; } .btn-toutes-les-offres { width: 144px; background: url(skins/btn-decouvrez-inside-m6-mobile.png) no-repeat top left; } .btn-tout-les-mobiles { width: 97px; background: url(skins/btn-tous-les-mobiles.png) no-repeat top left; } .btn-decouvrez-inside { width: 141px; background: url(skins/btn-toutes-les-offres-m6-mobile.png) no-repeat top left; } .blocks { float: left; width: 315px; } .blocks .before { display: block; background: url(skins/bg-block1-before.png) no-repeat bottom left; height: 22px; overflow: hidden; } .blocks .content { background: url(skins/bg-block1-mid.png) repeat-y top left; } .blocks .after { display: block; background: url(skins/bg-block1-after.png) no-repeat top left; height: 28px; overflow: hidden; } .blocks .text { display: block; padding: 9px 20px 2px 20px; } .blocks .text p { color: #343434; font-size: 11px; } .blocks .text h2 { color: #930084; font-size: 18px; font-weight: normal; text-transform: uppercase; margin: 0px 0px 3px 0px; } .block-1 .content { padding: 0px 5px 0px 18px; } .block-2 { width: 317px; } .block-2 .before { background: url(skins/bg-block2-before.png) no-repeat bottom left; height: 25px; overflow: hidden; } .block-2 .content { background: url(skins/bg-block2-mid.png) repeat-y top left; padding: 0px 5px 0px 25px; } .block-2 .content .text { padding: 9px 20px 2px 14px; } .block-2 .after { background: url(skins/bg-block2-after.png) no-repeat top left; height: 27px; overflow: hidden; } .block-3 { width: 319px; } .block-3 .before { background: url(skins/bg-block3-before.png) no-repeat bottom left; height: 25px; overflow: hidden; } .block-3 .content { background: url(skins/bg-block3-mid.png) repeat-y top left; padding: 0px 5px 0px 20px; } .block-3 .after { background: url(skins/bg-block3-after.png) no-repeat top left; height: 27px; overflow: hidden; } /* ******************** Accès client m6 mobile (M_4000) */ #block-with-baner { background: url(skins/bg-flash-baner-1.png) no-repeat top left; width: 733px; height: 344px; position: relative; } #block-with-baner .title { position: absolute; top: 31px; right: 25px; background: url(skins/t-gerer-votre.gif) no-repeat top left; width: 320px; height: 59px; } #block-with-baner .petite-text { display: block; position: absolute; top: 100px; left: 418px; width: 300px; color: #333333; } #block-with-baner .element-list { display: block; position: absolute; top: 140px; right: 25px; width: 310px; padding: 10px 10px 50px 40px; background-color: #f1f1f1; } #block-with-baner .element-list ul { display: block; } #block-with-baner .element-list ul li { display: block; float: left; width: 150px; height: 21px; } #block-with-baner .element-list ul li a { display: block; width: 150px; height: 21px; } #block-with-baner .element-list ul .bt-monoffre a { background: url(skins/bt-list-monofre.gif) top left; } #block-with-baner .element-list ul .bt-messuivisconsos a { background: url(skins/bt-list-messuivisconsos.gif) top left; } #block-with-baner .element-list ul .bt-monmobile a { background: url(skins/bt-list-monmobile.gif) top left; } #block-with-baner .element-list ul .bt-recharger a { background: url(skins/bt-list-recharger.gif) top left; } #block-with-baner .element-list ul .bt-mesoptions a { background: url(skins/bt-list-mesoptions.gif) top left; } #block-with-baner .element-list ul .bt-factures a { background: url(skins/bt-list-mesfacuters.gif) top left; } #block-with-baner .element-list ul .bt-mescoordonnees a { background: url(skins/bt-list-mescoordonnees.gif) top left; } #block-with-baner .element-button { display: block; position: absolute; bottom: 36px; right: 46px; background: url(skins/bt-acceder-a-votre.png) no-repeat top left; width: 266px; height: 40px; z-index: 1000; } #flash-baner-1 { width: 359px; height: 272px; background: url(skins/bg-flash-baner-1-bottom.png) no-repeat top left; position: absolute; top: 30px; left: 20px; } #flash-offres-content-1 { margin: 3px 0px 0px 3px; } #flash-baner-2 { display: block; background: url(skins/bg-flash-baner-2.png) no-repeat top left; width: 948px; height: 249px; margin-top:-10px; padding:14px 0 0 13px;} #flash-offres-content-2 { margin:-15px 0 0 -15px } #baneround { margin: 0px 0px 0px -8px; } #baneround #colRight { top: 10px; right: -12px; width: 250px; } /* ******************** Glossaire (M_6300) */ #step-block { width: 721px; margin: 0px 0px 0px 2px; } #step-1 { background: url(skins/bg-stepping-st1.png) no-repeat top left; height: 229px; width: 721px; margin: 0 auto; } #step-2 { background: url(skins/bg-stepping-st2.png) no-repeat top right; height: 302px; width: 712px; margin: 0 auto; margin-top: -40px; } #step-3 { background: url(skins/bg-stepping-st3.png) no-repeat top left; height: 265px; width: 702px; margin: 0 auto; margin-top: -40px; } #step-1 .content { padding: 38px 30px 0px 273px; } #step-2 .content { padding: 42px 30px 0px 273px; } #step-3 .content { padding: 42px 30px 0px 265px; } #step-block p { color: #333333; } #step-block h2 { color: #5e2357; font-size: 18px; text-transform: uppercase; font-weight: normal; } #step-block h3 { color: #333333; font-weight: bold; margin: 6px 0px 6px 0px; } #step-1 .violet-block { position: relative; background: url(skins/bg-violet-block.png) no-repeat top left; height: 85px; margin: 0px -5px 0px 0px; } #step-1 .violet-block p { position: absolute; color: #fff; top: 14px; left: 27px; width: 220px; } #step-1 .violet-block .call { position: absolute; color: #333; top: 39px; left: 282px; width: 160px; font-size: 15px; } #step-1 .violet-block select { position: absolute; top: 47px; left: 26px; font-size: 10px; color: #333333; min-width: 160px; } #step-2 .content h3 { margin: 12px 0px 0px -15px; } #step-2 .content p { margin: 3px 10px 0px -15px; } #step-2 .content .hard-indent { margin-left: -40px; margin-right: 16px; } #step-block .telecharger { float: left; width: 150px; font-size: 10px; color: #5d2257; background: url(skins/icon-telecharger.gif) no-repeat left center; padding: 7px 15px 0px 35px; } .outils-almost-right #colRight { right: 0px; } /* ******************** GLossaire (M_6300) */ #vocabulary-block { width: 716px; } #vocabulary-block .vocabulary-before { display: block; background: url(skins/bg-block-vocabulary-before.png) no-repeat bottom left; height: 76px; overflow: hidden; } #vocabulary-block .vocabulary-content { display: block; background: url(skins/bg-block-vocabulary-content.png) repeat-y bottom left; overflow: hidden; color: #333333; } #vocabulary-block .vocabulary-after { display: block; background: url(skins/bg-block-vocabulary-bottom.png) no-repeat top left; height: 36px; overflow: hidden; } .letter-list { margin: 36px 0px 0px 0; font-weight: bold; font-size: 12px; text-transform: uppercase; color:#fff; text-align:center;} .letter-list a { color: #fff; padding:0 2px; position:relative; top:1px;left:-1px;} .letter-list span { padding:0 2px; position:relative; top:1px;left:-1px; color:#999; } #vocabulary-block .vocabulary-content { padding: 0px 32px 0px 30px; } #vocabulary-block .vocabulary-content h2 { background: url(skins/bg-vocabulary-header.gif) no-repeat top left; color: #fff; font-size: 13px; height: 34px; overflow: hidden; margin: 6px 0px 10px 0px; } #vocabulary-block .vocabulary-content h2 span { display: block; padding: 10px 0px 0px 14px; } #vocabulary-block .vocabulary-content h3 { margin: 0px 0px 0px 12px; } #vocabulary-block .vocabulary-content p { margin: 1px 20px 10px 12px; } #vocabulary-block .vocabulary-content .haut-de-page { margin: 1px 0px 0px 12px; } #vocabulary-block .vocabulary-content .haut-de-page a { display: block; float: right; background: url(skins/bt-haute-de-page-txt.gif) no-repeat top right; height: 17px; width: 77px; } .onTheRight { position: absolute !important; right: -40px !important; } /* ******************** Informations légales M6 mobile (M_6400) */ #text-block { display: block; width: 716px; } #text-block .violet-before { display: block; background: url(skins/bg-block-with-violet-before.png) no-repeat bottom left; height: 26px; overflow: hidden; } #text-block .violet-content { background: url(skins/bg-block-with-violet-content.png) repeat-y top left; /*height: 100px;*/ } #text-block .violet-after { display: block; background: url(skins/bg-block-with-violet-after.png) no-repeat top left; height: 20px; overflow: hidden; } #text-block .white-content { background: url(skins/bg-block-with-white-content.png) repeat-y top left; overflow: hidden; } #text-block .white-after { display: block; background: url(skins/bg-block-with-white-after.png) no-repeat top left; height: 49px; overflow: hidden; } #text-block .violet-content { padding: 2px 30px 0px 42px; } #text-block .violet-content h2 { font-size: 14px; text-transform: uppercase; } #text-block .violet-content .telecharger { } #text-block .violet-content .telecharger li { display:block; float:left; width:164px; margin:12px 0px 6px 0px; background: url(skins/bt-telecharger.gif) no-repeat center left; padding: 0px 20px 0px 26px; } #text-block .white-content { color: #333333; padding: 2px 19px 0px 30px; } #text-block .white-content h2 { color: #930084; font-size: 12px; text-transform: uppercase; margin: 2px 0px 10px 0px; } #text-block .white-content .element { padding: 5px 5px 1px 5px; background-color: #f6f6f6; border: 1px solid #930084; margin: 4px 0px; } #text-block .white-content .element h3 { color: #930084; font-size: 11px; text-transform: uppercase; background: url(skins/bt-options-sm.png) no-repeat 0px 0px; padding: 0px 0px 0px 25px; margin: 0px 0px 3px 0px; cursor: pointer; } #text-block .white-content .element h3 a { color: #930084; } #text-block .white-content .element h3 a:hover { text-decoration: none; } #text-block .white-content .element li { background:url(skins/bullet.gif) no-repeat 0 6px; padding:0 0 0 6px; } #text-block .white-content .element .text { padding: 0px 0px 9px 0px; } #text-block .white-content .element .clearfix p { float: left; margin: 0px 0px 0px 25px; width: 300px; } #text-block .white-content .show .text { display: block; } #text-block .white-content .show h3 { background-position: 0px -23px; } #text-block .white-content .hide .text { display: none; } #text-block .white-content .hide h3 { background-position: 0px 0px; } .outils-on-right #outils { padding-right: 10px; } .outils-almost-right #outils { padding-right: 243px; } /* ******************** Plan du site M6 mobile (M_plandusite) */ #pds-block { } #pds-block .blocks { width: 230px; } #pds-block .blocks .content { overflow: hidden; } #pds-block .blocks .before { overflow: hidden; } #pds-block .blocks .after { overflow: hidden; } #pds-block .blocks .content h2 { color: #930084; font-size: 14px; font-weight: bold; text-transform: uppercase; margin: 9px 0px 3px 10px; } #pds-block .blocks .content ul { color: #333; margin: 6px 0px 3px 10px; } #pds-block .blocks .content ul li { background: url(skins/ic-arrow.gif) no-repeat center left; padding: 1px 0px 1px 10px; list-style-type: none; } #pds-block .blocks .content ul li a { color: #343434; } .pds-block-1 { width: 241px; } .pds-block-1 .before { background: url(skins/bg-pds-block1-before.png) no-repeat bottom left; height: 25px; } .pds-block-1 .content { background: url(skins/bg-pds-block1-content.png) repeat-y bottom left; padding: 0px 20px 10px 19px; } .pds-block-1 .after { background: url(skins/bg-pds-block1-after.png) no-repeat top left; height: 28px; } .pds-block-2 { width: 236px; } .pds-block-2 .before { background: url(skins/bg-pds-block2-before.png) no-repeat bottom left; height: 27px; } .pds-block-2 .content { background: url(skins/bg-pds-block2-content.png) repeat-y bottom left; padding: 0px 20px 10px 19px; } .pds-block-2 .after { background: url(skins/bg-pds-block2-after.png) no-repeat top left; height: 32px; } .pds-block-3 { width: 235px; } .pds-block-3 .before { background: url(skins/bg-pds-block3-before.png) no-repeat bottom left; height: 26px; } .pds-block-3 .content { background: url(skins/bg-pds-block3-content.png) repeat-y bottom left; padding: 0px 20px 10px 15px; } .pds-block-3 .after { background: url(skins/bg-pds-block3-after.png) no-repeat top left; height: 33px; } .pds-block-4 { width: 242px; } .pds-block-4 .before { background: url(skins/bg-pds-block4-before.png) no-repeat bottom left; height: 27px; } .pds-block-4 .content { background: url(skins/bg-pds-block4-content.png) repeat-y bottom left; padding: 0px 20px 10px 17px; } .pds-block-4 .after { background: url(skins/bg-pds-block4-after.png) no-repeat top left; height: 27px; } /* PAGE BLACKBERRY */ #bl-blackberry { position:relative; } #bl-blackberry a { position:absolute; top:330px; left:450px; } /* PAGE Jeu-concours Nokia octobre 2009 */ #jeu-concours_nokia {background: url(skins/jeu-nokia.png) no-repeat; width:952px; height:466px; padding-top:20px; padding-left:30px; } #col1 {float:left; width:207px;height:430px; } #col1 .bt-details { padding-top:361px; padding-left:115px; } #col2 {float:left; width:486px;height:430px; } #col2 .ligne1 { height:182px;} #col2 .titre {color: #94127e;font-size: 18px;text-transform: uppercase;font-weight: normal; font-style:italic; padding-top:116px; padding-left:10px; font-weight:bold;} #col2 .accroche {width:456px;font-size: 11px; color: #626262; font-weight:bold; padding: 2px 10px 0 10px;} #col2 .formulaire {color:#000000;width:420px; margin-top:20px; margin-bottom:20px; height:20px;} #col2 .formulaire p label {color:#000000;} #col2 .conditions {color:#000000;width:440px;margin:0px 0px 10px 25px;} #col2 .email {width:100px; float:left; margin-left:30px;} #col2 .date-naissance {width:210px; float:right; margin-right:5px;} #col2 .reglement a {float:left;color: #94127e; font-weight:bold; margin-left:30px; width:250px;} #col2 .valid { float:right; width:160px;} #col3 {float:left; width:159px;height:430px;} #col3 .bt-details { padding-top:123px; padding-left:109px; } #col2 .ok {color: #94127e;font-size: 15px;text-transform: uppercase; font-style:italic; font-weight:bold; width:420px; height:300px; text-align:center; padding-top:80px;} #col2 .deja {color: #ff0000;font-size: 15px;text-transform: uppercase; font-style:italic; font-weight:bold; width:420px; height:300px; text-align:center; padding-top:80px;} #col2 .erreur {color: #ff0000;font-size: 11px;font-weight: normal;width:420px;margin-top:5px; line-height:12px; padding-left:25px; text-align:right } .col1 { float:left; margin-right:14px;width:170px;} .col2 { float:left;margin-right:6px;width:230px;} .col3 { float:left; width:380px;} /* PAGE Jeu-concours LGKP501 Twilight novembre 2009 */ #flash-minisite2 { position:relative; width:934px; height:520px; clear:both; } #flash-minisite2 #flash-minisite-link3 {margin-top: 14px;position:absolute; left:50px; top:380px; z-index:1; font-size:10px; width:800px; } #flash-minisite2 #flash-minisite-link3 p {margin:2px 0;} #flash-minisite2 #flash-minisite-link3 .erreur {height:14px;} #flash-minisite2 #flash-minisite-link3 .nom input {border:0;margin:0 auto 0 19px;width:110px;} #flash-minisite2 #flash-minisite-link3 .prenom input {border:0;margin:0 auto 0 4px;width:110px;} #flash-minisite2 #flash-minisite-link3 .email input {border:0;margin:0 auto 0 13px;width:160px;} #flash-minisite2 #flash-minisite-link3 .date-naissance select {margin:0 8px 0 0; width:64px;} #flash-minisite2 #flash-minisite-link3 .reglement a {float:left;color: #94127e; font-weight:bold;} #flash-minisite2 #flash-minisite-link3 .valid {margin:4px 0 0 240px;} /* JEUX CONCOURS MINISITE */ #flash-minisite { position:relative; width:934px; height:520px; clear:both; } #flash-minisite #flash-minisite-link3 {font-size:10px; left:620px; margin-top:14px; position:absolute; top:280px; z-index:1;} #flash-minisite #flash-minisite-link3 p {margin:2px 0;} #flash-minisite #flash-minisite-link3 .erreur {height:14px;} #flash-minisite #flash-minisite-link3 .nom input {border:0;margin:0 auto 0 19px;width:110px;} #flash-minisite #flash-minisite-link3 .prenom input {border:0;margin:0 auto 0 4px;width:110px;} #flash-minisite #flash-minisite-link3 .email input {border:0;margin:0 auto 0 13px;width:160px;} #flash-minisite #flash-minisite-link3 .date-naissance select {margin:0 8px 0 0; width:64px;} #flash-minisite #flash-minisite-link3 .reglement a {float:left;color: #94127e; font-weight:bold;} #flash-minisite #flash-minisite-link3 .valid {margin:4px 0 0 100px;} /* COMMUNAUTE */ #page-communaute #outils { float:right; padding-right:38px; } #flash-communaute-o { position:relative; width:940px; height:465px; padding:25px 0 70px 0; overflow:hidden; } #flash-communaute-o a { position:absolute; top:355px; left:190px; } .popup-communaute { background:url(/img/popup_bons_plans/bg-pop-bon-plan1.png) no-repeat 0 0; width:575px; height:421px; } .popup-communaute .close { position:absolute; right:20px; top:70px; } .popup-communaute .inner { width:290px; height:260px; padding:80px 0 0 210px; color:#fff; } .popup-communaute .inner form { width:230px; padding:10px 0 0 40px; color:#fff; font-size:11px; } .popup-communaute .inner form label { padding:0 0 8px 0; display:block; } .popup-communaute .inner form p { padding:0 0 8px 0; width:230px; overflow:hidden; } .popup-communaute .inner form input { color:#999; font-size:14px; padding:3px 15px; float:left; margin-right:5px; } .popup-communaute .inner form #number { width:120px; } .popup-communaute .inner form #captcha { width:45px; } .popup-communaute .inner form p img { float:left; margin:0 5px 0 0; } .popup-communaute .inner .valid { text-align:right; padding:8px 0 0 0; } .popup-communaute .inner form .valid input { background:none; padding:0; border:none; float:none; } .popup-communaute .center p { padding:15px 0 0 0; } .popup-communaute .inner form .error input { border-color:#f00; } .popup-communaute .inner form .champ-error {width:21px; padding-left:0;} .popup-communaute .inner form .champ-error { color:#f00; background:url(skins/puce-error.png) no-repeat 0 -34px; padding-left:25px; display:inline-block; line-height:10px; font-size:10px; vertical-align:top; min-height:18px; height:auto; overflow:hidden; } .popup-communaute .inner form .champ-valide { background:url(skins/puce-error.png) no-repeat 0 -1px; display:inline-block; line-height:18px; padding:0 10px } /* debugg */ #page-trouver-nos-offres #footer { padding-top:15px !important; } /* player vidéo */ .popup-player-video { background:url(skins/bg-pop-player-video.png) no-repeat 0 0; width:800px; height:500px; z-index:100; } .popup-player-video .close { position:absolute; right:0px; top:30px; } .popup-player-video .inner { width:400px; height:300px; padding:60px 135px 0 0px; float:right; } .popup-player-video .tel_player {width:78px; float:left; padding:82px 0px 0 92px;} .popup-player-video .player_video { display:block; z-index: 5000; width:400px; height:300px;} .popup-player-video .center p { padding:15px 0 0 0; } .popup-player-video .inner form .error input { border-color:#f00; } .popup-player-video .inner form .champ-error {width:21px; padding-left:0;} .popup-player-video .inner form .champ-error { color:#f00; background:url(skins/puce-error.png) no-repeat 0 -34px; padding-left:25px; display:inline-block; line-height:10px; font-size:10px; vertical-align:top; min-height:18px; height:auto; overflow:hidden; } .popup-player-video .inner form .champ-valide { background:url(skins/puce-error.png) no-repeat 0 -1px; display:inline-block; line-height:18px; padding:0 10px } /* AMIS M6 */ #page-amis-m6 { } #page-amis-m6 #outils { padding-right:238px; } #friend-table { position:relative; width:706px; height:333px; clear:both; padding-top:5px; } #friend-table .middle { width:706px; overflow:hidden; } #friend-table .left, #friend-table .center, #friend-table .right { float:left; } .solutions { width:950px; overflow:hidden; } .solutions .sol-top { width:950px; } .solutions .sol-bottom { width:950px; } .solutions .sol-middle { background:url(skins/bg-sol.png) repeat-y 0 0; padding:10px 20px 0 44px; width:886px; } .solutions h2 { padding:0 0 25px 0; color:#930084; font-size:18px; text-transform:uppercase; font-style:italic;} .solutions ul { width:886px; overflow:hidden; padding:0 0 10px 0; } .solutions li { float:left; width:425px; overflow:hidden; height:170px; } .solutions .sol-1 { padding:0 0 23px 0; background:url(skins/sep-h.gif) no-repeat 50% 100%; } .solutions .sol-2 { padding:0 0 23px 15px; background:url(skins/sep-v.gif) no-repeat 0 50%; } .solutions .sol-3 { padding:22px 0 0 0; background:url(skins/sep-v.gif) no-repeat 100% 50%; } .solutions .sol-4 { padding:22px 0 0 15px; background:url(skins/sep-h.gif) no-repeat 50% 0; } .solutions li .visu { width:186px; float:left; display:block; } .solutions li .data { width:220px; float:left; padding:0 0 0 10px; } .solutions li .data h3 { padding:6px 0 13px 0; color:#930084; font-size:18px; text-transform:uppercase; font-style:italic;} .solutions li p { color:#000; padding:0 0 12px 0; } .solutions li p a{ margin-top:10px; width:100%; float:left; } .solutions .sol-middle a{ color:#930084; } /*#promo a { position:absolute; top:175px; left:30px; }*/ /* 3 popup */ .pop-content { background:transparent url(skins/bg-pop-content.png) repeat-y; width:445px; height:315px; overflow:hidden; color:#000;padding:0 40px;font-size:12px;} .pop-top { background:url(skins/bg-pop-top.png) no-repeat; width:525px; height:45px; } .pop-bottom { background:url(skins/bg-pop-bottom.png) no-repeat; width:525px; height:26px; } .pop-content h1 { padding:0 0 25px 0; } .pop-content .twin { width:445px; overflow:hidden; height:240px; } .pop-content .visu { float:left; width:110px; padding:0 25px; } .pop-content .data { float:right; width:285px; height:240px; position:relative; } .pop-content form { padding:20px 0 0 0; color:#fff; font-size:11px; } .pop-content form label { padding:0 0 8px 0; display:block; } .pop-content form p { padding:0 0 8px 0; width:230px; overflow:hidden; } .pop-content form input { color:#999; font-size:14px; padding:3px 15px; float:left; margin-right:5px; } .pop-content form #number { width:120px; } .pop-content form #captcha { width:45px; } .pop-content form p img { float:left; margin:0 5px 0 0; } .pop-content .valid { text-align:right; padding:8px 0 0 0; } .pop-content form .valid input { background:none; padding:0; border:none; float:none; } .pop-content form .error input { border-color:#f00; } .pop-content form .champ-error {width:21px; padding-left:0;} .pop-content form .champ-error { color:#f00; background:url(skins/puce-error.png) no-repeat 0 -34px; padding-left:25px; display:inline-block; line-height:10px; font-size:10px; vertical-align:top; min-height:18px; height:auto; overflow:hidden; } .pop-content form .champ-valide { background:url(skins/puce-error.png) no-repeat 0 -1px; display:inline-block; line-height:18px; padding:0 10px } .pop-content .data .little { color:#fff; font-size:10px; position:absolute; bottom:0; left:0; } /** popup bons plans réponse ajax **/ .popup_bp_ajax_response { margin-top: 190px; margin-left: 5px; color:#fff; font-family:verdana; font-size:14px; font-variant:small-caps; } .image2 { background:url(/img/popup_bons_plans/bg-pop-bon-plan2.png) } #carte-prepayee-rightblock { width: 250px; height: 373px; background-image: url(/skins/toobenef/visu-too-benef-simple.png); margin-top: 25px; background-repeat: no-repeat; } /* ZOOM ARTICLE */ #preview{ position:absolute; z-index: 99; width:177px; height:393px; background:url(/css/skins/bg-preview.png) no-repeat; padding : 50px 41px 35px 30px; display:none; color:#fff; }