.sprite { background:url('http://img1.focus-numerique.com/focus/sprites/sprite-201511061442.png') no-repeat top left; } .sprite.sprite-a-la-une { background-position:0 -0px; width: 24px; height: 24px; } .sprite.sprite-article { background-position:0 -24px; width: 24px; height: 24px; } .sprite.sprite-bouton-fleche-blanche { background-position:0 -48px; width: 13px; height: 10px; } .sprite.sprite-bouton-fleche-noir { background-position:0 -58px; width: 13px; height: 10px; } .sprite.sprite-en-pratique { background-position:0 -68px; width: 24px; height: 24px; } .sprite.sprite-fleche-beige { background-position:0 -92px; width: 6px; height: 10px; } .sprite.sprite-fleche-rouge { background-position:0 -102px; width: 6px; height: 10px; } .sprite.sprite-fleche-verte { background-position:0 -112px; width: 6px; height: 10px; } .sprite.sprite-icons-accessoires { background-position:0 -122px; width: 20px; height: 20px; } .sprite.sprite-icons-actualite { background-position:0 -142px; width: 42px; height: 43px; } .sprite.sprite-icons-apprendre { background-position:0 -185px; width: 42px; height: 43px; } .sprite.sprite-icons-beaux-livres { background-position:0 -228px; width: 20px; height: 20px; } .sprite.sprite-icons-boitiers { background-position:0 -248px; width: 20px; height: 20px; } .sprite.sprite-icons-club-focus { background-position:0 -268px; width: 20px; height: 20px; } .sprite.sprite-icons-culture { background-position:0 -288px; width: 42px; height: 43px; } .sprite.sprite-icons-derniere-news { background-position:0 -331px; width: 20px; height: 20px; } .sprite.sprite-icons-dernier-post { background-position:0 -351px; width: 26px; height: 27px; } .sprite.sprite-icons-en-pratique { background-position:0 -378px; width: 20px; height: 20px; } .sprite.sprite-icons-evenements { background-position:0 -398px; width: 20px; height: 20px; } .sprite.sprite-icons-expo { background-position:0 -418px; width: 20px; height: 20px; } .sprite.sprite-icons-face-a-face { background-position:0 -438px; width: 20px; height: 20px; } .sprite.sprite-icons-facebook-fixe { background-position:0 -458px; width: 29px; height: 30px; } .sprite.sprite-icons-facebook-hover { background-position:0 -488px; width: 29px; height: 30px; } .sprite.sprite-icons-formation { background-position:0 -518px; width: 20px; height: 20px; } .sprite.sprite-icons-forum { background-position:0 -538px; width: 42px; height: 43px; } .sprite.sprite-icons-glossaire { background-position:0 -581px; width: 20px; height: 20px; } .sprite.sprite-icons-guide-achat { background-position:0 -601px; width: 20px; height: 20px; } .sprite.sprite-icons-impression { background-position:0 -621px; width: 20px; height: 20px; } .sprite.sprite-icons-livre-technique { background-position:0 -641px; width: 20px; height: 20px; } .sprite.sprite-icons-optique { background-position:0 -661px; width: 20px; height: 20px; } .sprite.sprite-icons-portfolio { background-position:0 -681px; width: 20px; height: 20px; } .sprite.sprite-icons-rencontre { background-position:0 -701px; width: 20px; height: 20px; } .sprite.sprite-icons-rss-fixe { background-position:0 -721px; width: 29px; height: 30px; } .sprite.sprite-icons-rss-hover { background-position:0 -751px; width: 29px; height: 30px; } .sprite.sprite-icons-test { background-position:0 -781px; width: 42px; height: 43px; } .sprite.sprite-icons-twitter-fixe { background-position:0 -824px; width: 29px; height: 30px; } .sprite.sprite-icons-twitter-hover { background-position:0 -854px; width: 29px; height: 30px; } .sprite.sprite-icons-video { background-position:0 -884px; width: 20px; height: 20px; } .sprite.sprite-le-forum { background-position:0 -904px; width: 25px; height: 24px; } .sprite.sprite-loupe-search { background-position:0 -928px; width: 13px; height: 13px; } .sprite.sprite-menu-actualites-hover { background-position:0 -941px; width: 42px; height: 42px; } .sprite.sprite-menu-actualites { background-position:0 -983px; width: 42px; height: 42px; } .sprite.sprite-menu-apprendre-hover { background-position:0 -1025px; width: 42px; height: 42px; } .sprite.sprite-menu-apprendre { background-position:0 -1067px; width: 42px; height: 42px; } .sprite.sprite-menu-culture-hover { background-position:0 -1109px; width: 42px; height: 42px; } .sprite.sprite-menu-culture { background-position:0 -1151px; width: 42px; height: 42px; } .sprite.sprite-menu-forum-hover { background-position:0 -1193px; width: 42px; height: 40px; } .sprite.sprite-menu-forum { background-position:0 -1233px; width: 42px; height: 40px; } .sprite.sprite-menu-open-actualite-filigrane { background-position:0 -1273px; width: 82px; height: 82px; } .sprite.sprite-menu-open-apprendre-filigrane { background-position:0 -1355px; width: 50px; height: 82px; } .sprite.sprite-menu-open-culture-filigrane { background-position:0 -1437px; width: 102px; height: 82px; } .sprite.sprite-menu-open-forum-filigrane { background-position:0 -1519px; width: 85px; height: 82px; } .sprite.sprite-menu-open-tests-filigrane { background-position:0 -1601px; width: 107px; height: 82px; } .sprite.sprite-menu-tests-hover { background-position:0 -1683px; width: 42px; height: 42px; } .sprite.sprite-menu-tests { background-position:0 -1725px; width: 42px; height: 42px; } .sprite.sprite-newsletter-check { background-position:0 -1767px; width: 15px; height: 13px; } .sprite.sprite-newsletter { background-position:0 -1780px; width: 24px; height: 24px; } .sprite.sprite-news { background-position:0 -1804px; width: 25px; height: 24px; } .sprite.sprite-nos-formations-bulles { background-position:0 -1828px; width: 192px; height: 58px; } .sprite.sprite-nos-formations { background-position:0 -1886px; width: 24px; height: 24px; } .sprite.sprite-nos-partenaires-lesnums { background-position:0 -1910px; width: 107px; height: 14px; } .sprite.sprite-points-faible { background-position:0 -1924px; width: 42px; height: 42px; } .sprite.sprite-points-fort { background-position:0 -1966px; width: 42px; height: 42px; } .sprite.sprite-sitemap-forum-footer { background-position:0 -2008px; width: 42px; height: 41px; } .sprite.sprite-small-icons-facebook-fixe { background-position:0 -2049px; width: 18px; height: 18px; } .sprite.sprite-small-icons-facebook-hover { background-position:0 -2067px; width: 18px; height: 18px; } .sprite.sprite-small-icons-rss-fixe { background-position:0 -2085px; width: 18px; height: 18px; } .sprite.sprite-small-icons-rss-hover { background-position:0 -2103px; width: 18px; height: 18px; } .sprite.sprite-small-icons-twitter-fixe { background-position:0 -2121px; width: 18px; height: 18px; } .sprite.sprite-small-icons-twitter-hover { background-position:0 -2139px; width: 18px; height: 18px; } .sprite-merchants { background:url('http://img1.focus-numerique.com/focus/sprites/sprite-merchants-201509161700.png') no-repeat top left; } .sprite-merchants.sprite-3-suisses { background-position:0 -0px; width: 16px; height: 16px; } .sprite-merchants.sprite-achat-design { background-position:0 -16px; width: 16px; height: 16px; } .sprite-merchants.sprite-amazon { background-position:0 -32px; width: 16px; height: 16px; } .sprite-merchants.sprite-apple { background-position:0 -48px; width: 16px; height: 16px; } .sprite-merchants.sprite-apple-store { background-position:0 -64px; width: 16px; height: 16px; } .sprite-merchants.sprite-auchan { background-position:0 -80px; width: 16px; height: 16px; } .sprite-merchants.sprite-baxshopfr { background-position:0 -96px; width: 16px; height: 16px; } .sprite-merchants.sprite-bose { background-position:0 -112px; width: 16px; height: 16px; } .sprite-merchants.sprite-boulangercom { background-position:0 -128px; width: 16px; height: 16px; } .sprite-merchants.sprite-boulanger { background-position:0 -144px; width: 16px; height: 16px; } .sprite-merchants.sprite-bruneau { background-position:0 -160px; width: 16px; height: 16px; } .sprite-merchants.sprite-but { background-position:0 -176px; width: 16px; height: 16px; } .sprite-merchants.sprite-camif { background-position:0 -192px; width: 16px; height: 16px; } .sprite-merchants.sprite-carrefour-online { background-position:0 -208px; width: 16px; height: 16px; } .sprite-merchants.sprite-carrefour { background-position:0 -224px; width: 16px; height: 16px; } .sprite-merchants.sprite-cdiscount { background-position:0 -240px; width: 16px; height: 16px; } .sprite-merchants.sprite-cobrason { background-position:0 -256px; width: 16px; height: 16px; } .sprite-merchants.sprite-conforama { background-position:0 -272px; width: 16px; height: 16px; } .sprite-merchants.sprite-conrad { background-position:0 -288px; width: 16px; height: 16px; } .sprite-merchants.sprite-dartycom { background-position:0 -304px; width: 16px; height: 16px; } .sprite-merchants.sprite-darty { background-position:0 -320px; width: 16px; height: 16px; } .sprite-merchants.sprite-decathlon { background-position:0 -336px; width: 16px; height: 16px; } .sprite-merchants.sprite-default { background-position:0 -352px; width: 16px; height: 16px; } .sprite-merchants.sprite-digitphotocom { background-position:0 -368px; width: 16px; height: 16px; } .sprite-merchants.sprite-digixo { background-position:0 -384px; width: 16px; height: 16px; } .sprite-merchants.sprite-ebayfr { background-position:0 -400px; width: 16px; height: 16px; } .sprite-merchants.sprite-ebay { background-position:0 -416px; width: 16px; height: 16px; } .sprite-merchants.sprite-electronic-star { background-position:0 -432px; width: 16px; height: 16px; } .sprite-merchants.sprite-fnaccom-marketplace { background-position:0 -448px; width: 16px; height: 16px; } .sprite-merchants.sprite-fnaccom { background-position:0 -464px; width: 16px; height: 16px; } .sprite-merchants.sprite-fnac { background-position:0 -480px; width: 16px; height: 16px; } .sprite-merchants.sprite-google-play { background-position:0 -496px; width: 16px; height: 16px; } .sprite-merchants.sprite-grosbill { background-position:0 -512px; width: 16px; height: 16px; } .sprite-merchants.sprite-homecinesolutions { background-position:0 -528px; width: 16px; height: 16px; } .sprite-merchants.sprite-hp { background-position:0 -544px; width: 16px; height: 16px; } .sprite-merchants.sprite-ice-watch { background-position:0 -560px; width: 16px; height: 16px; } .sprite-merchants.sprite-la-redoute { background-position:0 -576px; width: 16px; height: 16px; } .sprite-merchants.sprite-ldlc { background-position:0 -592px; width: 16px; height: 16px; } .sprite-merchants.sprite-les-aubaines { background-position:0 -608px; width: 16px; height: 16px; } .sprite-merchants.sprite-luminairefr { background-position:0 -624px; width: 16px; height: 16px; } .sprite-merchants.sprite-macway { background-position:0 -640px; width: 16px; height: 16px; } .sprite-merchants.sprite-made-in-design { background-position:0 -656px; width: 16px; height: 16px; } .sprite-merchants.sprite-magicpc { background-position:0 -672px; width: 16px; height: 16px; } .sprite-merchants.sprite-maisoniccom { background-position:0 -688px; width: 16px; height: 16px; } .sprite-merchants.sprite-marketplace-by-la-redoute { background-position:0 -704px; width: 16px; height: 16px; } .sprite-merchants.sprite-materielnet { background-position:0 -720px; width: 16px; height: 16px; } .sprite-merchants.sprite-maxiburo { background-position:0 -736px; width: 16px; height: 16px; } .sprite-merchants.sprite-medicanimal { background-position:0 -752px; width: 16px; height: 16px; } .sprite-merchants.sprite-micromania { background-position:0 -768px; width: 16px; height: 16px; } .sprite-merchants.sprite-miscofr { background-position:0 -784px; width: 16px; height: 16px; } .sprite-merchants.sprite-misco { background-position:0 -800px; width: 16px; height: 16px; } .sprite-merchants.sprite-miss-numerique { background-position:0 -816px; width: 16px; height: 16px; } .sprite-merchants.sprite-mistergooddeal { background-position:0 -832px; width: 16px; height: 16px; } .sprite-merchants.sprite-monechellefr { background-position:0 -848px; width: 16px; height: 16px; } .sprite-merchants.sprite-office-depot { background-position:0 -864px; width: 16px; height: 16px; } .sprite-merchants.sprite-officeeasy { background-position:0 -880px; width: 16px; height: 16px; } .sprite-merchants.sprite-petmedsfr { background-position:0 -896px; width: 16px; height: 16px; } .sprite-merchants.sprite-pixmania-certified-seller { background-position:0 -912px; width: 16px; height: 16px; } .sprite-merchants.sprite-pixmaniacom { background-position:0 -928px; width: 16px; height: 16px; } .sprite-merchants.sprite-pixmania { background-position:0 -944px; width: 16px; height: 16px; } .sprite-merchants.sprite-priceminister { background-position:0 -960px; width: 16px; height: 16px; } .sprite-merchants.sprite-retrofutur { background-position:0 -976px; width: 16px; height: 16px; } .sprite-merchants.sprite-rue-du-commerce-market-place { background-position:0 -992px; width: 16px; height: 16px; } .sprite-merchants.sprite-rue-du-commerce { background-position:0 -1008px; width: 16px; height: 16px; } .sprite-merchants.sprite-smokingfr { background-position:0 -1024px; width: 16px; height: 16px; } .sprite-merchants.sprite-son-video { background-position:0 -1040px; width: 16px; height: 16px; } .sprite-merchants.sprite-sportshop { background-position:0 -1056px; width: 16px; height: 16px; } .sprite-merchants.sprite-tektvshop { background-position:0 -1072px; width: 16px; height: 16px; } .sprite-merchants.sprite-thomann { background-position:0 -1088px; width: 16px; height: 16px; } .sprite-merchants.sprite-top-achat { background-position:0 -1104px; width: 16px; height: 16px; } .sprite-merchants.sprite-ubaldi { background-position:0 -1120px; width: 16px; height: 16px; } .sprite-merchants.sprite-urbanlockercom { background-position:0 -1136px; width: 16px; height: 16px; } .sprite-merchants.sprite-vidaxl { background-position:0 -1152px; width: 16px; height: 16px; } .sprite-merchants.sprite-viking-direct { background-position:0 -1168px; width: 16px; height: 16px; } .sprite-merchants.sprite-villatech { background-position:0 -1184px; width: 16px; height: 16px; } .sprite-merchants.sprite-webdistribcom { background-position:0 -1200px; width: 16px; height: 16px; } .sprite-merchants.sprite-webdistrib { background-position:0 -1216px; width: 16px; height: 16px; } .sprite-merchants.sprite-woodbrass { background-position:0 -1232px; width: 16px; height: 16px; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix:before, .clearfix:after { content: ""; display: table; } body { background-image: url("http://img1.focus-numerique.com/focus/images/texture-noir.jpg"); background-repeat: repeat; position: relative; margin: 0; } html, body, table { font-family: Arial; font-size: 1em; } ul { margin: 0; padding: 0; list-style:none; } iframe body { margin:0; } img { height: auto !important; } img, object, embed, video, iframe { max-width: 100%; } /* all background position changed on hover */ #header-socials > a:hover > span.sprite-small-icons-facebook-fixe{background-position:0 -2067px;} #header-socials > a:hover > span.sprite-small-icons-rss-fixe{background-position:0 -2103px;} #header-socials > a:hover > span.sprite-small-icons-twitter-fixe{background-position:0 -2139px;} #menu > li > a:hover > .sprite-menu-actualites, #menu #menu-actualites.clicked > a > span {background-position:0 -941px;} #menu > li > a:hover > .sprite-menu-tests, #menu #menu-tests.clicked.clicked > a > span {background-position:0 -1683px;} #menu > li > a:hover > .sprite-menu-apprendre, #menu #menu-apprendre.clicked > a > span {background-position:0 -1025px;} #menu > li > a:hover > .sprite-menu-culture, #menu #menu-culture.clicked > a > span {background-position:0 -1109px;} #menu > li > a:hover > .sprite-menu-forum, #menu #menu-forum.clicked > a > span {background-position:0 -1193px;} #footer-socials-icons > a:hover > span.sprite-icons-facebook-fixe{background-position:0 -488px;} #footer-socials-icons > a:hover > span.sprite-icons-rss-fixe{background-position:0 -751px;} #footer-socials-icons > a:hover > span.sprite-icons-twitter-fixe{background-position:0 -854px;} #social_icons .sprite-icons-facebook-hover:hover{background-position:0 -458px;} #social_icons .sprite-icons-twitter-hover:hover{background-position:0 -824px;} /* beginning of css of page */ #body{ background-color:rgb(0,0,0); max-width:1000px; border-color:rgb(51,51,51); border-width:1px; /* Firefox v1.0*/ -moz-border-radius:1px; /* Safari v3.0and by Chrome v0.2*/ -webkit-border-radius:1px; /* Firefox v4.0, Safari v5.0, Chrome v4.0, Opera v10.5 and by IE v9.0*/ border-radius:1px; border-style:solid; /* Firefox v3.5*/ -moz-box-shadow:0px 0px 7px rgb(0,0,0); /* Safari v3.0and by Chrome v0.2*/ -webkit-box-shadow:0px 0px 7px rgb(0,0,0); /* Firefox v4.0, Safari v5.1, Chrome v10.0+, IE v10and by Opera v10.5*/ box-shadow:0px 0px 7px rgb(0,0,0); -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#ff000000,Positive=true)"; filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#ff000000,Positive=true); margin: auto; position: relative; z-index: 1; margin-top: 10px; } #header, #content, #footer, #partenaires{ width: 100%; } #body-content{ padding: 20px 0; } #header{ background-color: black; box-sizing: border-box; margin-bottom: 0px; padding: 5px 5px 15px 5px; border-bottom: 1px solid rgb(51, 51, 51); } #content, #footer-content { margin-bottom: 10px; } #header-top{ display: inline-block; } #header-bottom{ width: 100%; } #header-socials { float: right; margin-right: 5px; margin-top: 5px; } #header-socials a{ text-decoration: none; } #header-socials > a > span{ display: inline-block; margin-right: 3px; } #header-top-searchbar{ float: right; } #header-top-searchbar form input[type="text"] { font-size: 0.75em; margin-right: -32px; padding: 3px 5px; } #header-top-searchbar form input[type="image"] { position: relative; right: -10px; top: 3px; } .wrap{ margin: auto; position: relative; width: 940px; } #header-content{ margin-bottom:0px; } #logo, #menu{ display: inline-block; } #logo{ margin-right:20px; } /* commons class for menu in header and footer */ #menu > li > a, #socials-and-sitemaps #footer-menu > ul > li { display: inline-block; margin: 0; padding: 61px 0 0; position: relative; text-align: center; font-size:0.9em; font-weight: bold; } #menu > li > a span, #socials-and-sitemaps #footer-menu > ul > li > span{ display: block; left: 50%; margin-left: -23px; position: absolute; top: 10px; } /* menu */ #menu{ display: inline-block; position: static; border-radius: 0; float: none; left: 0; margin: 0; padding: 0; text-align: center; } #menu > li{ display: inline-block; position: static; } #menu > li:nth-child(5) > a { font-weight: normal !important; } #menu > li > a { background-position: center 15px; background-repeat: no-repeat; color:#BBBBBB; cursor: pointer; min-width: 98px; text-decoration: none; } #menu > li > a:hover, #menu > li.clicked > a{ color: #A92333; } #menu > li.item-event a { color: #A1202D; font-weight: normal; text-decoration: none; } #menu > li.clicked .sub-menu{ display: block; } .sub-menu { background: url("http://img1.focus-numerique.com/focus/images/texture-rouge.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0); display: none; height: 62px; left: 50%; margin-left: -470px; margin-top: 5px; padding: 10px 190px 20px 220px; position: absolute; text-align: center; width: 530px; z-index: 50000; margin-top: 5px; } .sub-menu-filigrane{ left: 20px; margin-top: -5px; position: absolute; } .sub-menu-elements, .sub-menu-elements ul { height: 62px; width: 175px; } .sub-menu-elements{ border-left: 1px solid #751620; float: left; } .sub-menu-elements ul{ border-left: 1px solid #91313B; display: inline-block; list-style: none outside none; margin: 0; padding: 0; } .sub-menu-elements ul li { margin-bottom: 3px; margin-left: 10px; text-align: left; } .sub-menu-elements:last-child{ border-right: 1px solid #751620; } .sub-menu-elements > ul:last-child{ border-right: 1px solid #91313B; } .sub-menu-elements a { color: #FFFFFF; font-size: 0.75em; text-decoration: none; } .sub-menu-elements a:hover{ color: #D8B27F; } .elements-icons{ display: inline-block; margin-right: 2px; vertical-align: text-bottom; } #header-bottom { margin: auto; max-width: 1000px; overflow: hidden; } .content-title { color: #D8B27F; display: inline-block; font-size: 20px; margin: 10px 0; } .content-title > span { display: inline-block; margin-right: 10px; vertical-align: text-top; } .mc-caption > a{ display: inline-block; text-decoration: none; color: white !important; } .mc-caption > a > div { line-height: 30px; margin-left: 150px; } .slider-title, .slider-subtitle { color: #841A25; display: inline-block; } .slider-title{ font-size: 1.7em; margin-right: 10px; margin-bottom: 2px; } #carrousel{ margin-bottom: 20px; } #main { float: left; width: 620px; } /* Police */ .content-title, .bloc_news h1, #titre_td_ct, .titre_article a, #titre_produit{ font-family: 'Carme', sans-serif, Arial; } /* commons css for list */ #latest-articles h3 { color: #d8b27f !important; font-family: "Carme",sans-serif,Arial; font-weight: normal; padding: 0; text-transform: uppercase; } #latest-articles ul, #latest-news > ul, #latest-news > ul > li > ul , #en-pratique > ul, #nos-formations > ul, #sur-le-forum > ul, #liens-associes > ul, #latest-tests ul{ list-style: none outside none; margin: 0; padding: 0; } #latest-news > ul > li > ul > li, #en-pratique > ul > li, #nos-formations > ul > li, #sur-le-forum > ul > li, #liens-associes > ul > li, #latest-tests ul > li { display: inline-block; width: 100%; } #latest-news > ul > li > ul > li, #sur-le-forum > ul > li, #latest-tests ul > li{ margin-bottom: 5px; } #latest-news > ul > li > ul > li:last-child, #en-pratique > ul > li:last-child, #nos-formations > ul > li:last-child, #sur-le-forum > ul > li:last-child, #liens-associes > ul > li:last-child, #latest-tests ul > li:last-child{ margin-bottom: 0; } #latest-news > ul > li > ul > li > a, #en-pratique > ul > li > a, #nos-formations > ul > li > a, #sur-le-forum > ul > li > a, #liens-associes > ul > li > a, #latest-tests ul > li > a{ font-size: 0.75em; } #latest-news > ul > li > ul > li > a > span, #en-pratique > ul > li > a > span, #nos-formations > ul > li > a > span, #sur-le-forum > ul > li > a > span, #latest-tests ul > li > a > span{ display: inline-block; } #latest-news > ul > li > ul > li span.title, #en-pratique > ul > li span.title, #nos-formations > ul > li span.title, #sur-le-forum > ul > li span.title, #latest-tests ul > li span.title{ float: right; width: 94%; } #latest-news > ul > li > ul > li span.title, #en-pratique > ul > li span.title, #nos-formations > ul > li span.title, #latest-tests ul > li span.title{ line-height: 16px; } #latest-news > ul > li > ul > li span:first-child{ vertical-align: top; } .sprite.sprite-fleche-beige { margin-top: 2px; } #en-pratique > ul > li span:first-child, #nos-formations > ul > li span:first-child, #sur-le-forum > ul > li span:first-child, #latest-tests ul > li span:first-child { vertical-align: text-top; } /* commons css for latest articles and news */ #latest-articles, #news{ height: 900px; } #latest-articles, #latest-news{ border: 1px solid #414141; overflow: hidden; } #latest-articles ul li a, #latest-news > ul > li > ul > li a{ text-decoration: none; color: #BABABA; } #latest-articles ul li a:visited, #latest-news > ul > li > ul > li a:visited{ color: #555555; } #latest-articles ul li a:hover, #latest-news > ul > li > ul > li a:hover{ color: #D8B27F; } /* commons see more buttons */ .see-more{ border-radius: 5px; font-size: 0.75em; font-weight: bold; padding: 8px 10px 8px 15px; text-decoration: none; display: inline-block; } .see-more span { display: inline-block; vertical-align: middle; } /* latest articles */ #latest-articles .content-title, #latest-news .content-title{ margin-left: 10px; } /* #latest-articles{ float: left; margin-right: 16px; // double borders articles & news = -4px } */ #latest-articles ul li{ border-bottom: 1px solid #414141; padding: 10px 10px 13px; width: 100%; } #latest-articles ul li:last-child{ border-bottom: none; } #latest-articles ul li img { border: 1px solid #414141; padding: 4px 2px; margin-right: 5px; vertical-align: top; max-width: 100px; } #latest-articles ul li .item-text { display: inline-block; max-width: 70%; } #latest-articles ul li .item-text h3 { font-size: 0.9em; margin: 0 0 3px; } #latest-articles ul li .item-text p{ margin: 0; font-size: 0.75em; } #latest-articles ul li .item-text .item-date{ font-size: 0.65em; } /* latest news */ /* #news{ float: right; position: relative; } */ #latest-news{ margin-bottom: 20px; } #latest-news > ul > li{ display: inline-block; border-bottom: 1px solid #414141; padding: 10px; width: 100%; } #latest-news > ul > li:last-child{ border-bottom: none; } #latest-news > ul > li .item-date { float: left; margin-right: 10px; } #latest-news > ul > li .item-date .day { color: #D8B27F; font-size: 2.4em; line-height: 35px; } #latest-news > ul > li .item-date .month { color: #414141; font-size: 1.5em; } #latest-news > ul > li > ul { float: right; width: 77%; } #latest-news > ul > li > ul > li > a{ font-size: 0.75em; } #see-more-news { background-color: #D8B27F; bottom: -5px; color: #000000; position: absolute; right: 0; } #aside { float: right; width: 300px; box-sizing: border-box; } #aside > div { background-color: #8F8F8F; clear: none; float: left; margin-bottom: 13px; padding: 0 10px 10px; } #aside > div > .content-title{ color: #000; } #aside > div:last-child{ margin-bottom: 0; } #en-pratique ul > li, #nos-formations ul > li, #sur-le-forum ul > li, #liens-associes ul > li, #latest-tests ul > li{ width: 100%; } #en-pratique a, #nos-formations a, #sur-le-forum a, #liens-associes a, #latest-tests a{ text-decoration: none; color: #000; } #en-pratique a:visited, #nos-formations a:visited, #sur-le-forum a:visited, #liens-associes a:visited, #latest-tests a:visited{ text-decoration: none; color: #555555; } #en-pratique a:hover, #nos-formations a:hover, #sur-le-forum a:hover, #liens-associes a:hover, #latest-tests a:hover{ color: #841A25; } #en-pratique .item-text p, #nos-formations p, #nos-formations p { font-size: 0.75em; margin: 0 0 10px; } #en-pratique .first-content{ margin-bottom: 10px; } #en-pratique img { border: 1px solid #414141; padding: 4px 2px; margin-right: 5px; vertical-align: top; max-height: 89px; max-width: 118px; } #en-pratique .item-text { display: inline-block; width: 145px; } #en-pratique .item-text h3 { font-size: 0.8em; margin: 0 0 5px; } #see-more-guides, #see-more-forum { background-color: #841A25; color: #FFFFFF !important; float: right; margin-top: 10px; } #nos-formations-bulles{ padding: 0 45px; margin-bottom: 3px; } #nos-formations .sprite-nos-formations-bulles{ display: block; } #newsletter { border: 1px solid #414141; padding: 0 13px; } #newsletter .content-title > span:last-child{ margin: 0; color: #841A25; } #newsletter > div:last-child { float: right; margin: 10px 0; position: relative; } #newsletter input[type="email"], #newsletter input[type="button"] { border-radius: 5px; font-size: 0.8em; font-weight: normal; height: auto; line-height: 18px; margin: 0; padding: 3px; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; vertical-align: middle; } #newsletter input[type="email"] { margin-right: 5px; width: 237px; border: 2px solid white; } #newsletter input[type="button"] { background: none repeat scroll 0 0 #841A25; border: 1px groove #841A25; color: #FFFFFF; cursor: pointer; } #newsletter-status > span { color: #FFFFFF; display: block; padding-top: 5px; } #footer { background-image: url("http://img1.focus-numerique.com/focus/images/texture-rouge.jpg"); border-bottom: 3px solid #751620; box-shadow: 1px 2px 0 rgba(255, 255, 255, 0.1); margin: -25px 0 auto; padding: 0; position: relative; -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=2,Color=#1affffff,Positive=true)"; filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=2,Color=#1affffff,Positive=true); } #footer-content{ padding: 0 10px 10px; } #contact { background-color: #751620; float: left; margin-right: 20px; padding: 5px 10px; width: 176px; } #contact > div:first-child, #contact > div:nth-child(4){ color: white; } #contact > div:first-child, #contact div:nth-child(2){ text-align: center; font-size: 0.8em; } #contact > div:nth-child(2), #contact > div:last-child a{ color: #D8B27F; text-decoration: none; } #contact > div:last-child a:hover{ text-decoration: underline; } #contact > div:nth-child(4), #contact > div:last-child a{ font-size:0.7em; } #contact > div:nth-child(4){ margin-bottom: 5px; } #contact > div:last-child{ float:right; } #facebook-last-posts { float: left; width: 235px; } #facebook-last-posts .content-title { color: #FFFFFF; } #facebook-last-posts img { max-width: 44px; vertical-align: top; margin-right: 10px; } #facebook-last-posts > ul { float: left; list-style: none outside none; margin: 0 0 15px; padding: 0; } #facebook-last-posts > ul > li { margin-bottom: 7px; } #facebook-last-posts > ul > li > a { color: #FFFFFF; display: block; font-size: 0.7em; font-style: italic; text-decoration: none; } #facebook-last-posts > ul > li > a:hover { color: #D8B27F; } #facebook-last-posts > ul > li > a .title { display: inline-block; width: 75%; } #facebook-last-posts #see-more-posts{ color: white; background-color: #4F0F16; border-radius: 20px; } #socials-and-sitemaps{ float: right; width: 475px; } #socials-and-sitemaps #footer-menu { margin-bottom: 5px; } #socials-and-sitemaps #footer-menu > ul{ display: inline-block; float: none; left: 0; margin: 0; padding: 0; position: static; text-align: center; } #socials-and-sitemaps #footer-menu > ul > li{ color: #4F0F16; min-width: 115px; } #socials-and-sitemaps #footer-submenu > ul { border-left: 1px solid #751620; border-right: 1px solid #91313B; float: left; height: 160px; list-style: none outside none; margin: 0; padding: 5px 2px; min-width:110px; } #socials-and-sitemaps #footer-submenu > ul:first-child{ border-left: none; } #socials-and-sitemaps #footer-submenu > ul:last-child{ border-right: none; } #footer-submenu > ul > li { margin-bottom: 3px; margin-left: 8px; } #footer-submenu > ul:last-child > li:last-child span { display: block; margin-left: 25px; margin-top: 20px; } #socials-and-sitemaps #footer-submenu > ul > li > a{ color: white; font-size: 0.65em; text-decoration: none } #socials-and-sitemaps #footer-submenu > ul > li > a:hover{ color: #D8B27F; } #footer-socials { color: #FFFFFF; font-size: 0.9em; font-weight: bold; padding-top: 10px; } .fb-like{ margin: 10px 0; height: 20px; } #footer-socials-icons > a{ text-decoration: none; margin-right: 5px; } #footer-socials-icons > a > span{ display: inline-block; } #partenaires { background-color: #4f0f16; position: relative; z-index: 1; } #partenaires-content{ padding: 5px 10px; } #partenaires-content > span { margin-right: 20px; } #partenaires-content span { display: inline-block; } #partenaires-content > span > a{ font-size: 0.8em; text-decoration:none; } #partenaires-content > span:nth-child(1) > a, #partenaires-content > span:nth-child(2) > a{ color: #D8B27F; } #partenaires-content > span:nth-child(1) > a:hover, #partenaires-content > span:nth-child(2) > a:hover{ text-decoration: underline; } #partenaires-content > span:nth-child(4) > a{ color: white; font-weight: bold; } #xiti{ float: right; } #xiti img { vertical-align: bottom; } /* ads */ #nuggoptbuttons .nuggAnswer a { width: 60px !important; } #nuggoptbuttons .nuggAnswer a:hover { color: white !important; } .nuggTextBlock { width: 85% !important; } #interstitiel { } #banner { text-align: center !important; } #banner > div { display: inline-block; } #carreHaut, #carreBas{ min-height: 250px !important; max-height: 600px !important; } #carreHaut, #carreBas, #contenuMarque { overflow: hidden; padding: 0 !important; width: 300px !important; background-color: black !important; } .content-marque-msg:after { color: #999; content: "Communiqué de marque"; display: block; font-size: 0.65em; text-align: center; text-transform: uppercase; } /* commons css arrow */ .arrow_box { background: url("http://img1.focus-numerique.com/focus/images/texture-noir.jpg"); position: relative; } .arrow-left.arrow_box:after, .arrow_box:before { top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; } .arrow_box:after { border-width: 12px; margin-top: -12px; } .arrow_box:before { border-width: 14px; margin-top: -14px; } .arrow_box a { color: #D8B27F !important; display: block; font-size: 1em; font-style: italic; height: 26px; padding: 6px 10px; text-decoration: none; } /* left arrow */ .arrow-left{ float: left; border-radius: 0 5px 5px 0; } .arrow-left.arrow_box:after, .arrow-left.arrow_box:before { right: 100%; border-right-color: black; } /* right arrow */ .arrow-right{ float:right; border-radius: 5px 0 0 5px; } .arrow-right.arrow_box:after, .arrow-right.arrow_box:before { left: 100%; border-left-color: black; } /* bloc listing */ #news-listing, #products-listing { background: url("http://img1.focus-numerique.com/focus/images/texture-rouge.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0); display: inline-block; margin-bottom: 20px; width: 100%; } #news-listing > div, #products-listing > div { display: table-cell; padding: 15px 20px; vertical-align: middle; } #listing-name { color: #4F0F16; font-size: 1.2em; margin-top: 15px; padding: 0 10px; text-align: center; width: 105px; } #news-listing #listing-name { border-right: 1px solid #751620; float: left; margin-top: 0; padding: 25px 20px; width: 340px; } #listing-name-long { color: #4F0F16; font-size: 2em; text-align: center; width: 580px; } #filtres-actualites, #listing-types ul li a, #listing-filters { color: #FFFFFF; font-size: 0.75em; } #listing-types ul { list-style: none outside none; margin: 0; padding: 0; } .listing-types-without-filters{ /*width: 460px;*/ } .listing-types-with-filters{ border-right: 1px solid #751620; } #listing-types ul li { display: inline-block; vertical-align: top; width: 135px; } .listing-types-without-filters li { width: 220px !important; } #listing-types ul li a:link{ text-decoration: none; } #listing-types ul li a:hover{ color: #D8B27F; } #news-listing #filtres-actualites, #listing-filters { border-left: 1px solid #91313B; min-height: 52px; padding-left: 20px !important; text-align: center; } #news-listing #filtres-actualites { width: 150px; } #filtres-actualites select, #listing-filters select { color: #484a49; margin-top: 5px; } .type-selected a{ color: #D8B27F !important; font-weight: bold; } /* PAGES */ #texte_produit h1, #texte_produit h1 span, #texte_produit h2, #texte_produit h2 span, #texte_produit h3, #texte_produit h3 span { color: #D8B27F !important; font-family: 'Carme',sans-serif,Arial; font-size: 1.2em; font-weight: normal; padding: 0; text-transform: uppercase; } /* page header */ #page-header { display: inline-block; padding: 5px; width: 100%; } #title-author-date{ float: left; margin-top: 10px; } #page-title{ color: #D8B27F; font-family: 'Carme',sans-serif,Arial; font-size: 20px; } #page-author-date{ color:#FFFFFF; font-style:italic; font-size: 0.7em; } /* socials network */ .socials-icons{ float: left; margin-top: 5px; } .socials-icons > span { display: inline-block; margin-right: 5px; } .socials-icons > span:last-child{ margin-right: 0; } .socials-icons .twitter-share-button,{ width: 60px !important; } #product-navigation > ul li a:hover{ color:#D8B27F; } #product-navigation > ul li:last-child{ margin-right: 0; } #product-navigation{ width: 100%; display: inline-block; } /* product navigation */ #product-navigation > ul li { background: url("http://img1.focus-numerique.com/focus/images/texture-rouge.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0); border-radius: 5px 5px 0 0; display: inline-block; height: 50px; margin-right: 10px; text-align: center; vertical-align: middle; max-width: 100px; min-width: 80px; } #product-navigation > ul li a { color: #FFFFFF; cursor: pointer; font-size: 0.76em; font-weight: bold; line-height: 15px; padding: 10px 5px; text-align: center; text-decoration: none; text-transform: uppercase; display: block; /*width: 106px;*/ } /* when active */ #product-navigation > ul li.active { background: none repeat scroll 0 0 #ffffff; height: 60px; margin-top: -10px; padding: 10px 0; } #product-navigation > ul li.active a { color: #A92333; cursor: default; padding-top: 15px; } /* product-navigation-pages level 2 */ .hidden{ visibility:hidden; display:none; } #product-navigation-pages { background-color: #FFFFFF; display: inline-block; padding: 25px 10px 0; width: 100%; } #product-navigation-pages > ul li { border-radius: 5px; display: inline-block; margin-bottom: 20px; margin-right: 7px; } #product-navigation-pages > ul li{ position: relative; background: #000; } #product-navigation-pages > ul li a { color: #FFFFFF !important; font-size: 0.8em; } #product-navigation-pages > ul li a:hover { color: #D8B27F !important; } #product-navigation-pages > ul li #current-page{ font-weight: bold; color: #D8B27F !important; } .arrow_bottom.arrow_box:after { border-width: 14px; margin-top: -5px; } .arrow_bottom:after { border-color: #000000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-right: 14px solid rgba(0, 0, 0, 0); border-style: solid; border-width: 14px; content: " "; height: 0; left: 50%; margin-left: -14px; position: absolute; top: 100%; width: 0; } /* caractÃÆ’©ristiques */ .specifications table { width: 100%; } .specifications table tr td.titre { color: #D8B27F; font-family: 'Carme',sans-serif,Arial; font-size: 2em; padding: 10px; } .specifications table tr td.titre, .specifications table tr td.nom_carac{ text-transform: uppercase; } .specifications table tr td.titre{ color: #D8B27F; font-size: 2em; } .specifications table tr td.nom_carac { color: #A1202D; font-size: 1em; font-style: italic; font-weight: bold; min-width: 200px; border-right: } .specifications table tr td.nom_carac span { display: inline-block; margin-left: 10px; } .specifications table tr.carac_impair{ background-color: #EEEEEE; } .specifications table tr.carac_pair{ background-color: #FFFFFF; } .specifications table tr td { padding: 5px; } /* conclusions */ .conclusion table { width: 100%; } .conclusion table tr td{ border-right: 1px solid #EEEEEE; width: 50%; } .conclusion table tr td:last-child{ border-right: none; } .conclusion table tr:first-child td { text-align: center; } .conclusion table tr td span { display: inline-block; padding-bottom: 5px; } .conclusion table tr:first-child td span { padding:0; } .conclusion table tr td span { padding: 0 5px; } .conclusion table tr td:last-child { padding-left: 10px; } .conclusion table tr:first-child td p { font-style: italic; font-weight: bold; padding: 10px 0 3px; text-transform: uppercase; } .conclusion table tr:first-child td:first-child p { color: #89b700; } .conclusion table tr:first-child td:last-child p { color: #93171f; } .conclusion p { display: inline-block; margin: 0; vertical-align: middle; width: 94%; } /* prices table */ .priceContainer .priceTable.price-small { width: 200px; } .priceContainer .priceTable.price-small table{ font-size: 12px ; } .price-small .shipping, .price-small .stock, .price-small .offer-stock, .price-small .see-more-text { display: none !important; } .priceContainer > ul, .priceContainer .tab-pane, .priceContainer .priceTable .merchants .dropdown, .priceContainer .priceTable tr.actions { /* .merchants .sprite-merchants */ display: none; } .priceContainer .tab-pane.active{ display: block !important; } .sprite-merchants { display: inline-block !important; vertical-align: middle; } .priceTable tr.row-click:nth-child(1), .priceTable tr.row-click:nth-child(2), .priceTable tr.row-click:nth-child(3), .priceTable tr.row-click:nth-child(4), .priceTable tr.row-click:nth-child(5){ display: table-row !important; } .priceTable tr.row-click:nth-child(6), .priceTable tr.row-click:nth-child(7), .priceTable tr.row-click:nth-child(8), .priceTable tr.row-click:nth-child(9), .priceTable tr.row-click:nth-child(10){ display: none !important; } .price-offers tr.row-click:first-child { font-size: 14px; font-weight: bold; } .priceContainer { position: relative; } .priceContainer .tab-content { overflow: visible; } .priceContainer a { color: #000000 !important; text-decoration: none; } .priceContainer a.title { color: #7BBD11 !important; } .priceContainer.large { min-height: 170px; } .priceContainer table { background-color: #F8F8F8; border-top: 1px solid #E4E4E4; border-left: 1px solid #E4E4E4; border-right: 1px solid #E4E4E4; border-collapse: separate; border-spacing: 0; font-size: 0.8em; position: relative; width: 100%; z-index: 5; } .priceContainer table th { background-color: #F8F8F8; border-bottom: 1px solid #ECECEC; font-size: 1em; font-weight: bold; padding: 5px; text-transform: uppercase; } .priceContainer table th.shipping { text-transform: none; } .priceContainer table td, .priceContainer table th { text-align: center; } .priceContainer table td.shipping, .priceContainer table th.shipping { text-align: left; } .priceContainer table td.merchants, .priceContainer table th.merchants { border-left: 0 none; text-align: left; width: 30%; } .priceContainer table .row-click td { border-bottom: 1px solid #ECECEC; padding: 0; } .priceContainer table .row-click td.shipping, .priceContainer table .row-click td.offer-price { background-color: #f2ece0; border-bottom: 1px solid #FFFFFF; } .priceContainer table .row-click td.offer-price { border-left: 1px solid #AAAAAA; font-size: 1em; font-weight: bold; padding: 3px 10px; } .priceContainer table .row-click .stock.in { color: #7BBD11; font-size: 1em; font-weight: bold; } .priceContainer table .row-click td.see-offer { background-color: #B74C52; } .priceContainer table .row-click td.see-offer a { color: #4f0f16; } .priceContainer table .row-click td.see-offer .arrow { border-bottom: 4px solid rgba(0, 0, 0, 0); border-left: 8px solid #4F0F16; border-top: 4px solid rgba(0, 0, 0, 0); display: inline-block; height: 0; margin-top: 4px; vertical-align: top; width: 0; } .priceContainer table .row-click a { display: block; padding: 1px 5px; } .priceContainer table .row-click a:hover { text-decoration: none; } .priceContainer table .row-click:hover td { background-color: #ECECEC; } .priceContainer table .row-click:hover td.shipping, .priceContainer table .row-click:hover td.offer-price { background-color: #D8B27F; } .priceContainer table .row-click:hover td.see-offer, .priceContainer table .row-click:hover td.suggested-see { background-color: #911923; } .priceContainer .no-pane.tab-pane { border: 0 none; } .priceContainer .no-pane.tab-pane .tab-body { padding: 10px; } .priceContainer .shipping { display: table-cell; } .priceContainer .price-product-name { background-color: #f8f8f8; color: #751620; display: inline-block; font-size: 14px; padding: 5px 15px 5px 5px; font-weight: bold; } .two-products { display: inline-block; text-align: center; width: 100%; } .small .priceContainer table { font-size: 12px; width: 195px; } .priceContainer .price-small table th, .priceContainer .price-small table td { width: 30%; } .priceContainer .price-small table th:first-child, .priceContainer .price-small table td:first-child { width: 70%; } .priceContainer .price-small .priceContainer table .row-click td.suggested-title { width: 95%; } .priceContainer .price-small .priceContainer table .row-click a{ padding: 3px 5px; } .two-products .one, .two-products .two { float: left; margin: 0 1%; } @media screen and (min-width: 320px) and (max-width: 1023px) { #navbar { background-color: #000000; box-shadow: 0 1px 1px 0 #000000; margin: 0; padding: 5px; position: absolute; right: 0; width: 180px; z-index: 1030; } .navbar { min-height: auto !important; } .navbar-brand { margin-top: -10px; padding: 0 0 0 10px; } #header-top { margin-bottom: 0; } .two-products .one, .two-products .two { width: 100%; } } @media screen and (min-width: 1024px) { .two-products .one, .two-products .two { width: 48%; } } /******************************** OLD CSS ***********************************/ .centre_news2 img{ max-width: 600px !important; } #aside #pubs{ width: 300px !important; padding: 0 !important; background-color: black; } /* ads */ #box_pub { float: left; margin: 3px 0; width: 300px; } .box_gauche { background-color: #4B423B; border: 1px solid #4B423B; font-size: 11px; height: 130px; width: 146px; } .img_box_gauche { height: 47px; margin-top: 10px; width: 146px; } #box_gauche_fr { float: left; } .box_gauche_ct { float: left; padding: 0; width: 146px; } .form_prix_rech_box { float: left; margin-top: 10px; } #input_img_prix_rech_box { margin-left: 5px; margin-top: 10px; position: absolute; z-index: 120; } .input_prix_rech_box { background-color: transparent; border: 0 none; margin-left: 20px; margin-right: 5px; margin-top: 2px; position: absolute; width: 120px; z-index: 150; } .ok_prix_rech_box { margin-left: 55px; margin-top: 20px; position: absolute; z-index: 150; } .un_prix a { color: #BF964E; font-size: 12px; } .un_prix a:link { text-decoration: none; } .un_prix a:hover { text-decoration: underline; } .digixo { float: right; height: 130px; width: 146px; } .digixo_ct a { font-size: 9px; text-decoration: none; } .digixo_ct a:link { color: white; } .digixo_ct a:visited { color: gray; } .digixo_ct a:hover { text-decoration: underline; } /* fin ads */ .dnews { float: left; font-size: 0.9em; margin-bottom: 3px; margin-right: 10px; padding: 1px 0 0; } #main > .centre_news2{ background-color: #FFFFFF; color: #484A49; float: left; font-size: 0.8em; padding: 10px; width: 600px; } .centre_news2 h2 { float: left; margin: 10px 0; width: 600px; } .centre_news2 h2 a { font-size: 26px; text-decoration: none; } .centre_news2 h2 a:link { color: #760720; } .centre_news2 h2 a:visited { color: darkgray; } .centre_news2 h2 a:hover { text-decoration: underline; } .auteur_date { position: absolute; } .bloc_news_top, .bloc_news_bottom, .bloc_article_top { border: 1px solid #896B4A; float: left; height: 10px; width: 598px; } .bloc_news_top, .bloc_article_top { border-bottom: medium none; } .bloc_news_bottom { border-top: medium none; margin-top: 5px; } .date_news2 { color: #616463; float: left; font-size: 11px; font-weight: bold; margin-left: 10px; margin-right: 10px; margin-top: -5px; width: 580px; } .news_txt_ct { margin-bottom: 15px; } .news_txt_ct a { color: #89744A; } .source_mail { float: left; margin: 10px 0; width: 600px; } .list_source { float: right; margin-top: 10px; } .list_source a, .proposition_a_lire a { color: #896B4A; text-decoration: none; } .proposition_a_lire a { font-style: italic; margin-left: 5px; } .list_source a:hover, .proposition_a_lire a:hover { text-decoration: underline; } #mail_reactions_news, #mail_reactions { padding-top: 5px; } #mail_news, #social_icons { float: left; margin-top: 10px; } #social_icons a:hover{ text-decoration: none !important; } #social_icons > span:first-child { display: inline-block; float: left; font-size: 1em; font-weight: bold; padding-right: 5px; padding-top: 8px; } #social_icons div { float: left; margin-right: 4px; } #social_icons a:link, #social_icons a:visited { display: block; height: 30px; text-decoration: none; width: 29px; } div.facebook_icon a:link, div.facebook_icon a:visited { background: url("http://img1.lesnumeriques.com/images/social/social_icons_sprite.png") no-repeat scroll 0 -304px transparent; } div.twitter_icon a:link, div.twitter_icon a:visited { background: url("http://img1.lesnumeriques.com/images/social/social_icons_sprite.png") no-repeat scroll 0 -342px transparent; } div.digg_icon a:link, div.digg_icon a:visited { background: url("http://img1.lesnumeriques.com/images/social/social_icons_sprite.png") no-repeat scroll 0 -228px transparent; } div.mail_icon a:link, div.mail_icon a:visited { background: url("http://img1.lesnumeriques.com/images/social/social_icons_sprite.png") no-repeat scroll 0 -266px transparent; } div.facebook_icon a:hover { background: url("http://img1.lesnumeriques.com/images/social/social_icons_sprite.png") no-repeat scroll 0 -114px transparent; } div.twitter_icon a:hover { background: url("http://img1.lesnumeriques.com/images/social/social_icons_sprite.png") no-repeat scroll 0 -152px transparent; } div.digg_icon a:hover { background: url("http://img1.lesnumeriques.com/images/social/social_icons_sprite.png") no-repeat scroll 0 -38px transparent; } div.mail_icon a:hover { background: url("http://img1.lesnumeriques.com/images/social/social_icons_sprite.png") no-repeat scroll 0 -76px transparent; } #news_mois_s { margin-left: 10px; } #news_mois_p, .news_mois_p_vide { margin-right: 10px; padding-left: 125px; } .news_mois_p_vide { float: left; width: 35px; } .news_mois_sv a { display: block; text-decoration: none; } .titre_h1 { float: left; margin-top: 5px; } #h1_mois { float: left; margin: 10px 0; width: 610px; } .news_mois_sv { float: left; height: 35px; width: 35px; } .news_mois_sv a { display: block; } /* reaction forum */ .mail_reactions_news { float: left; margin: 10px 0; width: 600px; } .mail_news { float: left; } .reactions_news { float: right; text-align: right; } .reactions_news p { color: #484A49; float: left; font-size: 11px; margin: 0; } .reactions_news a { float: left; font-style: italic; } .reactions_news_img { height: 29px; width: 29px; } #mail_news a:link, .reactions_news a:link { color: #896B4A; text-decoration: none; } #mail_news a:visited, .reactions_news a:visited { color: gray; text-decoration: none; } #mail_news a:hover, .reactions_news a:hover { text-decoration: underline; } /* fin reaction forum */ /* bloc teste dernierement */ #testes_der { float: left; width: 300px !important; padding:0 !important; } #bandeau_testes_der_3_fr { background-image: url("http://img1.focus-numerique.com/focus/images/bandeau_testes_der_3_fr.gif"); } #bandeau_testes_der_fr { background-image: url("http://img1.focus-numerique.com/focus/images/bandeau_testes_der_fr.gif"); } .bandeau_testes_der { float: left; height: 21px; width: 300px; } #testes_der ul { background-color: #4B4D4D; float: left; list-style: none outside none; margin: 0; padding: 0; width: 300px; } #testes_der ul li { border-top: 1px solid #BEA468; float: left; width: 300px; } #testes_der ul li a { color: white; float: left; font-size: 12px; padding: 5px; text-decoration: none; width: 290px; } #testes_der ul li a:link { color: white; } #testes_der ul li a:visited { color: DarkGray; } #testes_der ul li a:hover { background-color: #715A42; } #testes_der img { float: right; } /* fin teste dernierement */ /* couleur dates */ #list_news_nsp > ul > li > a > div:first-child { color: #DAC69E; margin-left: 5px; } .dj { color: orangered; } .dn { color: #000000; } .dner { text-align: center; width: 35px; } /* fin couleur date */ .bloc_news, #bloc_liste_des_news{ display: inline-block; width: 100%; } .bloc_news, #bloc_liste_des_news { background-color: white; } .bloc_news { padding: 10px; font-size: 13px; } .bloc_news a:link { color: #89744a; text-decoration: none; } .bloc_news a:visited { color: #555555; } .bloc_news a:hover { color: #89744a; text-decoration: underline; } /* bloc liste des news suivante précédente */ #bloc_liste_des_news { display: none; padding: 0 10px 15px; margin-bottom: 20px; } .list_news { background: url("http://img1.lesnumeriques.com/images/fond/bandeau_news_gris2.png") repeat scroll 0 0 transparent; border: 1px solid white; float: left; font-size: 12px; } .bloc_titre_news { float: left; height: 34px; } .list_news ul { color: #F0F0F0; float: left; list-style: none outside none; margin: 0; padding: 0; } .list_news ul li a { padding: 5px 5px 5px 0; text-decoration: none; } .list_news ul li a:link { text-decoration: none; } .list_news ul li a:visited { text-decoration: none; } .list_news ul li a:hover, .list_news ul li:hover { background-color: #4B4D4D; color: white; text-decoration: none; } #a_news_precedente { background: url("http://img1.focus-numerique.com/focus/images/news_precedente.gif") no-repeat scroll 0 0 transparent; } #a_news_precedente:hover { background: url("http://img1.focus-numerique.com/focus/images/news_precedente2.gif") no-repeat scroll 0 0 transparent; } #a_news_suivante { background: url("http://img1.focus-numerique.com/focus/images/news_suivante.gif") no-repeat scroll 0 0 transparent; } #a_news_suivante:hover { background: url("http://img1.focus-numerique.com/focus/images/news_suivante2.gif") no-repeat scroll 0 0 transparent; } #list_news_nsp ul li a { display: block; width: 515px; } .liens_nsp { color: black; } .liens_nsp:visited { color: gray; } .hover { background-color: #715A42; color: white; text-decoration: none; } #list_news_nsp { border: 1px solid gray; margin-left: 3px; margin-right: 3px; width: 520px; } #list_news_nsp ul { background-color: #363737; width: 520px; } .list_news ul li a:link { color: #DAC69E; } .list_news ul li a:visited { color: DarkGray; } .list_news ul li a:hover { background-color: #715A42; color: #DAC69E; } #list_news_nsp ul li { float: left; width: 520px; } #nec { background-color: darkgray; color: black; padding: 5px 0; } .nec_titre { float: left; margin-bottom: 1px; } .nsp_p0 { margin-top: 0; } .nsp_p1 { margin-top: 22px; } .nsp_p2 { margin-top: 45px; } .nsp_p3 { margin-top: 68px; } .nsp_p4 { margin-top: 94px; } .nsp_p5 { margin-top: 120px; } .nsp_p6 { margin-top: 141px; } .dnsp { padding: 1px 0 0 3px; width: 32px; } .titre_news_nsp { padding-left: 6px; padding-right: 2px; width: 477px; } /* fin liste des news suivante prÃÆ’©cedente */ #titre_liste_news { color: #484A49; margin: auto; padding-bottom: 5px; text-align: center; font-size: 13px; } #liste_des_news { margin: auto; display: inline:block; width: 100%; } #liste_des_news_content { float: left; } .list_item h1, .tab_news h1, .list_item h2 a { color: #534A43; font-size: 16pt; margin-bottom: 0; } .list_item h2 { margin-bottom: 0; } .list_item h2 a:link { text-decoration: none; } .list_item h2 a:visited { color: gray; text-decoration: none; } .list_item h2 a:hover { text-decoration: underline; } .tab_news h1 { text-align: center; } .tab_news h2 { color: #534A43; font-size: 10pt; margin-bottom: 2px; } #news_suivante, #news_precedente { float: left; } #news_precedente, #news_suivante { height: 35px; width: 35px; } #liste_des_news a { display: block; } #a_news_precedente, #a_news_suivante { height: 35px; width: 35px; } .tab_news { padding: 10px; text-align: left; width: 600px; } .tab_news h1 { text-align: center; } .list_item h1, .tab_news h1, .list_item h2 a { color: #760720; font-size: 16pt; margin-bottom: 0; } .tab_news h2 { color: #760720; font-size: 10pt; margin-bottom: 2px; } .tab_news a { text-decoration: none; } .tab_news a:link { color: #AC905B; } .tab_news a:visited { color: #484A49; } .tab_news a:hover { text-decoration: underline; } /* liens associes */ #liens_associes { float: left; width: 300px !important; padding:0 !important; } #bandeau_liens_associes_fr { background-image: url("http://img1.focus-numerique.com/focus/images/bandeau_liens_associes_fr.gif"); } .bandeau_liens_associes { float: left; height: 21px; width: 300px !important; } #liens_associes ul { background-color: #363737; float: left; width: 300px; margin: 0; padding: 0; list-style: none; } #liens_associes ul li { border-top: 1px solid #3E4242; float: left; width: 300px; } #liens_associes ul li a { float: left; font-size: 12px; padding: 5px 11px 5px 0; text-decoration: none; width: 289px; } #liens_associes ul li a:link { color: #DAC69E; } #liens_associes ul li a:visited { color: DarkGray; } #liens_associes ul li a:hover { background-color: #715A42; } /* ct td */ #ct_td { background-color: white; padding: 10px; display: inline-block; width: 100%; } #titre_td_ct { border-bottom: 1px dashed #BEA468; border-top: 1px dashed #BEA468; color: #A6373A; float: left; font-size: 26px; font-weight: bold; margin-bottom: 10px; margin-top: 0; padding: 5px 0; text-align: center; width: 600px; } .separateur_art { border-top: 1px solid #BEA468; float: left; margin-bottom: 10px; width: 600px; } #latest_news, #latest_products{ background-color: white; padding: 10px; display: inline-block; width: 100%; font-style: 14px; } #latest_news a{ text-decoration: none; color: #AC905B; } #latest_news a:visited { color: #484A49; } #latest_news .item{ display: inline-block; margin-bottom: 10px; width: 100%; } #latest_news .item .image{ float: left; height: 80px; margin-right: 10px; width: 80px; } #latest_news .item .titre:hover{ text-decoration:underline; color: #484A49; } #latest_news .item .auteur{ font-size: 8pt; color: #000; } #latest_news .item .content{ font-size: 9pt; color: #484A49; } #pagination { text-align: center; } #pagination a{ background-color: #484A49; border-radius: 5px 5px 5px 5px; display: inline-block; padding: 5px 10px; cursor:pointer; } #pagination a.current, #pagination a:hover{ background-color: #AC905B; color: #484A49; cursor: default; font-weight: bold; } /* fin ct td */ /* pages produits */ #titre_produit { color: #760720; float: left; font-size: 35px; font-weight: bold; margin-bottom: 10px; text-align: center; width: 600px; } #fil_ariane { float: left; height: 110px; width: 314px; } #liste_menu { float: left; font-size: 0.7em; height: 110px; list-style: none outside none; margin: 0; padding: 0; width: 150px; } #liste_menu li { border-bottom: 1px solid white; float: left; } #liste_menu li a { color: white; float: left; height: 13px; padding: 4px; text-decoration: none; width: 139px; } #bloc_sous_menu { background-color: #932918; border-bottom: 1px solid white; float: left; height: 109px; width: 164px; } .liste_menu_defaut { background-image: url("http://img1.focus-numerique.com/focus/images/liste_menu_art_normal.gif"); float: left; height: 21px; width: 147px; } .liste_menu_en_cours { background-image: url("http://img1.focus-numerique.com/focus/images/liste_menu_art_hover.gif"); color: black; float: left; height: 21px; width: 150px; } .sous_liste_menu { padding: 5px 10px; position: absolute; width: 144px; } .sous_liste_menu a { font-size: 0.7em; text-decoration: none; } .sous_liste_menu a:link { color: white; } .sous_liste_menu a:visited { color: #A0A0A0; } .sous_liste_menu a:hover { color: #DAC69E; } .sous_menu_defaut { visibility: hidden; } .sous_menu_en_cours { visibility: visible; } #page_en_cours { font-weight: bold; } .tab_prix_prod { background-color: #FFFFFF; float: left; padding: 1%; width: 98%; } .tab_prix_prod_v2{ float: left; width: 100%; } .prices_long table{ border-spacing:0; } .prices_long .actions .icons, .prices_long .dropdown, .prices_long table thead{ display:none; } .prices_long table td.compare{ text-align:left !important; } .prices_long table tr.actions { display:none; } .cel_g a, .cel_g_prix_v3 a, .cel_d_prix_v3 a, .prices_long table td a, .prices_long table td, .prices_long .priceContainer a{ color: black; font-size: 12px; text-decoration: none; } .cel_g a:hover, .cel_g_prix_v3 a:hover, .cel_d_prix_v3 a:hover, .prices_long table td a:hover { color: #790210; text-decoration: underline; } .cel_g, .cel_g_prix_v3, .prices_long table td:first-child{ width :84%; } .cel_d_prix_v3, .prices_long table td:last-child { color:black; font-weight: bold; text-align: right; width: 96px; } a.compare_prix, .prices_long table td.compare a{ color: #790210 !important; font-size: 10px; font-style: italic; text-align: right; } #page_a_la_une_top_background { display: none; } #caracteristiques { background-color: #F1E9D4; background-image: url("/mise_en_page/images/background_bottom_caracteristiques.gif"); background-position: center bottom; background-repeat: no-repeat; display: block; float: left; margin-left: 10px; margin-right: 10px; margin-top: 10px; padding: 0; width: 380px; } #caracteristiques li { color: #B51621; display: block; list-style-type: none; width: 380px; } #caracteristiques_top { background-image: url("http://img1.focus-numerique.com/focus/mise_en_page/images/background_top_caracteristiques.gif"); background-repeat: no-repeat; display: block; padding: 0; width: 380px; } .caracteristiques_li_pair { background-color: #F2E1C3; } #caracteristiques p { color: #B51621; font-size: 13px; margin-bottom: 0; margin-top: 0; padding-left: 5px; padding-right: 3px; padding-top: 0; vertical-align: top; } .span_indent_carasteristiques { color: #484A49; display: block; font-size: 12px; margin-bottom: 3px; margin-left: 125px; margin-top: -16px; text-align: right; width: 250px; } .caracteristiques_li_impaire { background-color: #F9F0E1; } #page_a_la_une img { border: 0 none; float: right; text-decoration: none; } .image_article { background-color: #000000; color: #FFFFFF; float: left; margin-bottom: 10px; padding-top: 0; text-align: center; } .ul_article_image { background-color: #000000; color: #FFFFFF; list-style-type: none; text-align: center; text-decoration: none; } #page_a_la_une .ul_article_image img { max-width: 292px; } #page_a_la_une .ul_article_image img:first-child { float: left; margin-left: 4px; } #page_a_la_une .ul_article_image img:last-child { float: right; margin-right: 4px; } #bloc_noir { float: left; width: 600px; } #bloc_noir_texte { float: left; margin-top: 10px; width: 600px; } #bloc_noir img { float: left; margin-left: 0; } #bloc_image_interface { background-color: black; color: white; float: right; margin-bottom: 10px; margin-left: 10px; padding: 10px 10px 0; width: 280px; } #bloc_image_interface div { float: left; width: 300px; } #bloc_image_interface p, #bloc_image_interface div img { float: left; font-size: 10px; margin: 0; } #bloc_image_interface p { margin: 10px 0; } #galerie_image img { margin-left: 0; } #article_bloc_couleur_img { border: 0 none; float: right; margin-left: 20px; margin-right: 5px; margin-top: 5px; text-align: left; text-decoration: none; } #content_produit { display: inline-block; width: 100%; background-color: white; margin-bottom: 15px; } #content_produit img, #content_produit object, #content_produit embed, #texte_produit iframe, .news_txt_ct > iframe { max-width: 100%; } .news_txt_ct > iframe { overflow: hidden; } #categorie_page_produit { color: #83734A; float: left; font-size: 16px; margin: 20px 0 10px; width: 600px; } #titre_page_produit { color: #760720; float: left; font-size: 26px; font-weight: bold; margin: 0 0 30px; width: 600px; } #chapeau { color: black; font-size: 12px; font-weight: bold; margin-bottom: 15px; } #photo_produit, #photo_produit img { float: right; height: 388px; padding: 0 10px 10px; width: 388px; } #photo_produit img { float: right; height: 378px; width: 368px; } #texte_produit { color: #484A49; font-size: 0.8em; padding: 10px; } .texte-produit-bottom { padding: 10px; } #texte_produit td:first-child > img { max-width: 290px; } #texte_produit a, .contact a { color: #751620; } #texte_produit a:hover { text-decoration: underline; } .page_a_la_une_img_principale { float: right; } #tableau_caracteristiques { display: block; font-size: 12px; margin-bottom: 15px; width: 600px; } #tableau_caracteristiques table tr td.img_carac { padding: 0; } #bandeau_caracteristiques_fr { background-image: url("http://img1.focus-numerique.com/focus/images/bandeau_caracteristiques_fr.gif"); } .bandeau_caracteristiques { height: 18px; width: 600px; } #tableau_caracteristiques table tr td { color: #484A49; font-size: 12px; padding: 2px; vertical-align: top; } .carac_pair { background-color: #E5DBC7; } #tableau_caracteristiques table tr td.nom_carac { color: #760720; font-weight: bold; width: 120px; } #objectif_choisi { background-color: #E5DBC7; float: left; margin-bottom: 17px; width: 311px; } #bandeau_objectif_choisi_fr { background-image: url("http://img1.focus-numerique.com/focus/images/bandeau_objectif_choisi_fr.gif"); } .bandeau_objectif_choisi { height: 21px; width: 311px; } #titre_objectif_choisi { color: #760720; float: left; font-size: 20px; font-weight: bold; padding: 10px; width: 281px; } #texte_objectif_choisi { color: #484A49; float: left; font-size: 12px; padding: 0 10px 10px; width: 281px; } #image_objectif_choisi { float: left; margin-top: 10px; text-align: center; width: 281px; } .prec_suiv { float: left; margin-top: 10px; padding: 10px; width: 580px; } .article_bloc_couleur { background-color: #89744A; float: left; margin: 10px 0; padding-left: 10px; width: 590px; } .article_bloc_couleur p { background-color: #F4E6CD; margin: 0; padding: 10px 0 10px 10px; } #page_a_la_une .article_bloc_couleur img, #page_a_la_une table img { margin-left: 0; } .cel_g { padding: 2px 5px; } .celb_g { background-color: #F9F0E1; padding: 2px 5px; } .tab_perf { margin: 10px 0; width: 600px; } .legend_perf { font-size: 10pt; } #res_performance { display: none; } .taille_425 { width: 425px; } .taille_30 { width: 30px; } .taille_35 { width: 35px; } .taille_40 { width: 40px; } .spacing_d { border-right: 1px solid black; } .perf_cell { text-align: center; } .commentaires { padding-left: 5px; text-align: left; } #galerie_image { float: left; width: 600px; } .pic_data, .pic_data2 { background-color: #8F8F8F; font-size: 9pt; margin: auto auto 10px; padding: 5px; text-align: center; width: 240px; color: #000; } .pic_test, .pic_test2 { margin-top: 20px; } .tab_pics_vertical { margin-bottom: 20px; text-align: center; } .ex_img, .ex_img2 { float: left; text-align: center; } .ex_img img, .ex_img2 img { float: none; } .pic_test2 { width: 300px; display: inline-block; } .pic_test2 img{ max-width: 295px !important; } .ex_img2 { float: left; text-align: center; } .conclusion_table { width: 290px; } .conclusion_table h2 { text-align: center; } #article_bloc_note { background-color: #F4E6CD; border-left: 9px solid #B51621; float: left; font-size: 10pt; margin-left: 1px; margin-top: 22px; width: 340px; } #titre_note { background-color: #F9F0E1; color: #9B0A29; font-size: 13px; font-weight: bold; padding: 2px 5px; } .nom_carac { text-align: right; width: 170px; } #article_bloc_note div.nom_carac { float: left; } .note_carac { float: right; width: 170px; } .odd { background-color: #F4E6CD; padding: 2px 5px; } .even { background-color: #F9F0E1; padding: 2px 5px; } .img_art_legende { background-color: black; color: white; float: left; margin-bottom: 10px; text-align: center; width: 600px; } .image_article1 { float: left; width: 600px; } .ul_article_image { background-color: #000000; float: left; margin: 0; padding: 0; width: 600px; } .li_article_image { float: left; text-align: center; width: 150px; } .li_article_image img { float: left; height: 224px; text-decoration: none; } .li_article_image a { color: white; float: left; text-decoration: none; } #page_a_la_une .ul_article_image img { max-width: 147px !important; } .ul_article_image .li_article_image img:first-child, .ul_article_image .li_article_image img:last-child{ margin:0 !important; } .pages { float: left; font-size: 13px; margin: 10px 0; text-align: center; width: 640px; } .pages a { color: #AC905B; } .pages b { color: #760720; margin: 0 10px; } .date_art { color: #000; font-size: 0.7em; } /* listing articles */ .articles_lies { float: left; margin-bottom: 10px; width: 600px; } .img_article { float: left; height: 100px; width: 120px; } .ct_article { float: left; margin-left: 10px; width: 470px; } .titre_article { float: left; width: 470px; } .titre_article a { color: #A6373A !important; font-size: 1.1em; /* font-weight: bold;*/ text-decoration: none; } .titre_article a:hover { text-decoration: underline; } .texte_article { color: #484A49; float: left; font-size: 0.8em; } .texte_article a { text-decoration: none; } .texte_article a:link { color: #896B4A; } .texte_article a:visited { color: gray; } /* listing type */ #bloc_types { float: left; margin-bottom: 15px; padding: 10px 130px; width: 360px; } .type_cat { float: left; width: 180px; } .type_cat a { font-size: 10pt; text-decoration: none; } .type_cat a:link { color: #BF964E; } .type_cat a:hover { text-decoration: underline; } .type_cat a:visited { color: gray; } #ct_g .contact{ min-height:716px; width:600px; padding:10px; background-color:white; } #ct_g .contact .pave{ border-color: #726A5F; border-style: solid; border-width: 2px 1px; margin: 10px 0; padding: 10px 5px; } #ct_g .contact .pave table img{ max-width: 290px; } #liens-associes ul li a { float: left; font-size: 12px; padding: 5px 11px 5px 0; text-decoration: none; width: 300px; } /* responsive */ @media screen and (min-width: 320px) and (max-width: 480px) { #header-content > a { display: block; text-align: center; width: 100%; } #menu > li > a > span { display:none; } #menu > li > a { background-image: none !important; padding: 0; min-width: inherit; text-align: left; } #menu .sub-menu { left: 0; padding: 10px; width: 100%; } .sub-menu-filigrane { display: none; } .sub-menu-elements { border-left: none; } .sub-menu-elements, .sub-menu-elements ul { height: auto; width: auto; } .sub-menu-elements > ul:last-child { border-right: none; } .sub-menu-elements ul { border-left: none; } #footer { padding-top: 20px; margin: 0; } #contact { background-color: #751620; display: inline-block; padding: 5px 10px; width: 100%; } #socials-and-sitemaps{ display: none; } #facebook-last-posts { width: 100%; } #facebook-last-posts .content-title { width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { #header-content > a { float: left; } #header-content { display: inline-block; } #menu { float: left; max-width: 71% ; } #menu > li { float: left; } #menu > li > a { min-width: 70px; } #menu > li > a, #socials-and-sitemaps #footer-menu > ul > li { font-size: 0.8em; } #aside { width: 100%; } #aside #ifr_pub { margin-right: 20px; } } @media screen and (min-width: 1024px) { #latest-articles ul li .item-text { display: inline-block; width: 170px; } #main { margin-bottom: 0; max-width: 620px; } #news { margin-top: 0; } #see-more-news { position: absolute; } #aside { float: right; } #contact { float: left; margin-right: 20px; width: 194px; } } #content-v2{ background-color: #000000; border-color: #333333; border-radius: 1px; border-style: solid; border-width: 1px; box-shadow: 0 0 7px #000000; margin: 10px auto auto; max-width: 1000px; position: relative; z-index: 1; padding: 0; } .row { margin-left: 0; margin-right: 0; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-left: 0; padding-right: 0; } #header { background-image: none; padding: 5px; } #header .container{ max-width: 1000px; } .navbar { min-height: 120px; } .navbar-brand, .navbar-nav > li > a { text-shadow: inherit; color: #bbbbbb; } #menu-v2 > li > a span { display: block; left: 50%; margin-left: -23px; position: absolute; top: 10px; } #menu-v2 > li > a { display: inline-block; font-size: 0.9em; font-weight: bold; margin: 0; padding: 61px 0 0; position: relative; text-align: center; color: #bbb; min-width: 98px; } #menu-v2 > li > a:hover, #menu-v2 > li.open > a, #menu-v2 > li.open, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: black; color: #a92333; } #menu-v2 > li > a:hover > .sprite-menu-actualites, #menu-v2 #menu-actualites.open > a > span {background-position:0 -941px;} #menu-v2 > li > a:hover > .sprite-menu-tests, #menu-v2 #menu-tests.open > a > span {background-position:0 -1683px;} #menu-v2 > li > a:hover > .sprite-menu-apprendre, #menu-v2 #menu-apprendre.open > a > span {background-position:0 -1025px;} #menu-v2 > li > a:hover > .sprite-menu-culture, #menu-v2 #menu-culture.open > a > span {background-position:0 -1109px;} #menu-v2 > li > a:hover > .sprite-menu-forum, #menu-v2 #menu-forum.open > a > span {background-position:0 -1193px;} #menu-v2 > li.item-event a { color: #a1202d; font-weight: normal; text-decoration: none; background-position: center 15px; background-repeat: no-repeat; } .navbar-nav { margin: 0; } .navbar-brand { height: inherit; padding: 0 0 0 30px; } .navbar-collapse.collapsing { border: 0; box-shadow: inherit; } .navbar-toggle { margin-top: 48px; } .navbar-collapse.in { background-color: #000000; box-shadow: inherit; border: 0; } .navbar-collapse.collapsing #menu-v2 > li > a, .navbar-collapse.in #menu-v2 > li > a { padding: 0; text-align: left; } .navbar-collapse.collapsing #menu-v2 > li > a span, .navbar-collapse.in #menu-v2 > li > a span { display: none; visibility: hidden; } .navbar-collapse.collapsing #menu-v2 > li.item-event a, .navbar-collapse.in #menu-v2 > li.item-event a { background-image: none !important; } .navbar-collapse.in #menu-v2 > li > .dropdown-menu { padding: 5px; } .navbar-collapse.in #menu-v2 > li > .dropdown-menu > li, .navbar-collapse.in #menu-v2 > li > .dropdown-menu > li > a { padding: 0; } .dropdown-menu { background: url("http://img1.focus-numerique.com/focus/images/texture-rouge.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0); box-shadow: inherit; border-radius: 0; } .dropdown-menu > li > a { padding: 3px 0; } .dropdown-menu > li > a:link, .navbar-default .navbar-nav .open .dropdown-menu > li > a:link { color: white; } .dropdown-menu > li > a:visited, .navbar-visited .navbar-nav .open .dropdown-menu > li > a:visited { color: #bababa; } .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color: #d8b27f; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: transparent; background-image: inherit; } #alune { margin:0; opacity: 0.8; padding: 5px; position: absolute; z-index: 1; background-color: #000000; } .contact { background-color: #ffffff; color: #484a49; font-size: 0.8em; padding: 10px; } .contact .pave { border-color: #726a5f; border-style: solid; border-width: 2px 1px; margin: 10px 0; padding: 10px 5px; } .legend { text-align: center; } .two-images { display: inline-block; width: 49%; } .juxtapose img { height: inherit !important; max-width: inherit !important; } #contact img { display: block; margin: 5px auto; } @media screen and (min-width: 320px) and (min-width: 480px) { #header-top, #header-content, #content, #footer-content, #partenaires-content { width: inherit; } #footer-content { padding: 20px 10px 10px; } } @media screen and (min-width: 481px){ #footer-content { padding: 30px 10px 10px; } #contact img{ margin:5px 0; } } @media screen and (max-width: 767px){ .navbar-toggle { margin-top: 10px; } #logo { height: 50px !important; } #header-top { display: inline-block; float: right; margin-bottom: 10px; width: 100%; } #facebook-last-posts #see-more-posts { display: inline-block; } #aside { display: none; } #listing-name { margin-top: 0; } #news-listing > div, #products-listing > div { display: inline-block; width: 100%; padding: 5px 20px; } #news-listing #filtres-actualites, #listing-filters { min-height: inherit; } } @media screen and (max-width: 768px) { #latest-articles ul li img, #latest-articles ul li .item-text { vertical-align: text-top; display: inline-block; } #latest-articles ul li .item-text { max-width: 63%; } #news { margin-top: 20px; } #see-more-news { position: relative; bottom: 0; display: inline-block; margin-bottom: 20px; } #aside { margin: auto; float: none; } } @media screen and (min-width: 768px) { #title-author-date{ margin: 0; } #page-title{ width: 420px; font-size: 26px; } .socials-icons{ float: right; margin: 0; } .two-images { display: inline-block; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .col-md-8 { float: left; width: 57%; } #news { margin-top: 20px; } #aside { float: right; width: 300px; } } @media screen and (max-width: 1023px){ #latest_news .item, #latest_products .articles_lies { border-bottom: 1px solid #d0d0d0; padding-bottom: 10px; width: 100%; } #latest_news .item .image, #latest_news .list-content, #latest_products .img_article, #latest_products .ct_article { display: table-cell; float: none; vertical-align: middle; } #latest_news .list-content, #latest_products .ct_article { padding-left: 10px; } #news-listing #listing-name { float: none; margin-top: 0; padding: 25px 10px; width: auto; } #latest_products .titre_article, #latest_products .texte_article{ float: none; width: auto; } /* tests */ /* menu nav product*/ #product-navigation { margin-top: 20px; } #product-navigation > ul { margin-top: 20px; } #product-navigation > ul li.active { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); height: 60px; margin-top: 0; padding: 15px 0; } #product-navigation > ul li { background: none; border-radius: 0; display: inline-block; width: 45px; min-width: inherit; height: inherit; } #product-navigation > ul li.active { padding: 0; } #product-navigation > ul li.active a { padding-top: 15px; } #product-navigation > ul li a { display: block; line-height: 12px; -ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */ transform: rotate(-45deg); } .arrow_bottom:after { display: none; } .specifications table tr td.nom_carac { width: 70px; min-width: 70px; } .prec_suiv { width: 98%; display:inline-block; } .arrow_box a, { height: inherit; max-width: 120px; } .image_article1, .ul_article_image { display: inline-block; width: 100%; float: none; } .li_article_image { display: inline-block; text-align: center; width: 50%; } .li_article_image img { width: 100%; } .img_art_legende, .pic_test, .pic_test2, .ex_img, .ex_img2 { float: none; display: inline-block; width: 100%; } .conclusion p { width: 90%; } #texte_produit table { width: 100% !important; } #texte_produit table div{ width: 50% !important; } #texte_produit td > img { width: 100% !important; max-width: 100% !important; } } @media screen and (min-width: 1024px){ #header-top, #header-content, #content , #footer-content, #partenaires-content { margin: auto; width: 960px; } #latest-articles, #latest-news { max-width: 310px; } #news{ float: right; margin-top: 0; } #content-row { padding: 10px 20px; } #bloc_liste_des_news { display: inline-block; } } /* pseudo codes */ .guide-product { border-bottom: 1px solid #e9e9e9; display: inline-block; padding-bottom: 15px; width: 100%; } .guide-product div.product-desc .product-title { margin-top: 0px; } .guide-product a:hover { text-decoration: none; } .guide-product div.product-desc .product-title a { color: #333333; font-size: 14px; font-weight: bold; } .guide-product div.product-desc .product-title a .guide-title { color: #d8b27f; font-size: 14px; } .guide-product .see-more-guide { background-color: #d8b27f; font-size: 12px; } .guide-product .see-more-guide span{ margin-right: 5px; } /* citations */ .highlight { border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; position: relative; padding-left: 70px; } .highlight span.text:before { background: url("http://img1.focus-numerique.com/focus/images/editor-highlight.png") no-repeat scroll 0 0 #ffffff; content: ""; height: 57px; left: 0; position: absolute; top: -1px; width: 70px; } .highlight span.text .name { color: #d8b27f; text-transform: uppercase; } .highlight span.text .poste { color: #666666; } /* two products */ .two-products a span, .three-products a span { font-weight: bold; margin: 5px 0; display: block; } .two-products .priceContainer .priceTable.price-small, .three-products .priceContainer .priceTable.price-small { padding: 0 3%; width: 100%; } @media screen and (min-width: 320px) { .guide-product > div{ display: inline-block; width: 100%; } .guide-product .priceTable.price-small { width: 100%; } .highlight { font-size: 16px; } .highlight span.text .name { font-size: 10px; } .highlight span.text .poste { font-size: 10px; } } @media screen and (min-width: 1024px) { .guide-product > div{ display: table-cell; width: 33%; } .guide-product div.product-view, .guide-product div.product-prices { vertical-align: top; } .guide-product div.product-view img { max-width: 200px !important; } .guide-product div.product-desc { padding: 0 1%; } .guide-product div.product-desc .product-title a .guide-title { display: block; margin-bottom: 5px; } .highlight { font-size: 20px; } .highlight span.text .name { font-size: 11px; } .highlight span.text .poste { font-size: 11px; } .three-products > div { display: inline-block; width: 32%; } } /* LIBS */ /* Visit http://www.menucool.com/responsive-slider for instructions */ #ninja-slider { width:100%; margin:0 auto; /*center aligned*/ background:#222; } #ninja-slider > ul { padding:0; margin:0; } /* slide */ #ninja-slider li > div, #ninja-slider li > a { max-width:960px; margin:0 auto; /* center each slide */ border-radius:6px; /*background:#999;*/ position: relative; display:block; box-shadow: 0 1px 5px rgba(0,0,0,.8),inset 0 0 1px rgba(255,255,255,.4); transition:none!important; } /* loading image indicator */ #ninja-slider div.preload { background: black url(loading.gif) no-repeat center center; } /*----- video -----*/ #ninja-slider a.video { position:absolute; border:0;top:0;left:0; width:100%;height:100%; background:transparent url(video.png) no-repeat 50% 50%; transition:none!important; } /*------ pager ------*/ /* The pager id should be: slider id "-pager" */ #ninja-slider-pager { padding-top:12px; /* set the distance away from the slider */ margin:0 auto; /* center align */ text-align:center; display:table; font-size:0; } #ninja-slider-pager a { display:inline-block; width: 10px; height: 10px; background-color: #CCCCCC; font-size:0; margin:2px 6px; cursor:pointer; border-radius:10px; box-shadow:inset 0 1px 3px #666666; } #ninja-slider-pager a:hover { opacity:0.6; } #ninja-slider-pager a.active { background-color:#1293dc; box-shadow:inset 0 1px 3px -1px #28b4ea,0 1px 1px rgba(0,0,0,.5); background-image:linear-gradient(top,#1293dc,#0f6297); } /* --------- navigation controls ------- */ /* The nav id should be: slider id ("-prev", "-next", and "-pause-play") */ #ninja-slider-prev, #ninja-slider-next { position: absolute; top: 40%; width:50px; height:60px; display:inline-block; margin:0; background-image: url(navs.png); background-repeat:no-repeat; background-color:rgba(0,0,0,0.4); transition:width 0.5s; line-height:50px; color:white; overflow:hidden; font-size:13px; } #ninja-slider-prev { left: 0; border-radius:0 4px 4px 0; background-position:0 0; } #ninja-slider-next { right: 0; border-radius:4px 0 0 4px; background-position:100% -60px; } #ninja-slider-prev:hover, #ninja-slider-next:hover {width:100px;} /*pagination within the prev/next buttons*/ #ninja-slider-prev div {margin-left:60px;white-space:nowrap;} #ninja-slider-next div {float:right;margin-right:60px;white-space:nowrap;} #ninja-slider-pause-play { display:none;} /* Other settings -------------------------------------------- */ #ninja-slider h2 { position:absolute;font-size:110px;width:100%;font-family:Arial;font-weight:bold;top:30%;text-align:center;color:#FFF; } #ninja-slider h3 { position:absolute;font-size:30px;width:100%;font-family:Arial;font-weight:lighter;top:30%;text-align:center;color:#FFF;padding-top:180px; } /*styles for mobile*/ @media only screen and (max-width: 600px) { #ninja-slider h2 { top:22%; font-size:40px; } #ninja-slider h3 { top:22%; font-size:20px; padding-top:60px; } } /* Usually you don't need to change the following settings ---------------------------------------------------------- */ #ninja-slider > ul { -webkit-backface-visibility: hidden; -webkit-perspective: 1000px; backface-visibility: hidden; perspective: 1000px; -webkit-tap-highlight-color: transparent; } #ninja-slider-pager, #ninja-slider-prev, #ninja-slider-next, #ninja-slider-pause-play { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } #ninja-slider { position: relative; overflow: hidden; /*visibility: hidden;*/ padding:0; } #ninja-slider > ul { overflow: hidden; position: relative; list-style:none; margin:0; } #ninja-slider > ul > li { float: left; width: 100%; position: relative; list-style:none; padding:0;margin:0; } /* surcharge css */ #ninja-slider { background-color: black; } #ninja-slider > ul > li { margin: 0 0 85px; } #ninja-slider li > div, #ninja-slider li > a { box-shadow: none; border-radius: 0; } #ninja-slider h3 { padding: 0; font-size: 20px; background-color: black; color: #841a25; text-align: left; bottom: -85px; top: inherit; } #ninja-slider h3 > span{ color: white; display: inline-block; font-size: 12px; margin-top: 5px; } #ninja-slider-pager { padding-top: 0; } #ninja-slider-pager a { background: none repeat scroll 0 0 #000000; border: 1px solid #414141; border-radius: 0; display: inline-block; height: auto; margin: 0 3px 0 2px; padding: 3px; width: auto; } #ninja-slider-pager a.active { background-color: inherit; box-shadow: none; border: 1px solid #999999; } #ninja-slider-pager a.active img { opacity: 1; } #ninja-slider-pager a img { border: 1px solid #555555; cursor: pointer; opacity: 0.5; max-width: 60px; } @media screen and (min-width: 320px) and (max-width: 600px) { #ninja-slider h3 { bottom: -115px; font-size: 17px; } #ninja-slider > ul > li { margin: 0 0 115px; } } @media only screen and (max-width: 600px) { #ninja-slider-pager {display: none;} } @media only screen and (min-width: 600px) { #ninja-slider-prev {display: none;} #ninja-slider-next {display: none;} } @media screen and (min-width: 1024px) and (max-width: 1279px) { #ninja-slider-pager a img { width: 64px; } } @media screen and (min-width: 1280px) { #ninja-slider-pager a img { width: 66px; } } .news-communique-home { background: none repeat scroll 0 0 rgba(80, 18, 23, 0.65); height: 20px; padding: 2px 0 0 2px; } .news-communique-home .sprite.sprite-fleche-beige{ background-image: url('http://img1.focus-numerique.com/focus/communique/icone-actus.png'); background-position: initial; width: 12px; margin-right: 2px; margin-left: 2px; vertical-align: sub; } .news-communique-home .title{ color: #bababa; margin-left: 5px; text-transform: uppercase; width: 90% !important; } #latest-articles .news-test-communique-home h3 { background: none repeat scroll 0 0 rgba(80, 18, 23, 0.65); color: #bababa !important; font-size: 13px !important; padding: 3px 0; } .news-test-communique-home h3:before { background-image: url("http://img1.focus-numerique.com/focus/communique/icone-test.png"); content: ""; display: inline-block; height: 14px; margin-left: 5px; margin-right: 5px; width: 15px; vertical-align: sub; } /* page news */ .news-communique #page-header { background-color: #501217; padding: 10px; } .news-communique #title-author-date { width: 65%; } .news-communique #page-header .title:before { background-image: url("http://img1.focus-numerique.com/focus/communique/icone-article.png"); content: ""; display: inline-block; height: 30px; width: 31px; margin-right: 15px; vertical-align: sub; } .news-communique #page-header .title { color: #ffffff; font-size: 26px; text-transform: uppercase; } .news-communique #page-header .subtitle { color: #dac69e; font-size: 12px; font-style: italic; } /* cookie policy */ #cookie-policy { background-color: #4f0f16; bottom: 0; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) inset; color: #ffffff; font-size: 11px; position: fixed; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7); width: 100%; z-index: 30; } #cookie-policy .container { max-width: 1000px; } #cookie-policy p { margin: 0; padding: 10px 60px 10px 10px; position: relative; } #cookie-policy a { color: #d8b27f; } #cookie-policy .close { font-size: 13px; font-weight: bold; opacity: 1; margin-right: 10px; padding-right: 15px; position: absolute; right: 0; text-shadow: none; top: 10px; }