/* ==|== Style.css - Quetelecharger.com ===================================================== Société : Eptimum - http://www.eptimum.com Auteurs : Maxime Gauché-Daumet - Margot Laurent ========================================================================== */ /* SBE : Correction affichage sticky footer Softonic - Wrike 777200872 */ .rv_slb { z-index: 500 !important; } /* ==|== Google Font - Lato ====================================================== */ @font-face { font-family: 'Lato'; font-style: italic; font-weight: 700; src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url('https://themes.googleusercontent.com/static/fonts/lato/v5/HkF_qI1x_noxlxhrhMQYED8E0i7KZn-EPnyo3HZu7kw.woff') format('woff'); } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: local('Lato Regular'), local('Lato-Regular'), url('https://themes.googleusercontent.com/static/fonts/lato/v5/9k-RPmcnxYEPm8CNFsH2gg.woff') format('woff'); } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: local('Lato Bold'), local('Lato-Bold'), url('https://themes.googleusercontent.com/static/fonts/lato/v5/wkfQbvfT_02e2IWO3yYueQ.woff') format('woff'); } /* ==|== Outils d'alignements du site pour le backoffice ====================================================== */ .img-alignement-gauche{ display:block; float:left; margin:0 20px 20px 0; -moz-box-shadow: 0 0 2px 2px #999; -webkit-box-shadow: 0 0 2px 2px#999; box-shadow: 0 0 2px 2px #999; } .img-alignement-droite{ display:block; float:left; margin:0 0 20px 20px; -moz-box-shadow: 0 0 2px 2px #999; -webkit-box-shadow: 0 0 2px 2px#999; box-shadow: 0 0 2px 2px #999; } .img-alignement-centre{ display:block; margin:20px auto; -moz-box-shadow: 0 0 2px 2px #999; -webkit-box-shadow: 0 0 2px 2px#999; box-shadow: 0 0 2px 2px #999; } /* ==|== Message d'information ====================================================== */ .msg{ display:block; background:no-repeat 0% 0% #fff; padding:5px 10px 5px 50px; border:1px solid #ccc; font-weight:bold; color:#333; } .msg.error{ background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/icon/icon-error.png); background-position:10px -17px; } /* ==|== Structure du site ====================================================== */ body{ margin: 0; padding:0 0 49px 0; font-size: 13px; font-family:arial,verdana,'century gothic',helvetica,sans-serif; line-height: 1.231; } /* Container du site */ #container{ width:100%; margin:0 auto; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-container.png) repeat-x 50% 0 #ffffff; } /* Header du site */ #container-header{ width:1000px; margin:0 auto; height:120px/*132px*/; overflow:hidden; } /* Logo du site */ #container-header #logo-site{ display:block; float:left; width:199px; height:120px; padding:5px 15px 0 40px; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-logo-quetelecharger.png) no-repeat 100% 50%; } /* Contenu descriptif du header */ #container-header .page-description{ display:block; position: relative; margin:0 0 0 20px; height: 122px; float:left; width:555px; } #container-header .page-description .pub-468x15 { position: absolute; bottom: 0; } #container-header .page-description h1, #container-header .page-description .main-title{ margin:0 0 0 0; font-family: 'Lato'; text-overflow: ellipsis; overflow:hidden; white-space:nowrap; width: 550px; font-weight:300; color:#4e5367; font-size:1.2em; line-height: 1.2em; } #container-header .page-description .text-header{ display:block; height:90px; line-height:1.4em; color:#999; overflow:hidden; font-weight:normal; font-size:0.8em; text-align:justify; } /* Conteneur principal du site */ #container-main{ width:1000px; margin:0 auto 40px auto; } #container-main > .main-content{ float:left; margin:18px 0 0 27px; width: 712px; } #container-main > .main-content.text{ background:#fff; } /* Footer du site */ #container-footer{ width:100%; margin:0 auto; padding: 0 0 25px 0; overflow:hidden; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-footer.png) repeat-x 0% 0% #E5EEF3; } /* ==|== Liens du footer ====================================================== */ #container-footer .links{ display:block; width:1000px; margin:0 auto; position:relative; overflow:hidden; } #container-footer .links li{ display:block; float:left; overflow:hidden; } #container-footer .links strong{ display:block; text-align:center; height:36px; line-height:36px; font-size:1em; font-family: 'Lato'; font-weight:bold; color:#00406d; margin:8px 0 0 0;} #container-footer .links strong img{ padding:0 0 3px 3px;} #container-footer .links ul{ display:block; float:left; padding:9px 2px; } #container-footer .links ul li{ display:block; padding:0 0 0 5px; margin:0; height:auto; background:none; } #container-footer .links ul li a{ font-size:0.8em; text-decoration:none; color:#2586c1 } #container-footer .links ul li a:hover{ color:#00406d } #container-footer .links .heading{ width:141px; text-align:center; margin:0; background:none; } #container-footer .links .heading strong{ background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-footer-links-heading.png) no-repeat 0% 0%; height:38px; color:#015d9e; } #container-footer .links .heading ul{ float:none; text-align:center; width:72px; margin:5px auto; padding:0; overflow:hidden; } #container-footer .links .heading ul li{ margin:0; float:left; padding:0; } #container-footer .links .heading ul li a{ display:block; width:26px; margin:5px; } /* ==|== Eléments de navigation ====================================================== */ /* ==|== Pagination du site ====================================================== */ .pagination{ background:#dadad9; } .pagination ul{ display:block; height:20px; overflow:hidden; } .pagination ul li{ display:block; float:left; height:20px; line-height:20px; font-size:0.9em;} .pagination ul li a{ display:block; height:20px; line-height:20px; font-size:0.9em; padding:0 7px; text-align:center; color:#666666; text-decoration:none; } .pagination ul li a:hover{ color:#fff; background:#999; } .pagination ul li.current{ background:#0094cc; padding:0 7px; color:#fff; font-weight:bold; text-align:center; } .pagination ul li.disabled{ padding:0 7px; } /* ==|== Boutons d'action ====================================================== */ .btn{ display:block; overflow:hidden; background: no-repeat 0% 0%; } .btn:hover{ background-position:0% 100%; } .btn.download.small{ width:137px; height:41px; background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/btn/btn-download-small.png); } .btn.download.large{ width:224px; height:60px; background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/btn/btn-download-large.png); } .btn.download.acces{ width:138px; height:28px; background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/btn/btn-download-acces.png); } .btn.buy.large{ width:182px; height:60px; background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/btn/btn-buy-large.png); } .btn.buy.small{ width:125px; height:42px; background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/btn/btn-buy-small.png); } .btn.appstore{ width:213px; height:60px; background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/btn/btn-appstore.png); } .btn.play.large{ margin: -5px 0 0 0; width:192px; height:70px; background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/btn/btn-play-large.png); } .btn.windows-store.large{ margin: 1px 0 0 0; width:269px; height:59px; background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/btn/btn-windows-store.png); } .btn.google-play.large{ margin: 0 0 0 0; width:212px; height:59px; background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/btn/btn-google-play.png); } .btn.visite.large{ margin: -5px 0 0 0; width:257px; height:70px; background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/btn/btn-visite.png); } .btn.lien-telechargement{ width:170px; height:53px; line-height:53px; background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/btn/btn-lien-telechargement-bleu.png); text-align:center; color:#fff; font-size:2em; font-weight:bold; font-family: 'Lato'; text-decoration:underline; } /* ==|== Colonne de gauche ====================================================== */ #left-sidebar{ width:260px; float:left; position:relative; z-index:499; } #left-sidebar .bloc{ position:relative; } /* Acces contenu */ #left-sidebar .acces-contenu{ display:block; position:absolute; height:24px; overflow:hidden; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-bloc-site-acces-contenu.png) no-repeat 100% -24px; padding:0 30px 0 0; } #left-sidebar .acces-contenu a{ display:block; float:right; height:24px; line-height:24px; text-align:right; font-size:0.9em; color:#212533; text-decoration:none; font-weight:bold; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-bloc-site-acces-contenu.png) no-repeat 0% 0%; padding:0 0 0 20px; } #left-sidebar .acces-contenu:hover{ background-position:100% -72px; } #left-sidebar .acces-contenu:hover a{ background-position:0% -48px; color:#fff; } /* Navigation par catégories */ #category-navigation.left-sidebar{ margin:0 0 0 9px; padding:18px 0 0 0; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-category-navigation-shadow.png) no-repeat 100% 0%; } #category-navigation.left-sidebar .categories{ display:block; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-category-navigation.png) repeat-x 0% 100% #fff; padding:1px; position:relative; z-index:999; } .ie7 #category-navigation.left-sidebar .categories{ background:#EEEEEE;} /* Catégories */ .categorie { margin: 20px 0 0 0; } #category-navigation.left-sidebar .categorie{ display:block; background:#eeeeee; height:30px; padding:0; margin:0; } #category-navigation.left-sidebar .spacer{ height:10px; background:#eeeeee; } #category-navigation.left-sidebar .categorie .nom-categorie{ display:block; position:relative; color:#3e3e3e; height:30px; line-height:30px; margin:0; font-size:1.3em; padding:0 0 0 15px; font-family: 'Lato'; text-decoration:none; font-style:italic; text-transform:uppercase; } .ie7 #category-navigation.left-sidebar .categorie .nom-categorie{ padding:0 30px 0 0; } #category-navigation.left-sidebar .categorie .nom-categorie span{ display:none; position:absolute; } #category-navigation.left-sidebar .categorie:hover .nom-categorie{ background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-category-navigation-active.gif) repeat-y 100% 0% #959595; color:#fff; } #category-navigation.left-sidebar .categorie:hover .nom-categorie span{ display:block; top:0; left:-9px; z-index:66; width:9px; height:39px; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-category-navigation-hover.png) no-repeat 0% 0%; } #category-navigation.left-sidebar .categorie.active{ background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-category-navigation-active.gif) repeat-y 100% 0% #959595; padding:0; } #category-navigation.left-sidebar .categorie.active .nom-categorie{ color:#fff; } #category-navigation.left-sidebar .categorie.active .nom-categorie span{ display:block; z-index:77; top:-9px; right:-9px; width:9px; height:48px; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-category-navigation-active.png) no-repeat 0% 0%; } #category-navigation.left-sidebar .categorie.active:hover .nom-categorie span{ display:block; top:0; left:-9px; z-index:66; width:9px; height:39px; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-category-navigation-hover.png) no-repeat 0% 0%; } /* Acces Dossiers Conseils */ #category-navigation.left-sidebar .categorie.dossiers-conseils{ } #category-navigation.left-sidebar .categorie.dossiers-conseils .nom-categorie{ background:#40a5db; color:#fff; } #category-navigation.left-sidebar .categorie.dossiers-conseils:hover .nom-categorie{ background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-category-navigation-dossiers-conseils-active.gif) repeat-y 100% 0% #40a5db; } #category-navigation.left-sidebar .categorie.dossiers-conseils:hover .nom-categorie span{ top:0; background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-category-navigation-dossiers-conseils-hover.png); } #category-navigation.left-sidebar .categorie.dossiers-conseils.active .nom-categorie{ background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-category-navigation-dossiers-conseils-active.gif) repeat-y 100% 0% #40a5db; } #category-navigation.left-sidebar .categorie.dossiers-conseils.active span{ background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-category-navigation-dossiers-conseils-active.png);} /* Acces Les Indispensables */ #category-navigation.left-sidebar .categorie.les-indispensables{ } #category-navigation.left-sidebar .categorie.les-indispensables .nom-categorie{ background:#7fbf14; color:#fff; } #category-navigation.left-sidebar .categorie.les-indispensables:hover .nom-categorie{ background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-category-navigation-les-indispensables-active.gif) repeat-y 100% 0% #7fbf14; } #category-navigation.left-sidebar .categorie.les-indispensables:hover .nom-categorie span{ top:0; background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-category-navigation-les-indispensables-hover.png); } #category-navigation.left-sidebar .categorie.les-indispensables.active .nom-categorie{ background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-category-navigation-les-indispensables-active.gif) repeat-y 100% 0% #7fbf14; } #category-navigation.left-sidebar .categorie.les-indispensables.active span{ background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-category-navigation-les-indispensables-active.png); } /* Acces Admin BO Editeur */ #category-navigation.left-sidebar .categorie.admin{ } #category-navigation.left-sidebar .categorie.admin .nom-categorie{ background:#f08706; color:#fff; } #category-navigation.left-sidebar .categorie.admin:hover .nom-categorie{ background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-category-navigation-admin-active.gif) repeat-y 100% 0% #f08706; } #category-navigation.left-sidebar .categorie.admin:hover .nom-categorie span{ top:0; background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-category-navigation-admin-hover.png); } #category-navigation.left-sidebar .categorie.admin.active .nom-categorie{ background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-category-navigation-admin-active.gif) repeat-y 100% 0% #f08706; } #category-navigation.left-sidebar .categorie.admin.active span{ background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-category-navigation-admin-active.png); } /* Social Icons */ #category-navigation.left-sidebar .social-icons{ background:#fff; border:1px solid #4E5468; border-width:0px 1px 1px 1px; height:51px; position:relative; } #category-navigation.left-sidebar .social-icons .title{ position:absolute; left:-6px; top:-1px; width:261px; height:24px; line-height:16px; text-align:center; font-size:0.8em; color:#fff; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-category-navigation-social-icons.png) no-repeat 0% 0%; } #category-navigation.left-sidebar .social-icons ul{ display:block; margin:22px 0 0 5px; float:left; overflow:hidden; border:none; background:#fff; } #category-navigation.left-sidebar .social-icons ul li{ background:#fff; float:left; overflow:hidden; margin:0 8px 0 0; } #category-navigation.left-sidebar .social-icons .facebook { width: 75px; height: 20px; margin: 2px 8px 0 15px; } #category-navigation.left-sidebar .social-icons .facebook > img { width: 75px; height: 20px; margin: 0;} #category-navigation.left-sidebar .social-icons .twitter { width: 70px; height: 20px; margin: 2px 8px 0 0;} #category-navigation.left-sidebar .social-icons .twitter > img { width: 70px; height: 20px; margin: 0;} /* Top Logiciels */ #top-logiciels.left-sidebar{ display: block; float: left; margin:21px 0 0 0; padding:0 0 15px 0; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-top-logiciels-bottom.png) no-repeat 100% 100%; } #top-logiciels.left-sidebar .title{ display:block; height:67px; line-height:45px; color:#1d1904; padding:0 0 0 25px; white-space:nowrap; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-top-logiciels-title.png) no-repeat 0% 0%; font-size:2.5em; text-transform:uppercase; font-family: 'Lato'; font-style:italic; } #top-logiciels.left-sidebar .title span{ color:#fff; } #top-logiciels.left-sidebar ul{ display:block; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-top-logiciels.png) repeat-y 0% 0%; padding:0 0 15px 9px; } #top-logiciels.left-sidebar ul li{ display:block; margin:0 3px 0 0; padding:8px 0; height:40px; overflow:hidden; border-bottom:1px dotted #333; } #top-logiciels.left-sidebar ul li .content{ margin:0; padding:0 0 8px 0; overflow:hidden; border-bottom:1px dotted #333; height: 40px; } #top-logiciels.left-sidebar ul li .content .titre{ display:block; margin:4px 0 0 0; margin:0; padding:0;} #top-logiciels.left-sidebar ul li img{ display:block; float:left; width:40px; height:40px; margin:0 10px 0 10px; } #top-logiciels.left-sidebar ul li a{ display:block; margin:0 0 0 15px; font-family:arial; font-size:0.9em; text-decoration: none; font-weight:bold; color:#00588a; padding: 0 3px 0 0;} #top-logiciels.left-sidebar ul li a:hover{ color:#ffffff; cursor: pointer; } #top-logiciels.left-sidebar ul li p{ display:block; margin:0; color:#666; margin:0 0 0 15px; font-family:arial; font-size:0.8em; } #top-logiciels.left-sidebar ul li.last{ border-bottom:0px; } #top-logiciels.left-sidebar ul li.up{ background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/icon/icon-top-logiciels-up.png) no-repeat 225px 20px; } #top-logiciels.left-sidebar ul li:hover{ background:#00588a; } #top-logiciels.left-sidebar ul li:hover h4 a{ color:#ffffff; text-decoration:underline; } #top-logiciels.left-sidebar ul li:hover p{ color:#ffffff; } /* Acces contenu */ #top-logiciels.left-sidebar .acces-contenu{ bottom:7px; left:16px; } /* Mise à jour */ #mise-a-jour.left-sidebar{ float: left; margin:0 0 20px 9px;} #mise-a-jour.left-sidebar .title{ display:block; height:43px; line-height:50px; padding:0 0 0 67px; font-size:1.2em; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-mise-a-jour-title.png) no-repeat 0% 0%; text-transform:uppercase; font-family: 'Lato'; color:#fff; } #mise-a-jour.left-sidebar ul{ display:block; padding:0 0 10px 0; margin:0 3px 0 0; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-mise-a-jour.png) repeat-x 0% 0% #989eac;} #mise-a-jour.left-sidebar ul li{ display:block; margin:0 6px; background:#ffffff; overflow:hidden;} #mise-a-jour.left-sidebar ul li .content{ margin:0 10px; padding:5px 0; overflow:hidden; border-bottom:1px dotted #333; } #mise-a-jour.left-sidebar ul li.last .content{ border-bottom:0px; } #mise-a-jour.left-sidebar ul li .content img{ display:block; float:left; margin:5px 10px 10px 0; width:40px; height:40px; } #mise-a-jour.left-sidebar ul li .content span.categorie{ display:block; margin:4px 0 0 0; text-transform:uppercase; font-family: 'Lato'; font-style:italic; font-size:1em; } #mise-a-jour.left-sidebar ul li .content span.categorie a{ color:#0094cc; text-decoration:none; } #mise-a-jour.left-sidebar ul li .content p{ display:block; margin:0; color:#666666; font-family:arial; font-size:0.8em; } #mise-a-jour.left-sidebar ul li:hover{ background:#eee; cursor: pointer; } #mise-a-jour.left-sidebar ul li:hover .content span.categorie a{ text-decoration:underline; } #mise-a-jour.left-sidebar ul li:hover .content span.categorie p{ color:#cccccc; } /* Recherches Populaires*/ #mise-a-jour.recherches-populaires .title{ font-size:1em;} #mise-a-jour.recherches-populaires .titre { margin: 0; } #mise-a-jour.recherches-populaires a { display:block; margin:4px 0 0 0; font-weight: normal; color:#0094cc; text-decoration: none; text-transform:uppercase; font-family: 'Lato'; font-style:italic; font-size:1em;} /* Acces contenu */ #mise-a-jour.left-sidebar .acces-contenu{ bottom:-8px; left:8px; } /* Mise à jour */ #cloud-tags.left-sidebar{ margin:18px 0 0 9px; overflow: hidden; width: 100%; } #cloud-tags.left-sidebar a{ display: block; float: left; line-height:1em; height: 14px; color:#666666; padding: 6px 0 0 0; margin:3px 3px 3px 3px;text-decoration:none; } #cloud-tags.left-sidebar a:hover{ color:#333; } #cloud-tags.left-sidebar .p1{ font-size:0.9em;} #cloud-tags.left-sidebar .p2{ font-size:1.4em; height: 20px; padding: 0;} #cloud-tags.left-sidebar .p3{ font-size:1.5em; height: 20px; padding: 0;} #cloud-tags.left-sidebar .p4{ font-size:1.6em; height: 20px; padding: 0;} #cloud-tags.left-sidebar .p5{ font-size:1.7em; height: 20px; padding: 0;} #cloud-tags.left-sidebar .p6{ font-size:1.8em; height: 20px;padding: 0; } #cloud-tags.left-sidebar .p7{ font-size:1.9em; height: 20px; padding: 0;} #cloud-tags.left-sidebar .p8{ font-size:2em; height: 40px; padding: 0;} .t1{font-size:2.2em;} .t2{font-size:1.9em;} .t3{font-size:1.4em;} .t4{font-size:1.6em;} .t5{font-size:1.8em;} /* ==|== Moteur de recherche ====================================================== */ #search-field{ display:block; position:fixed; bottom:0; left:0; width:100%; z-index:600; } #search-field .content{ width:100%; margin:0 auto; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-search-field.png) repeat-x 0% 0%; position:relative; } /* Menu */ #search-field .content ul.menu{ display:block; width:1000px; margin:0 auto; height:49px; padding:0 0 0 40px; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-search-field.png) repeat-x 0% 0%; position:relative; } #search-field .content ul.menu li{ display:block; float:left; height:20px; line-height:20px;}/*49px to 20px */ #search-field .content ul.menu li.logo img{ margin:-34px 0 0 0;} #search-field .content ul.menu li.wording{ background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-search-field-wording.png) no-repeat 0% 50%; padding:15px 0 0 22px; font-family: 'Lato'; color:#fff; font-size:1.7em; } #search-field .content ul.menu li.form{ padding:0 0 0 22px; } #search-field .content ul.menu li.form input[type=text]{ display:block; float:left; width:301px; height:19px; margin:5px 0 0 0; padding: 9px 40px 10px 13px; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/btn/btn-search-field.png) no-repeat 0% 0%; border:0; } #search-field .content ul.menu li.form input[type=text]:focus{ background-position: 0% 100%; } #search-field .content ul.menu li.form input[type=submit]{ display:block; float:left; margin:5px 22px 0 0; width:38px; height:38px; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/btn/btn-search-field.png) no-repeat 100% 0%; border:0; } #search-field .content ul.menu li.form input[type=submit]:hover{ background-position: 100% 100%; } #search-field .content ul.menu li.display-options{ background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-search-field-wording.png) no-repeat 0% 50%; padding:0 0 0 22px; } #search-field .content ul.menu li.display-options a{ background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/btn/btn-search-field-options.png) no-repeat 0% 0%; display:block; height:26px; margin:12px 0 0 0; line-height:26px; padding:0 0 0 37px; text-transform:uppercase; font-family: 'Lato'; color:#053c6b; font-size:1.6em; text-decoration:none; } #search-field .content ul.menu li.display-options a:hover{ color:#fff; } #search-field .content ul.menu li.display-options a.active{ background-position: 0% 100%; } /* Options de recherche */ #search-field .content .options{ width:100%; height:175px; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-search-field-options.png) repeat-x 0% 0%; display:none; } #search-field .content .options .listing{ width:981px; margin:0 auto; } #search-field .content .options #options-valider{ display:block; float:right; margin:20px 25px 0 0; width:155px; height:102px; line-height:165px; text-decoration:none; overflow:hidden; text-align:center; font-family: 'Lato'; color:#fff; font-size:1.7em; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/btn/btn-search-field-options-valider.png) no-repeat 0% 0%; } #search-field .content .options .option{ display:block; float:left; margin:15px 9px 0 0; } #search-field .content .options .option.medium{ width:360px; } #search-field .content .options .option.large{ width:415px; } #search-field .content .options .option.select{ background:#333333; border:1px solid #999; border-width:1px 1px 1px 0; -webkit-border-top-right-radius: 7px; -webkit-border-bottom-right-radius: 7px; -moz-border-radius-topright: 7px; -moz-border-radius-bottomright: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; } #search-field .content .options .option li{ display:block; float:left; } #search-field .content .options .option li.title{ background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-search-field-options-title.png) no-repeat 100% 100%; padding:0 22px 0 0; color:#5fae01; font-family: 'Lato'; } #search-field .content .options .option li.title span{ background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-search-field-options-title.png) no-repeat 0% 0%; display:block; height:50px; font-size:1.2em; line-height:50px; color:#5fae01; padding:0 0 0 17px; font-family: 'Lato'; } #search-field .content .options .option li.radio{ float:right;} #search-field .content .options .option li.radio input[type=radio]{ display:none; } #search-field .content .options .option li label{ display:block; float:left; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/btn/btn-search-field-options-label.png) no-repeat 100% 0%; text-transform:uppercase; padding:0 25px 0 0; margin:5px 0 0 10px; } #search-field .content .options .option.large li label{ padding:0 18px 0 0; } #search-field .content .options .option li label span{ display:block; float:left; height:44px; line-height:44px; font-family:'arial'; color:#333333; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/btn/btn-search-field-options-label.png) no-repeat 0% 0%; padding:0 0 0 37px; } #search-field .content .options .option li label span.multi{ line-height:15px; height:32px; padding:6px 0 6px 37px; } #search-field .content .options .option li label span img{ display:block; float:left; margin:3px 7px 0 0; text-align:middle; } #search-field .content .options .option li input[type="radio"]:checked+label span{ background-position:0% 100%; } #search-field .content .options .option li select {display:none;} /* Customisation du select avec le script sparkbox-select */ #search-field .sb-custom { margin:15px 0 0 22px; width:195px; position:relative; } #search-field .sb-select { background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/btn/btn-search-field-options-select.png) no-repeat 0% 0%; height:23px; font-size:1.1em; text-align:center; line-height:23px; border: none; position: relative; text-decoration: none; z-index: 1; width:100%; cursor:pointer; } #search-field .sb-select:hover{ background-position:0% 100%; } #search-field .sb-dropdown { display: none; left: 1px; list-style: none; margin: 0; padding:0 0 5px 0; position: absolute; bottom: 1.4em; z-index: 0; background: #fff; border:1px solid #666; } #search-field .sb-dropdown a { display: block; text-decoration: none; width:188px; padding:2px; color:#333; height:20px; line-height:20px; } #search-field .sb-dropdown a:hover, .sb-dropdown .selected { background: #ccc; } /* ==|== Eléments de type bloc ====================================================== */ .bloc-site{ margin:0 8px; position:relative; } .bloc-site .title{ position:relative; height:40px; line-height:40px; background:repeat-x 0% 100%; } .bloc-site .title img{ display:block; margin:4px 7px 0 0; float:left; } .bloc-site .title h1, .bloc-site .title h2, .bloc-site .title strong{ float:left; font-family: 'Lato'; font-size:1.2em; height:37px; text-transform:uppercase; color:#fff; line-height:37px; margin:2px 0 1px 0; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-bloc-site-heading-title.png) no-repeat 100% 50%; padding:0 76px 0 0; } .bloc-site .title.title-long h2{ font-size:0.9em; } .ie7 .bloc-site .title h1, .bloc-site .title h2, .ie7 .bloc-site .title strong{ font-size:1.1em; } /* Fil d'arianne - Breadcrumb */ .bloc-site .breadcrumb{ background:#dadad9; color:#666; border-top:1px solid #999; height:22px; line-height:22px; font-size:0.8em; padding:0 5px; } .bloc-site .breadcrumb a{ color:#666; text-decoration:none; } /* Title normal */ .bloc-site .title .corner.l, .bloc-site .title .corner.r{ position:absolute; top:0; display:block; width:8px; height:47px; } .bloc-site .title .corner.l{ left:-8px; background:no-repeat 0% 0%; } .bloc-site .title .corner.r{ right:-8px; background:no-repeat 0% -47px; } /* Title avec fil d'arianne */ .bloc-site .title.withbreadcrumb .corner.l, .bloc-site .title.withbreadcrumb .corner.r{ height:74px; } .bloc-site .title.withbreadcrumb .corner.l{ left:-8px; background:no-repeat 0% 0%; } .bloc-site .title.withbreadcrumb .corner.r{ right:-8px; background:no-repeat 0% -74px; } .bloc-site .acces-contenu{ display:block; position:absolute; height:24px; border-right: 1px solid #AFAFAF; bottom:-8px; right:-8px; overflow:hidden; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-bloc-site-acces-contenu.png) no-repeat 100% -24px; } .bloc-site .acces-contenu a{ display:block; float:right; height:24px; line-height:24px; text-align:right; font-size:0.9em; color:#212533; text-decoration:none; font-weight:bold; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-bloc-site-acces-contenu.png) no-repeat 0% 0%; padding:0 10px 0 20px; } .bloc-site .acces-contenu:hover{ background-position:100% -72px; } .bloc-site .acces-contenu:hover a{ background-position:0% -48px; color:#fff; } /* Title - Black */ /* Normal */ .bloc-site.black .title{ background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-bloc-site-heading-black.png); } .bloc-site.black .title .corner{ background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-bloc-site-heading-black.png); } /* Breadcrumb */ .bloc-site.black .breadcrumb{ border-bottom:4px solid #666; } .bloc-site.black .title.withbreadcrumb{ background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-bloc-site-heading-breadcrumb-black.png); } .bloc-site.black .title.withbreadcrumb .corner{ background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-bloc-site-heading-breadcrumb-black.png); } /* Title - Grey */ /* Normal */ .bloc-site.grey .title{ background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-bloc-site-heading-grey.png); } .bloc-site.grey .title .corner{ background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-bloc-site-heading-grey.png); } /* Breadcrumb */ .bloc-site.grey .breadcrumb{ border-bottom:4px solid #666d81; } .bloc-site.grey .title.withbreadcrumb{ background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-bloc-site-heading-breadcrumb-grey.png); } .bloc-site.grey .title.withbreadcrumb .corner{ background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-bloc-site-heading-breadcrumb-grey.png); } /* Title - Blue */ /* Normal */ .bloc-site.blue .title{ background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-bloc-site-heading-blue.png); } .bloc-site.blue .title .corner{ background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-bloc-site-heading-blue.png); } /* Breadcrumb */ .bloc-site.blue .breadcrumb{ border-bottom:4px solid #0e6999; } .bloc-site.blue .title.withbreadcrumb{ background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-bloc-site-heading-breadcrumb-blue.png); } .bloc-site.blue .title.withbreadcrumb .corner{ background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-bloc-site-heading-breadcrumb-blue.png); } /* Title - Red */ /* Normal */ .bloc-site.red .title{ background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-bloc-site-heading-red.png); } .bloc-site.red .title .corner{ background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-bloc-site-heading-red.png); } /* Breadcrumb */ .bloc-site.red .breadcrumb{ border-bottom:4px solid #d50018; } .bloc-site.red .title.withbreadcrumb{ background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-bloc-site-heading-breadcrumb-red.png); } .bloc-site.red .title.withbreadcrumb .corner{ background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-bloc-site-heading-breadcrumb-red.png); } /* Title - Green */ /* Normal */ .bloc-site.green .title{ background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-bloc-site-heading-green.png); } .bloc-site.green .title .corner{ background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-bloc-site-heading-green.png); } /* Breadcrumb */ .bloc-site.green .breadcrumb{ border-bottom:4px solid #659703; } .bloc-site.green .title.withbreadcrumb{ background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-bloc-site-heading-breadcrumb-green.png); } .bloc-site.green .title.withbreadcrumb .corner{ background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-bloc-site-heading-breadcrumb-green.png); } /* Title - Orange */ /* Normal */ .bloc-site.orange .title{ background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-bloc-site-heading-orange.png); } .bloc-site.orange .title .corner{ background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-bloc-site-heading-orange.png); } /* Breadcrumb */ .bloc-site.orange .breadcrumb{ border-bottom:4px solid #f08629; } .bloc-site.orange .title.withbreadcrumb{ background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-bloc-site-heading-breadcrumb-orange.png); } .bloc-site.orange .title.withbreadcrumb .corner{ background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-bloc-site-heading-breadcrumb-orange.png); } /* Title - Twitter */ /* Normal */ .bloc-site.twitter .title{ background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-bloc-site-heading-twitter.png); } .bloc-site.twitter .title .corner{ background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-bloc-site-heading-twitter.png); } /* Breadcrumb */ .bloc-site.twitter .breadcrumb{ border-bottom:4px solid #3ca5ef; } .bloc-site.twitter .title.withbreadcrumb{ background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-bloc-site-heading-breadcrumb-twitter.png); } .bloc-site.twitter .title.withbreadcrumb .corner{ background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-bloc-site-heading-breadcrumb-twitter.png); } /* Bloc de contenu */ .bloc-site .content{ border:1px solid #cccccc; background:#fff; } /* ==|== Pages du site ====================================================== */ /* ==|== Index ====================================================== */ #page-index.main-content{} /* Baniere de publicité de la page index */ .advertising.index{float:right;} /* Slider d'actualité des produits */ #actu-produits.index{ margin:0 0 27px 0; width:350px; float:left; } .ie8 #actu-produits.index h2{ font-size:1.1em; } #actu-produits.index .content{ display: block; } #actu-produits.index .content.pub-index{ border: none; } #actu-produits.index #slider{ margin:0 auto 22px auto; position:relative; } #actu-produits.index #slider .link{ display:block; width:335px; height:225px; } #actu-produits.index #slider .link img{ display:block; } /* Nivo Slider */ .nivoSlider { position:relative; width:335px; height:225px; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/loader.gif) no-repeat 50% 50%; border:1px solid #fff; } .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .nivoSlider a{ border:0; display:block; } .nivo-controlNav{ display:none; position:absolute; right:0; bottom:-17px; overflow:hidden; } .nivo-controlNav a{ display:block; float:left; position:relative; z-index:500; width:auto; height:auto; cursor:pointer; text-indent: -9999px; margin:0 3px; width:10px; height:10px; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/icon/icon-index-actu-produits-slide-nav.png) no-repeat 50% 100%;} .nivo-controlNav a.active { background-position:50% 0%; } .nivo-caption{ position:absolute; z-index:250; left:5px; bottom:-9px; width:280px; margin:0; padding:0; height:20px; line-height:20px; color:#333333; font-family:arial; font-style:italic; font-weight:bold; } .ie7 .nivo-caption{ font-size:0.8em; white-space:nowrap; bottom:-20px; } /* Les produits du moment */ #last-add.index{ width:334px; float:right; margin:0 8px 27px 0; } #last-add.index ul{ display:block; padding:1px 0 0 0; margin:0; overflow:hidden; background:#efefef; } #last-add.index ul li{ display:block; overflow:hidden; height:82px; } #last-add.index ul li img{ display:block; float:left; margin:12px 7px 10px 7px; width:60px; height:60px; overflow:hidden; } #last-add.index ul li h3{padding:0; margin:10px 0 3px 0; font-family: 'Lato'; } #last-add.index ul li h3 a{ color:#0298cd; text-decoration:none; } #last-add.index ul li h3 a:hover{ text-decoration:underline; } #last-add.index ul li p{ display:block; padding:0; margin:0 10px 0 0; color:#666; font-size:0.8em; line-height:10px; } #last-add.index ul li.alt{ background:#dadad9; } /* Les dossiers conseils */ #dossiers-conseils.index{ clear:both; margin:0 8px 27px 8px; } #dossiers-conseils.index ul{ display:block; padding:0; margin:0; overflow:hidden; background:#efefef; } #dossiers-conseils.index ul li{ display:block; overflow:hidden; height:157px; } #dossiers-conseils.index ul li img{ display:block; float:left; margin:13px 20px 10px 10px; width:170px; height:127px; overflow:hidden; border:3px solid #fff; -moz-box-shadow: 0 0 2px 2px #888; -webkit-box-shadow: 0 0 2px 2px#888; box-shadow: 0 0 2px 2px #888; } #dossiers-conseils.index ul li h3{padding:0; margin:10px 0 3px 0; font-family: 'Lato'; font-size:1.5em; } #dossiers-conseils.index ul li h3 a{ text-decoration:none; color:#005c97; } #dossiers-conseils.index ul li h3 a:hover{ text-decoration:underline; } #dossiers-conseils.index ul li h3 a span.version{font-size:0.7em; } #dossiers-conseils.index ul li p{ display:block; padding:0; margin:0 10px 0 0; color:#666; line-height:15px; } #dossiers-conseils.index ul li.alt{ background:#dadad9; } /* Partage */ #dossiers-conseils.index .share{ background:none; overflow:hidden; height:auto; width:auto; } #dossiers-conseils.index .share li{ background:none; float:left; height:auto; width:auto; margin:10px 10px 0 0; } #dossiers-conseils.index .share li.facebook { width: 25px; height: 25px; } #dossiers-conseils.index .share li.facebook > a > img { width: 25px; height: 25px; margin: 0; padding: 0; border: none;} #dossiers-conseils.index .share li.twitter { width: 25px; height: 24px; } #dossiers-conseils.index .share li.twitter > a > img { width: 25px; height: 24px; margin: 0; padding: 0; border: none;} /* Les indispensables */ #indispensables.index{ clear:both; margin:0 8px 27px 8px; } #indispensables.index ul{ display:block; padding:0; margin:0; overflow:hidden; background:#efefef; } #indispensables.index ul li{ display:block; float:left; overflow:hidden; height:78px; width:346px; border-right:1px solid #dadad9; } #indispensables.index ul li img{ display:block; float:left; margin:10px 15px 10px 10px; width:60px; height:60px; overflow:hidden; } #indispensables.index ul li h3{padding:0; margin:5px 0 3px 0; font-family: 'Lato'; font-size:1em; } #indispensables.index ul li h3 a{ color:#0298cd; text-decoration:none; } #indispensables.index ul li h3 a:hover{ text-decoration:underline; } #indispensables.index ul li p{ display:block; padding:0; margin:0 10px 0 0; color:#666; font-size:0.8em; line-height:10px; } #indispensables.index ul li.alt{ background:#dadad9; } /* Top Loisirs */ #top-loisirs.index{ width:520px; float:left; margin:0 8px 27px 8px; } #top-loisirs.index ul{ display:block; padding:0; margin:0; overflow:hidden; background:#efefef; } #top-loisirs.index ul li{ display:block; float:left; overflow:hidden; height:140px; width:259px; } #top-loisirs.index ul li img{ display:block; float:left; margin:7px 7px 13px 10px; width:60px; height:60px; border:3px solid #fff; -moz-box-shadow: 0 0 2px 2px #888; -webkit-box-shadow: 0 0 2px 2px#888; box-shadow: 0 0 2px 2px #888; } #top-loisirs.index ul li h3{padding:0; margin:10px 0 3px 10px; font-family: 'Lato'; font-size:1.1em;} #top-loisirs.index ul li h3 a{ color:#005c97; text-decoration:none; } #top-loisirs.index ul li h3 a:hover{ text-decoration:underline; } #top-loisirs.index ul li strong.categorie{ display:block; margin:8px 0 0 0; color:#333; font-style:italic; font-family: 'Lato'; font-size:1em; text-transform:uppercase; } #top-loisirs.index ul li p{ display:block; padding:0; margin:0 10px 0 10px; color:#666; font-size:0.8em; line-height:14px; } #top-loisirs.index ul li.alt{ background:#dadad9; } /* Logiciels de la semaine */ #top-week.index{ width:520px; float:left; margin:0 8px 27px 8px; } #top-week.index ul{ display:block; padding:0; margin:0; overflow:hidden; background:#efefef; } #top-week.index ul li{ display:block; margin:0 10px; padding:10px 0; overflow:hidden; border-bottom:1px dotted #333; } #top-week.index ul li.last{ border-bottom:0px; } #top-week.index ul li img{ display:block; float:left; margin:0 20px 0 0; width:60px; height:60px; } #top-week.index ul li h3{padding:0; margin:0 0 3px 0; font-family: 'Lato'; font-size:1.2em; } #top-week.index ul li h3 a{ color:#0298cd; text-decoration:none; } #top-week.index ul li h3 a:hover{ text-decoration:underline; } #top-week.index ul li p{ display:block; padding:0; margin:0 10px 0 0; color:#666; font-size:0.8em; line-height:10px; } /* News */ #flux-actu.index{ float:left; margin:0 8px 27px 8px; width:376px; } #flux-actu.index ul{ display:block; padding:0; margin:0; overflow:hidden; background:#efefef; } #flux-actu.index ul li{ display:block; margin:0 10px; padding:10px 0 20px 0; overflow:hidden; border-bottom:1px dotted #333; } #flux-actu.index ul li.last{ border-bottom:0px; } #flux-actu.index ul li img{ display:block; float:left; margin:0 20px 0 0; width:81px; height:60px; font-weight:bold; } #flux-actu.index ul li h3{padding:0; margin:0 0 3px 0; font-family: 'Lato'; font-style:italic; font-size:1em; } #flux-actu.index ul li h3 a{ color:#0298cd; text-decoration:none; } #flux-actu.index ul li h3 a:hover{ text-decoration:underline; } #flux-actu.index ul li p{ display:block; float: left; width: 240px; padding:0; margin:0 10px 0 0; color:#333; font-size:0.8em; line-height:10px; } /* Flux Twitter */ #flux-twitter.index{ float:right; margin:0 8px 27px 0; width:295px; } #flux-twitter.index .footer{ height:26px; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-index-flux-twitter-footer.gif) no-repeat 0% 0%; } #flux-twitter.index .content{ border-color:#999; min-height:220px; } #flux-twitter.index .title{ padding:0 0 0 10px; } #flux-twitter.index .title h2{ background:none; font-size:0.9em; } #flux-twitter.index ul{ display:block; padding:0; margin:0; overflow:hidden; background:#efefef; } #flux-twitter.index ul li{ display:block; margin:0 5px; height:36px; padding:5px 0 10px 40px; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/icon/icon-index-flux-twitter-tweet.png) no-repeat 3px 5px; overflow:hidden; border-bottom:1px dotted #333; } #flux-twitter.index ul li:last-child{ border-bottom:0px; } #flux-twitter.index ul li .jta-tweet-body{ display:block; padding:0; margin:0 10px 0 0; color:#999; font-size:0.8em; line-height:10px; padding:2px 0 0 0; } #flux-twitter.index ul li .jta-tweet-body a{ color:#0094cc; text-decoration:none; } #flux-twitter.index ul li .jta-tweet-body a:hover{ color:#0484b5; } #flux-twitter.index ul li .twitter-anywhere-user{ font-family: 'Lato'; font-style:italic; font-size:1.2em; } /* ==|== Dossiers conseils ====================================================== */ #dossiers-conseils.main-content{ width:530px; } /* Listing des dossier */ #dossiers-conseils.main-content ul.dossiers{ display:block; padding:0; margin:0; overflow:hidden; background:#efefef; } #dossiers-conseils.main-content ul.dossiers li{ display:block; overflow:hidden; height:130px; } #dossiers-conseils.main-content ul.dossiers li img{ display:block; float:left; width:133px; height:98px; margin:15px; border:3px solid #fff; -moz-box-shadow: 0 0 2px 2px #888; -webkit-box-shadow: 0 0 2px 2px#888; box-shadow: 0 0 2px 2px #888; } #dossiers-conseils.main-content ul.dossiers li h2{padding:0; margin:15px 0 3px 0; font-family: 'Lato'; font-size:1.3em; } #dossiers-conseils.main-content ul.dossiers li h2 a{ text-decoration:none; color:#0298cd; } #dossiers-conseils.main-content ul.dossiers li h2 a:hover{ text-decoration:underline; } #dossiers-conseils.main-content ul.dossiers li h2 a span.version{font-size:0.7em; } #dossiers-conseils.main-content ul.dossiers li p{ display:block; padding:0; margin:0 10px 0 0; color:#666; line-height:15px; font-size:0.8em; } #dossiers-conseils.main-content ul.dossiers li.alt{ background:#dadad9; } #dossiers-conseils.main-content ul.dossiers li.alt p{ color:#333; } #dossiers-conseils.main-content ul.dossiers li .tags{ display:block; margin:15px 0 0 0; color:#666666; font-size:0.8em; font-weight:bold; } #dossiers-conseils.main-content ul.dossiers li .tags a{ color:#007fad; text-decoration:none; } #dossiers-conseils.main-content ul.dossiers li .tags a:hover{ color:#0bbcf0; } /* Encart - Les indispensables */ #dossiers-conseils.main-content .les-indispensables{ overflow:hidden; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-dossier-conseils-les-indispensables.gif) no-repeat 100% 50% #dadad9; border:solid #fff; border-width:1px 0 1px 0; padding:5px 64px 8px 10px; height: 100px; } #dossiers-conseils.main-content .les-indispensables .heading{ text-transform:uppercase; margin:5px 0; color:#659803; display:block; font-size:0.9em; } #dossiers-conseils.main-content .les-indispensables ul{ display:block; } #dossiers-conseils.main-content .les-indispensables ul li{ display:block; float:left; margin:3px 13px 3px 0; } #dossiers-conseils.main-content .les-indispensables ul li a{ display:block; float:left; overflow:hidden; width:66px; height:66px; -moz-box-shadow: 0 0 2px 2px #888; -webkit-box-shadow: 0 0 2px 2px#888; box-shadow: 0 0 2px 2px #888; } #dossiers-conseils.main-content .les-indispensables ul li a img{ display:block; padding:0; margin:0; width:auto; height:auto; } /* Advertising */ #dossiers-conseils.main-content + .advertising{ width:160px; float:left; margin:18px 0 0 10px; text-align:center; } #dossiers-conseils.main-content + .advertising a{ display:block; margin:0 0 15px 0; } /* ==|== Listing Produits ====================================================== */ .listing-produits.main-content{} /* Setup du type de page produits */ .listing-produits .bloc-site{} .listing-produits .bloc-site .content{ margin: 20px 0 0 0; background:none; border:none; } /* Listing des sous catégories */ .listing-produits .bloc-site .sub-categories-listing{ margin:5px 0 4px 0; display:block; overflow:hidden; } .listing-produits .bloc-site .sub-categories-listing .sub-categorie{ display:block; float:left; margin:3px; width:225px; overflow:hidden; background:none; } .listing-produits .bloc-site .sub-categories-listing .sub-categorie ul{ display:block; overflow:hidden; background:#eeeeee; } .listing-produits .bloc-site .sub-categories-listing .sub-categorie li { display:block; overflow:hidden; height:50px; } .listing-produits .bloc-site .sub-categories-listing .sub-categorie li img{ display:block; float:left; overflow:hidden; margin:4px 5px 4px 4px; } .listing-produits .bloc-site .sub-categories-listing .sub-categorie li a{ text-align:left; font-size:0.9em; font-family:'arial'; height:20px; line-height:20px; background:none; text-decoration:none; overflow:hidden; font-size:1em; text-transform:none; font-style:normal; font-weight:bold; display:block; margin:0; padding:0; color:#0082ae; } .listing-produits .bloc-site .sub-categories-listing .sub-categorie li p{margin:0; padding:0; font-size:0.8em; line-height:10px; } .listing-produits .bloc-site .sub-categories-listing .sub-categorie li:hover{ background-color:#d6d4d5; } .listing-produits .bloc-site .sub-categories-listing .sub-categorie li a:hover{ text-decoration:underline; } .listing-produits .bloc-site .sub-categories-listing .sub-categorie strong a{ display:block; font-weight:bold; font-size:0.9em; font-family: 'Lato'; height:25px; line-height:22px; overflow:hidden; color:#fff; background:#6c6c6c; text-transform:uppercase; } .listing-produits .bloc-site .sub-categories-listing .sub-categorie strong img{ max-height:25px; margin:0; } /* Titre des catégories */ .listing-produits .bloc-site .sub-categories-listing .title{ display:block; padding: 5px 0; height:auto !important; overflow:hidden; background: #6c6c6c; border-bottom:1px solid #575757; } /* Tri des résultats */ .listing-produits .filter{ display:block; border-bottom:solid 4px #006699; margin:0 1px 15px 1px; height:50px; background:#333333; } .listing-produits .filter li{ display:block; float:left; height:50px; } .listing-produits .filter li.title{ background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-search-field-options-title.png) no-repeat 100% 100%; padding:0 22px 0 0; color:#5fae01; font-family: 'Lato'; } .listing-produits .filter li.title span{ background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-search-field-options-title.png) no-repeat 0% 0%; display:block; height:50px; font-size:1.2em; line-height:50px; color:#5fae01; padding:0 0 0 17px; font-family: 'Lato'; } .listing-produits .filter li label span{ display:block; float:left; height:44px; line-height:44px; font-family:'arial'; color:#333333; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/btn/btn-search-field-options-label.png) no-repeat 0% 0%; padding:0 0 0 37px; } .listing-produits .filter li label span img{ display:block; float:left; margin:3px 7px 0 0; text-align:middle; } .listing-produits .filter li select {display:none;} /* Customisation du select avec le script sparkbox-select */ .listing-produits .filter .sb-custom { margin:15px auto 0 35px; width:500px; position:relative; } .listing-produits .filter .sb-select { background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/btn/btn-sub-categories-listing-select.png) no-repeat 0% 0%; height:23px; font-size:1.1em; text-align:center; line-height:23px; border: none; position: relative; text-decoration: none; z-index: 1; width:100%; cursor:pointer; } .listing-produits .filter .sb-select:hover{ background-position:0% 100%; } .listing-produits .filter .sb-dropdown { display: none; left: 1px; list-style: none; margin: 0; padding:0 0 5px 0; z-index:9999; position: absolute; top: 23px; background: #fff; border:1px solid #666; } .listing-produits .filter .sb-dropdown li{ width:500px; display: block; float:none; height:auto; } .listing-produits .filter .sb-dropdown a{ display: block; text-align:center; text-decoration: none; padding:2px; color:#333; height:20px; line-height:20px; } .listing-produits .filter .sb-dropdown a:hover, .sb-dropdown .selected { background: #ccc; } .listing-produits .bloc-site ul{ display:block; } .listing-produits .bloc-site ul .row{display:block; border:1px solid #ccc; border-bottom:0px; margin:0 0 15px 0; } .listing-produits .bloc-site ul .row:last-child{ margin:0 0 0 0; } .listing-produits .bloc-site ul .row.first{ border-width:0 1px 1px 1px; } /* PUB */ #adcontainer2 { padding-top: 5px; border-left: 1px solid #D6D6D6; border-right: 1px solid #D6D6D6;} /* Setup des produits */ /* Catégorie - Fil d'arianne - Breadcrumb */ .listing-produits .content.categorie .breadcrumb{ background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/icon/icon-category-breadcrumb-arrow.png) no-repeat 2px 55%; color:#666; border:none; height:20px; line-height:20px; font-size:0.8em; padding:0 0 0 17px; } .listing-produits .content.categorie .breadcrumb a{ color:#666; text-decoration:none; } /* Produit */ .listing-produits .product{ display:block; background:#fff; min-height:140px; border:solid #d6d6d6; border-top:solid #666666; border-width:2px 0 0 0; } .listing-produits .sub-categorie li.first .product{ border-top:0px; } /* Description du produit */ .listing-produits .product .desc{ width:480px; overflow:hidden; float:left; padding:15px 0 15px 15px; } .listing-produits .product .desc img{ display:block; float:left; width:60px; height:60px; margin:0 10px 5px 0; overflow:hidden; } .listing-produits .product .desc h2{ display:block; margin:0; padding:0; } .listing-produits .product .desc h2 a{ display:block; font-family: 'Lato'; font-size:1.2em; color:#00aff0; margin:0; padding:0; text-decoration:none; } .listing-produits .product .desc h2 a:hover{ text-decoration:underline; } .listing-produits .product .desc strong{font-family: 'Lato'; color:#000; font-weight:normal; font-style:italic; } .listing-produits .product .desc p{ display:block; clear:both; color:#666; } /* Thumb & Call to action */ .listing-produits .product .access{ width:130px; overflow:hidden; float:right; padding:15px 15px 15px 30px; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-products-listing-access.png) no-repeat 0% 0%; text-align:center; } .listing-produits .product .access .thumb{ display:block; width:125px; height:89px; margin:0 auto; } .listing-produits .product .access a{ display:block; margin:5px 0 0 0; } /* Infos du produit */ .listing-produits .product .infos-produit{ position:relative; height:23px; clear:both; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-product-listing-infos.png) repeat-x 0% -60px; } .listing-produits .product .infos-produit .corner.l, .listing-produits .product .infos-produit .corner.r{ position:absolute; bottom:0; display:block; width:8px; height:30px; background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-product-listing-infos.png);} .listing-produits .product .infos-produit .corner.l{ left:-8px; background-position:0% 0%; } .listing-produits .product .infos-produit .corner.r{ right:-8px; background-position:0% -30px; } .listing-produits .product .infos-produit ul{display:block; height:23px; line-height:23px; } .listing-produits .product .infos-produit ul li{ display:block; float:left; text-align:center; position:relative; } /* Spec logiciel */ .listing-produits .product .infos-produit ul.spec{ float:left; overflow:hidden; } .listing-produits .product .infos-produit ul.spec li{ padding:0 25px; position:relative; font-size:0.8em; font-style:italic; color:#666666; min-width:50px; } .listing-produits .product .infos-produit ul.spec li .text{ display:block; } .listing-produits .product .infos-produit ul.spec li .value{ position:relative; z-index:6; top:-47px; height:25px; line-height:20px; font-size:1.1em; color:#000; font-style:normal; display:block; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-product-listing-infos-value.png) no-repeat 50% 100%;} .listing-produits .product .infos-produit ul.spec li .value img{ margin: -10px 0 0 0;} /* Type logiciel */ .listing-produits .product .infos-produit ul.type{ float:right; width:145px; text-align:center; } .listing-produits .product .infos-produit ul.type li{ padding:0 5px; float:none; display:inline; text-transform:uppercase; font-size:0.8em; color:#afafaf; font-weight:bold; } .listing-produits .product .infos-produit ul.type li.essai{ color:#006699; } .listing-produits .product .infos-produit ul.type li.gratuit{ color:#669900; } .listing-produits .product .infos-produit ul.type li.achat{ color:#cc0033; } .listing-produits .product .infos-produit ul.type li.en-ligne{ color:#e89e0f; } /* ==|== Affichage Sections ====================================================== */ .section.main-content{} /* Slider d'actualité des produits */ .section .bloc-site{} .section .bloc-site .content{ background:#eee; } /* Listing des sous catégories */ .section .bloc-site .sub-categories-listing{ margin:10px 0 20px 0; } .section .bloc-site .sub-categories-listing .listing{ border:solid #dadada; border-width:1px 0 0 0; padding:10px 25px 0 25px; overflow:hidden; } .section .bloc-site .sub-categories-listing .listing ul{ display:block; float:left; width:200px; } .section .bloc-site .sub-categories-listing .listing li{ display:block; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/icon/icon-sub-categories-listing-arrow.png) no-repeat 0% 5px; padding:0 0 0 15px; } .section .bloc-site .sub-categories-listing .listing li a{ color:#403f3f; text-decoration:none; font-size:0.8em; } .section .bloc-site .sub-categories-listing .listing li a:hover{ color:#bc0020; text-decoration:underline; } /* Heading & Title */ .section .bloc-site .heading{ display:block; font-size:2.1em; font-family: 'Lato'; color:#1e4c77; font-weight:400; text-align:center; height:50px; padding:5px 0 10px 0; } .section .bloc-site .cat-title{ display:block; position:relative; font-weight:bold; font-family: 'Lato'; font-size:1.2em; color:#fff; height:34px; line-height:34px; padding:0 0 0 15px; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-categorie-title.png) repeat-x 0% 0%; } .section .bloc-site .cat-title span{ display:block; position:absolute; bottom:-10px; left:30px; height:10px; width:22px; line-height:34px; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-categorie-title.png) no-repeat 50% 100%; } .section .bloc-site .sub-cat{ border-bottom:4px solid #154168; padding:0 0 5px 0; margin:0 11px; } .section .bloc-site .sub-cat.last{ border-bottom:0; } .section .bloc-site .sub-cat .sub-cat-link{ display:block; font-family: 'Lato'; font-weight:bold; float:left; font-size:1.3em; color:#999999; height:15px; line-height:15px; padding:0 15px; margin:15px 0 0 0; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/icon/icon-cat-link-arrow.png) no-repeat 0% 50%; text-decoration:none; } /* Articles */ .section .bloc-site .articles{ display:block; clear:both; } /* Article */ .section .bloc-site .article{ display:block; padding:15px; border-top:1px dotted #333; overflow:hidden; } .section .bloc-site .article.first{ border-top:0px; } .section .bloc-site .article img{ display:block; float:left; width:125px; height:89px; margin:5px 20px 0 0; border:3px solid #fff; -moz-box-shadow: 0 0 2px 2px #999; -webkit-box-shadow: 0 0 2px 2px#999; box-shadow: 0 0 2px 2px #999; } .section .bloc-site .article h3{padding:0; margin:0 0 3px 0; font-family: 'Lato'; font-size:1.8em; } .section .bloc-site .article h3 a{ text-decoration:none; color:#0298cd; } .section .bloc-site .article h3 a:hover{ text-decoration:underline; } .section .bloc-site .article h3 a span.version{ font-size:0.7em; } .section .bloc-site .article p{ display:block; padding:0; margin:0 10px 0 0; color:#666; line-height:15px; } /* ==|== Article ====================================================== */ #article.main-content{} /* Slider d'actualité des produits */ #article .bloc-site{ margin:0; } #article .bloc-site .breadcrumb{ border-bottom:4px solid #006699; padding-left:15px; } #article .bloc-site .content{ padding:8px; } /* Heading */ #article .bloc-site .heading{ padding:12px; overflow: hidden; position: relative; } #article .bloc-site .image-article{ display: block; float: left !important; padding: 0 15px 0 0; } #article .bloc-site .heading h1{ font-size:2.2em !important; font-family: 'Lato'; color:#006699; padding:0; margin:0 0 20px 0; } #article #contenu-dossier .heading h1{ margin: 20px 0 0 0; } #article .bloc-site .heading .date{ font-size:0.9em; } #article #contenu-dossier .date{ position: absolute; right: 10px; bottom: 10px; } #article .bloc-site .heading .fb-like{ float:right; } /* Sharebar */ #article .bloc-site .sharebar{ padding:8px 15px; border:dotted #000; border-width:1px 0 1px 0; overflow:hidden; } #article .bloc-site .sharebar ul{ display:block; float:left; } #article .bloc-site .sharebar ul li{ display:block; float:left; font-size:0.8em; margin:0 10px 0 0; } #article .bloc-site .sharebar ul li a{ display:block; color:#000; text-decoration:none; } #article .bloc-site .sharebar ul li a:hover{ text-decoration:underline; } /* Liens utils */ #article .bloc-site .sharebar ul.utils{ } #article .bloc-site .sharebar ul.utils li a{ padding:0 2px 0 25px; background:no-repeat 0% 50%; } #article .bloc-site .sharebar ul.utils li .print{ background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/icon/icon-article-print.gif) } #article .bloc-site .sharebar ul.utils li .send{ background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/icon/icon-article-send.gif) } /* Tags de l'article */ #article .bloc-site .sharebar ul.tags{ margin:8px 0 0 30px; } #article .bloc-site .sharebar ul.tags li a{ color:#607890; } /* Partage Social */ #article .bloc-site .sharebar ul.share{ float:right; margin:5px 0 0 0; } #article .bloc-site .sharebar ul.share li{ margin:0 0 0 5px; } /* Contenu de l'article */ #article .bloc-site .text{ padding:30px 35px 200px 35px; width: 620px; color:#323232; overflow: hidden;} #article .bloc-site .text .intro{ line-height:25px; } #article .bloc-site .text h2{ display:block; clear:both; font-size:1em; font-weight:bold; padding:0; margin:0; } #article .bloc-site .text p{ padding:5px 0 10px 0; text-align: justify; font-size:0.9em; margin:0; line-height:20px; } #article .bloc-site .text img{ margin: 0 15px 0 0;} #article .bloc-site .text .conclusion{ line-height:25px; } #article .bloc-site .text li{ list-style: disc inside none; } /* ==|== Fiche produit ====================================================== */ #fiche-produit.main-content{} /* Slider d'actualité des produits */ #fiche-produit .bloc-site{ margin:0; } #fiche-produit .bloc-site .breadcrumb{ border-bottom:4px solid #659703; padding-left:15px; } #fiche-produit .bloc-site .content{ background:none; border:none; } /* Description principale du produit */ #fiche-produit .bloc-site .content .desc-top{ border:1px solid #ccc; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-fiche-produit-desc-top.png) repeat-x 0% 100% #fdfdfd; padding:15px 25px; overflow:hidden; } #fiche-produit .bloc-site .content .desc-top .icon{ display:block; float:left; margin:5px 13px 0 0; } #fiche-produit .bloc-site .content .desc-top .main-title{ display:block; font-size:2em; font-family: 'Lato'; margin:0; padding:0; color:#353535; height:30px; } .ie7 #fiche-produit .bloc-site .content .desc-top .main-title{font-size: 1.8em; } #fiche-produit .bloc-site .content .desc-top .main-title span.version{ font-size:0.7em; margin:0; } #fiche-produit .bloc-site .content .desc-top dfn{ display:block; color:#0094cc; font-family: 'Lato'; font-style:italic; margin:0; font-size:1.2em; height:20px; } #fiche-produit .bloc-site .content .desc-top .thumb{ display:block; float:left; width:200px; margin:30px 0 0 -72px; height:140px; } #fiche-produit .bloc-site .content .desc-top .avis{ display:block; float:left; width:430px; height:140px; margin:30px 0 0 25px; } #fiche-produit .bloc-site .content .desc-top .avis .heading{ display:block; color:#343434; font-family: 'Lato'; height:32px; font-size:0.9em; line-height:32px; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-fiche-produit-avis-heading.png) repeat-x 0% 0%; } #fiche-produit .bloc-site .content .desc-top .avis .heading .icon-avis{ display:block; float:left; margin:10px 8px 0 11px; } #fiche-produit .bloc-site .content .desc-top .avis .heading .rating{ display:inline; padding:0 0 0 12px; margin:0 0 0 12px; border-left:1px solid #c3ee38; } #fiche-produit .bloc-site .content .desc-top .avis .text{ display:block; height:107px; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-fiche-produit-avis-text.png) repeat-x 0% 0%; } #fiche-produit .bloc-site .content .desc-top .avis .text p{ display:block; margin:1px; height:90px; background:#f0f0f0; padding:10px 10px 6px 10px; font-size:0.9em !important; line-height:14px; color:#131516; font-weight:bold; text-align:justify; } #fiche-produit .bloc-site .content .desc-top .avis .text p strong{ color:#4e6e05; } /* Boutons call to action */ #fiche-produit .bloc-site .content .action{ height:108px; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-fiche-produit-action.png) repeat-x 0% bottom #323232; overflow:hidden; } #fiche-produit .bloc-site .content .action li{ margin: 24px 8px 5px 5px; } /* Bouton Analyse du PC */ #fiche-produit .bloc-site .content .action .btn-analyse { width: 680px; height: 68px; margin: 0 0 0 15px; border-bottom: 1px solid #666666;} #fiche-produit .bloc-site .content .action .btn-analyse > span{ float: left; width: 202px; font-size: 1.1em; margin: 17px 0 0 0; padding: 0 0 0 50px; color: #a2c602; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/icon/icon-information.png) no-repeat 0 0;} #fiche-produit .bloc-site .content .action .btn-analyse a.lk { float: left; margin: 3px 0 0 0;} /* Partage du produit */ #fiche-produit .bloc-site .content .action .second-part { width: 680px; margin: 0 0 0 15px; overflow: hidden; border-top: 1px solid #000;} #fiche-produit .bloc-site .content .action .share-list{ float:left; } #fiche-produit .bloc-site .content .action .share-list li{display:block; float:left; } #fiche-produit .bloc-site .content .action .share-list li.facebook{ width: 25px; height: 25px; margin: 24px 9px 5px 10px; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/icon/icon-facebook-fiche-produit.png) no-repeat 0% 0%; } #fiche-produit .bloc-site .content .action .share-list li.facebook a {color: transparent; } #fiche-produit .bloc-site .content .action .share-list li.twitter {width: 25px; height: 24px; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/icon/icon-twitter-fiche-produit.png) no-repeat 0% 0%;} #fiche-produit .bloc-site .content .action .share-list li.twitter a {color: transparent;} /* Boutons d'action */ #fiche-produit .bloc-site .content .action .call-to-action{ float:right; display:block; } #fiche-produit .bloc-site .content .action .call-to-action li{ display:block; float:left; margin:5px 6px 5px 5px; } /* Description complète */ #fiche-produit .bloc-site .content .desc-bottom{ overflow:hidden; } /* Décorations */ #fiche-produit .bloc-site .content .desc-bottom .corner-t, #fiche-produit .bloc-site .content .desc-bottom .corner-b{ background:no-repeat 50% 0%; } #fiche-produit .bloc-site .content .desc-bottom .corner-t{ background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-fiche-produit-corner-t.png); height:13px; } #fiche-produit .bloc-site .content .desc-bottom .corner-b{ background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-fiche-produit-corner-b.png); height:18px; } /* Contenu de la description */ #fiche-produit .bloc-site .content .desc-bottom .text{ position: relative; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-fiche-produit-desc-bottom.png) repeat-y 50% 0%; padding:10px 25px; margin:0; } #fiche-produit .desc-bottom .text h2{ display:block; font-family: 'Lato'; color:#006699; font-size:1.5em; margin:50px 0 20px; padding:0; } #fiche-produit .desc-bottom .text p{ display:block; line-height: 1.5em; font-size:16px; padding:0; margin:5px 0; } /* Configuration */ #fiche-produit .desc-bottom .text .configuration{ width:530px; margin:20px auto 5px auto; font-size:0.9em; } #fiche-produit .desc-bottom .text .configuration td{ border:1px solid #999; color:#2f2b15; width:290px; padding:0 0 0 30px; background:#fff; height:28px; line-height:28px; } #fiche-produit .desc-bottom .text .configuration td.field{ width:180px; border-bottom:1px solid #fff; background:#333; color:#fff; } #fiche-produit .desc-bottom .text .configuration td a{color:#333; } /* Tags */ #fiche-produit .desc-bottom .text .tags{ width:530px; padding:5px 0 40px 0; margin:0 auto; font-size:0.9em; overflow:hidden; display:block; } #fiche-produit .desc-bottom .text .tags li{ display:block; float:left; margin:0 2px; } #fiche-produit .desc-bottom .text .tags li a{ color:#007fad; text-decoration:none; } #fiche-produit .desc-bottom .text .tags a:hover{ color:#0bbcf0; } /* Bloc éléments liés */ #fiche-produit .bloc-site .content .elements-associes{ border:1px solid #ccc; background:#fff; overflow:hidden; padding:15px 30px 25px 30px; } #fiche-produit .bloc-site .content .elements-associes h2{ display:block; background:no-repeat 0% 50%; padding:0 0 0 48px; margin:0 0 15px 0; height:38px; line-height:38px; font-weight:bold; } #fiche-produit .bloc-site .content .elements-associes ul{ display:block; color:#333333; min-height:250px; } #fiche-produit .bloc-site .content .elements-associes ul li{ display:block; font-size:0.8em; } #fiche-produit .bloc-site .content .elements-associes ul li h3{ display:block; padding:0 0 2px 10px; margin:0; background:no-repeat 0% 50%; } #fiche-produit .bloc-site .content .elements-associes ul li h3 a{ color:#333333; text-decoration:none; } #fiche-produit .bloc-site .content .elements-associes ul li h3 a:hover{ color:#000; } #fiche-produit .bloc-site .content .elements-associes ul li p{ display:block; font-size:1.2em; padding:0 0 2px 10px; margin:0 0 15px 0 ; } #fiche-produit .bloc-site .content .articles-associes, #fiche-produit .bloc-site .content .logiciels-similaires{ float:left; width:310px; } #fiche-produit .bloc-site .content .articles-associes{ width:325px; margin:0 0 0 15px; } #fiche-produit .bloc-site .content .articles-associes h2{ background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/icon/icon-fiche-produit-articles-associes.png); color:#719405;} #fiche-produit .bloc-site .content .articles-associes ul li h3{ background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/icon/icon-products-associes-dot.gif); } #fiche-produit .bloc-site .content .articles-associes ul{ margin:0 20px 0 0; padding:0 20px 0 0; border-right:1px solid #333; } #fiche-produit .bloc-site .content .logiciels-similaires h2{ background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/icon/icon-fiche-produit-logiciels-similaires.png); color:#0099cc; } #fiche-produit .bloc-site .content .logiciels-similaires ul li h3{ background-image:url(https://media.quetelecharger.com/web/quetelechargerV2/images/icon/icon-products-similaires-dot.gif); } #download-acces{ background:#f3f3f3; padding:1px; width:620px; } #download-acces .heading{ background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-download-acces-heading.png) repeat-x 0% 0% #333; padding:1px; height:58px; line-height:58px; margin:0; padding:0 15px; color:#dcdcdc; text-transform:uppercase } #download-acces .entete, #download-acces .fichiers{ display:block; overflow:hidden; } #download-acces .entete li{ display:block; float:left; width:206px; text-align:center; font-size:1.2em; text-transform:uppercase; height:36px; line-height:24px; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-download-acces-entete.png) no-repeat 50% 0% #f3f3f3; } #download-acces .fichiers li{ display:block; height:71px; overflow:hidden; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-download-acces-row.png) repeat-x 0% 0% #f3f3f3; border-bottom:1px solid #d5d5d5; } #download-acces .fichiers li .fichier{ height:71px; overflow:hidden; } #download-acces .fichiers li .fichier .nom{ margin:10px 0 0 25px; float:left; width:180px; color:#333 } #download-acces .fichiers li .fichier .nom p{ color:#0282af; margin:0; font-size:0.9em; font-weight:bold; } #download-acces .fichiers li .fichier .nom p span{ display:block; font-size:0.9em; color:#333; font-weight:normal; } #download-acces .fichiers li .fichier .nom small{ font-size:0.8em; } #download-acces .fichiers li .fichier .os{ margin:15px 0 0 30px; float:left; text-align:center; width:150px; font-size:0.8em; color:#333; } #download-acces .fichiers li .fichier .btn.download.acces{ float:right; margin: 20px 35px 0 0; } /* Reveal Modal JS */ .reveal-modal-bg{ position:fixed; height:100%; width:100%; background:#000; background:rgba(0,0,0,.8); z-index:1000; display:none; top:0; left:0; } .reveal-modal{ visibility:hidden; top:100px; left:50%; margin-left:-300px; width:520px; background:#eee; position:absolute; z-index:1001; padding:30px 40px 34px; -moz-box-shadow:0 0 10px rgba(0,0,0,.4); -webkit-box-shadow:0 0 10px rgba(0,0,0,.4); -box-shadow:0 0 10px rgba(0,0,0,.4); } .reveal-modal.small{ width:200px; margin-left:-140px; } .reveal-modal.medium{ width:400px; margin-left:-240px; } .reveal-modal.large{ width:600px; margin-left:-340px; } .reveal-modal.xlarge{ width:800px; margin-left:-440px; } .reveal-modal .close-reveal-modal{ font-size:22px; line-height:.5; position:absolute; top:24px; right:11px; color:#aaa; text-shadow:0 -1px 1px rbga(0,0,0,.6); font-weight:bold; cursor:pointer; } /* ==|== Page de téléchargement ====================================================== */ #telechargement.main-content{ width:530px; } #newsletter.main-content{ width:530px; } /* Bloc newsletter */ #newsletter.main-content .bloc-newsletter{ height:137px; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-newsletter.png) no-repeat 50% 50%; } #newsletter.main-content .bloc-newsletter .illustration{ display:block; float: left; margin: 10px; } #newsletter.main-content .bloc-newsletter .text{ display:block; color:#1c4c71; width:385px; float: left; font-size:1.4em; font-family: 'Lato'; margin: 20px 0; } #newsletter.main-content .bloc-newsletter input[type=text] { width: 245px; height: 27px; border: 1px solid #a3a3a3; padding: 0 5px; color:#7c7c7c; -webkit-box-shadow: 4px 4px 20px #959595; box-shadow: 4px 4px 20px #959595; margin: 0;} #newsletter.main-content .bloc-newsletter input[type=submit] { width: 118px; height: 35px; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/btn/btn-envoyer.png) no-repeat 0 0; font-weight: bold; font-size: 1.5em; color: #FFF; border: none; margin: 0;} #newsletter.main-content .bloc-newsletter input[type=submit]:hover { background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/btn/btn-envoyer.png) no-repeat 0px -34px; } /* Bloc de téléchargement */ #telechargement.main-content .bloc-telechargement{ height:290px; background:#f6f6f6; } #telechargement.main-content .bloc-telechargement .text{ display:block; color:#156ca1; text-align:center; text-transform:uppercase; padding:10px 0 15px 0; margin:0 auto; font-size:1.3em; font-family: 'Lato'; } #telechargement.main-content .bloc-telechargement .lien-telechargement{ margin:0 auto 25px auto; } #telechargement.main-content .bloc-telechargement .text-gris-bold{ display:block; text-align:center; font-size:1.2em; color:#525252; margin:0 0 10px 0; } #telechargement.main-content .bloc-telechargement .text-gris{ display: block; text-align: center; color: #666666; font-size: 0.9em; margin: 10px auto; width: 470px;} #telechargement.main-content .bloc-telechargement .btn-scanner{ display:block; text-indent: -9999px; margin:0 auto; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/btn/btn-scanner.png) no-repeat 0 0; height: 69px; width: 470px;} #telechargement.main-content .bloc-telechargement .btn-scanner:hover{ background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/btn/btn-scanner.png) no-repeat 0 -68px; } /* Advertising */ #telechargement.main-content + .advertising{ width:160px; float:left; margin:18px 0 0 10px; text-align:center; } #telechargement.main-content + .advertising a{ display:block; margin:0 0 15px 0; overflow:hidden; } /* Encart - Les indispensables */ #telechargement.main-content .les-indispensables{ overflow:hidden; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/bg/bg-dossier-conseils-les-indispensables.gif) no-repeat 100% 50% #dadad9; border:solid #fff; border-width:1px 0 1px 0; padding:5px 64px 8px 10px; height: 100px; } #telechargement.main-content .les-indispensables .heading{ text-transform:uppercase; margin:5px 0; color:#659803; display:block; font-size:0.9em; } #telechargement.main-content .les-indispensables ul{ display:block; } #telechargement.main-content .les-indispensables ul li{ display:block; float:left; margin:3px 13px 3px 0; } #telechargement.main-content .les-indispensables ul li a{ display:block; float:left; overflow:hidden; width:66px; height:66px; -moz-box-shadow: 0 0 2px 2px #888; -webkit-box-shadow: 0 0 2px 2px#888; box-shadow: 0 0 2px 2px #888; } #telechargement.main-content .les-indispensables ul li a img{ display:block; padding:0; margin:0; width:auto; height:auto; border:3px solid #FFFFFF; } /* Encart News Twitter */ #bloc-content-news { display: block; margin: 20px 0; float: left; position: relative; width: 731px;} #flux-actu.download { margin: 0 0 0 100px !important;} #flux-actu.after-download { width:auto !important;margin: 0 30px 0 30px !important;float:none;} /*After download*/ #flux-actu.after-download ul li{float:left !important;height:90px !important;width:47%;margin:0;padding:10px;} #flux-actu.after-download ul li p {float:none;text-align:justify;padding:0;margin:0;width:auto;} /* Popup Norton */ #popup-norton{ background:#c7c5c5; border: 1px solid #fff; width: 473px; height: 203px; position: relative; overflow: hidden; } #popup-norton .logo { float: left; margin: 15px 0 0 170px; } #popup-norton .title { clear: both; padding: 15px 0 0 65px; font-size: 1.2em; color: #494949; margin: 0px;} #popup-norton input#namepopup{ float: left; margin: 0 65px; color: #999; height: 27px; border: 1px solid #CCC; width: 300px; background: #FFF; padding:0 10px; } #popup-norton input.valider { display:block; margin: 40px auto; width: 148px; height: 54px; border: none; color: #000; background: url(../images/btn/btn-valider-recup-email.png) no-repeat 0 0; text-indent: -9999px; } .page-download #fancybox-inner{ top:0!important; left:0!important;} .page-download #fancybox-outer{ background: none!important; height: 205px !important; } .page-download #fancybox-wrap { height: 243px !important; width: 474px!important;} /* ==|== Advertising ====================================================== */ #header-centre { width: 468px; height: 60px; margin: 0 0 0 8px; } #home-selection-logiciel { height: 300px; overflow: hidden; } #home-selection-logiciel a{ display: block; text-align: center; } #les-tops-loisirs { width: 728px; overflow: hidden; height: 90px; margin: 20px 0 20px -20px; } #les-plus-telecharges { width: 728px; overflow: hidden; height: 90px; margin: 0 0 20px -20px; } #home-centre { float: left; width: 728px; overflow: hidden; height: 90px; margin: 0 0 20px 0 } #fiche-centre { width: 468px; overflow: hidden; margin: 0 auto; } .pubcentre { overflow: hidden; margin: 0 auto; width: 610px; height: 160px; } .ie7 #home-centre { float: left; display: block; width: 728px; height: 90px; margin: 0 0 20px 0 } #home-sky { float: right; width: 160px; height: 600px; margin: 10px 0 0 0;} #permanent-gauche { width: 250px; margin: 20px 0 15px 10px;} #dossier-conseil-sky, #actualite-sky, #telechargement-sky-droite { float: right; width: 160px; height: 600px; margin: 20px 0 0 10px; } #dossier-conseil-centre { float: right; width: 468px; height: 60px; } #telechargement-centre { float: left; width: 468px; height: 60px; margin: 20px 0 0 30px; } #resultats-recherche-centre { float: left; width: 468px; height: 60px; margin: 0 0 0 0; } #telechargement-autres-logiciels-gauche { float: left; width: 250px; height: 250px; margin: 20px 0 0 10px; } #telechargement-autres-logiciels-droit { float: left; width: 250px; height: 250px; margin: 20px 0 0 15px; } #categorie-centre { float: left; display: block; overflow: hidden; margin: 0 0 0 -17px; width: 728px; height: 90px; } #categorie-menu-centre { float: left; width: 250px; height: 250px; margin: 0; overflow: hidden;} #categorie-menu-droite { float: left; width: 250px; height: 250px; margin: 0; overflow: hidden;} .advertising-container{ display: block; position: relative; margin: 20px 0; height: 90px; width: 728px; } #indispensable-centre, #sous-categorie-centre, #top-logiciels-centre, #derniers-ajouts-centre { position: absolute; left: -15px; width: 728px; height: 90px; } #top-loisirs-centre { position: absolute; left: -15px; top: 160px; width: 728px; height: 90px; } #dossier-conseils-centre, #actualite-centre { float: left; width: 468px; height: 60px; margin: 35px 0 0 20px; } .mention { display: block; text-align: center; margin:30px 0; } /* ==|== PAGE CGU ====================================================== */ .text.cgu { padding: 0 20px; margin: 10px 0 0 0 !important; width: 690px!important; } /* ==|== PAGE ERROR ====================================================== */ #page-error { width: 1049px; margin: 0 auto; padding: 0 8px; overflow: hidden;} #page-error > .title{ width: 969px; margin: 20px auto 0 auto; background-image: url("../images/bg/bg-bloc-site-heading-error.png"); height: 41px; line-height: 41px; position: relative;} #page-error > .title .corner{ display: block; height: 71px; position: absolute; top: 0; width: 8px;background-image: url("../images/bg/bg-bloc-site-heading-error.png");} #page-error > .title .corner.l{ left: -8px; } #page-error > .title .corner.r{ right: -8px; background-position: 0 -71px ;} #page-error > .title img { display: block; float: left; margin: 4px 7px 0 0; } #page-error > .title h2 { background: url("../images/bg/bg-bloc-site-heading-error.png") no-repeat scroll 100% 50% transparent; color: #FFFFFF;float: left; font-family: 'Lato'; font-size: 2em; height: 37px; line-height: 37px; margin: 1px 0 0 10px; padding: 0 76px 0 0; text-transform: uppercase; } #page-error .fil-arianne { background-color: #dadad9; margin: 0 auto; width: 969px; height: 22px;} #page-error .fil-arianne a { color: #333333; margin: 2px 0 0 10px; text-decoration: none; font-size: 0.8em; font-weight: bold;} #page-error #redirections { display: block; position: relative; width: 969px; height: 750px; margin: 0 auto 20px auto; border: 1px solid #cbcbcb; background-color: rgba(255, 255, 255, 0.65)!important; background-color: #ffffff;} #page-error #redirections .redirections-liens { display: block; position: absolute; top: 0; left: -40px; overflow: hidden; width: 1049px; height: 742px; background-image: url("../images/bg/bg-404.png");} #page-error #redirections .redirections-liens .tomtom { position: absolute; top: 80px; left: 140px; width: 120px; height: 132px;} #page-error #redirections .redirections-liens .google-earth { position: absolute; top: 10px; left: 320px; width: 140px; height: 122px; } #page-error #redirections .redirections-liens .retour-accueil { position: absolute; top: 45px; left: 485px; width: 132px; height: 175px; } #page-error #redirections .redirections-liens .like { position: absolute; top: 77px; left: 622px; width: 168px; height: 140px;} #page-error #redirections .redirections-liens .msn { position: absolute; top: 37px; left: 790px; width: 136px; height: 125px; } #page-error #redirections .redirections-liens .facebook { position: absolute; top: 45px; left: 928px; width: 110px; height: 125px; } #page-error #redirections .redirections-liens .spotify { position: absolute; top: 220px; left: 128px; width: 150px; height: 130px; } #page-error #redirections .redirections-liens .yahoo { position: absolute; top: 250px; left: 878px; width: 150px; height: 130px; } #page-error #redirections .redirections-liens .deezer { position: absolute; top: 352px; left: 20px; width: 120px; height: 120px; } #page-error #redirections .redirections-liens .itunes { position: absolute; top: 392px; left: 280px; width: 135px; height: 160px; } #page-error #redirections .redirections-liens .vlc { position: absolute; top: 452px; left: 480px; width: 165px; height: 130px; } #page-error #redirections .redirections-liens .bitdefender { position: absolute; top: 368px; left: 732px; width: 145px; height: 140px; } #page-error #redirections .redirections-liens .gdata { position: absolute; top: 385px; left: 882px; width: 115px; height: 140px; } #page-error #redirections .redirections-liens .media-player { position: absolute; top: 580px; left: 225px; width: 115px; height: 140px;} #page-error #redirections .redirections-liens .youtube { position: absolute; top: 600px; left: 350px; width: 115px; height: 140px; } #page-error #redirections .redirections-liens .kaspersky { position: absolute; top: 580px; left: 710px; width: 105px; height: 130px; } #page-error #redirections .redirections-liens .eset { position: absolute; top: 570px; left: 821px; width: 105px; height: 110px; } /* Les indispensables */ #page-error #indispensables{ clear:both; width: 970px; margin:0 8px 27px 40px; } .page-error #indispensables ul li{ display:block; float:left; overflow:hidden; height:78px; width:483px; border-right:1px solid #dadad9; } /* News */ #page-error #flux-actu.index{ float:left; margin:0 8px 27px 40px; width:616px; } #page-error #flux-actu.index ul li p{ display:block; float: left; width: 480px; padding:0; margin:0 10px 0 0; color:#333; font-size:0.8em; line-height:10px; } /* Flux Twitter */ #page-error #flux-twitter.index{ float:left; margin:0 8px 27px 50px; width:295px; } /* ==|== Module commentaire ====================================================== */ #module-commentaires{ display: block; overflow: hidden; margin: 20px; background: #fff; border: 1px solid #ccc; border-top: 2px solid #666666; } .page-dossier #module-commentaires{ margin: 20px 0 20px 287px;} #module-commentaires .main-title{ display: block; margin: 10px; font-size: 1.2em; font-family: 'Lato'; color:#333; font-weight:400; background:url(https://media.quetelecharger.com/web/quetelechargerV2/images/icon/icon-products-similaires-dot.gif) no-repeat 0% 50%; padding: 0 0 5px 10px; border-bottom: 1px solid #ccc; } #form-commentaire{ display: block; overflow: hidden; margin: 10px; } #comment-listing{ display: block; overflow: hidden; padding: 0 0 20px 0; } #content-commentaire{ display: block; overflow: hidden; margin: 10px; padding: 10px; border-top: 1px solid #ccc; } #content-commentaire .comment-container{ display: block; overflow: hidden; padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #ccc; } #content-commentaire .comment-container .comment-date{ display: block; font-size: 10px; } #content-commentaire .comment-container .comment-content{ display: block; padding: 0 0 5px 0; } #content-commentaire .comment-container .comment-spam{ display: block; font-size: 10px; color: #333; } #content-bouton-form{ display: block; margin: 10px 0; } #content-bouton-form fieldset{ display: block; margin: 3px 0; } #content-bouton-form .submit{ border: none; background: #7A9F37; color: #fff; padding: 5px 15px; font-weight: bold; } #content-bouton-form .reset{ border: none; background: #999; color: #fff; padding: 5px 15px; font-weight: bold; } /* ==|== Bouton partage Facebook ====================================================== */ /* two core styles, use for all heights */ .fb-share-button { background: #29447e no-repeat; display: inline-block; padding: 0; margin:0; text-decoration: none !important; outline: none; /* size specific: */ background-image: url('https://s-static.ak.facebook.com/images/share/links/fb-button-icon18.png') } .fb-share-button span { background: #5f78ab; border-top: solid 1px #879ac0; border-bottom: solid 1px #1a356e; color: white; display: block; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-weight: bold; margin: 1px 1px 0 0; text-shadow: none; padding: 0 6px; /* size specific section: */ line-height: 15px; font-size: 11px; margin-left: 18px; } /* add these two for a 22px high button */ .fb-share-button-22 { background-image: url('https://s-static.ak.facebook.com/images/share/links/fb-button-icon22.png'); } .fb-share-button-22 span { line-height: 19px; font-size: 12px; margin-left: 22px; } /* add these two for a 25px high button */ .fb-share-button-25 { background-image: url('https://s-static.ak.facebook.com/images/share/links/fb-button-icon25.png'); } .fb-share-button-25 span { line-height: 22px; font-size: 16px; margin-left: 25px; } /* add these two for a 39px high button */ .fb-share-button-39 { background-image: url('https://s-static.ak.facebook.com/images/share/links/fb-button-icon39.png'); } .fb-share-button-39 span { line-height: 36px; font-size: 18px; margin-left: 39px; } /* ==|== Media queries ====================================================== */ @media only screen and (min-width: 480px) { } @media only screen and (min-width: 768px) { } /* ==|== Print styles ======================================================= */ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }