/*********************************************************************** * Style.css * @copyright Eptimum * @link http://www.eptimum.com/ * @date 2016-11-29 */ #popupMsg { display: none!important; } /* ==|== Elements principaux ====================================================== */ #wrap { width: 100%; border: none; box-shadow: none;} #main-header { background-image: none; background-color: #e2f0fd; } #main-container #container { width: 100%; background-color: #fff; } #container-top-bloc { width: 100%; background-image: none; } .container-reseaux-sociaux { display: none; } #header-description { display: none; } .bloc-pub-container-468-haut { display: none; } /* ==|== HEADER ====================================================== */ #header-logo { float: none; z-index: 9999; margin: 6px auto; width: 210px; height: 37px; background: url(../images/icon/icon-header-logo-min.png) no-repeat 0 0; } #header-logo img { display: none; } #main-header #header { height: 50px; } /* ==|== MENU ====================================================== */ .header-nav { display: none; } #container-menu { display: none; } .mobile-nav { display: block; height: 1px; z-index: 99; cursor: pointer; } .menu-btn { position: absolute; left: 14px; top: 5px; cursor: pointer; } .menu-btn div { padding-right: 8px; line-height: 1.2; font-size: 18px; font-weight: 200; vertical-align: middle; } .menu-btn span { display: block; width: 36px; height: 5px; margin: 6px 0; background: #005181; z-index: 99; } /* ==|== SEARCH ====================================================== */ .cse-branding-bottom.form { display: none; } /* SEARCH BOX */ .container-search { display: block; position: absolute; top: 6px; right: 2%; float: left; width: 310px; margin: 0 0 8px 54px; z-index: 0; height: 42px; } .sb-search-open { z-index: 9999999999!important; } .sb-search { position: relative; width: 46px; height: 42px; float: right; overflow: hidden; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; -webkit-backface-visibility: hidden; } #sb-search { z-index: 999999999999999!important; } .sb-search-input {position: absolute;top: 0;right: 0;border: none;outline: none; background: #fff; width: 97%; height: 42px; margin: 0; z-index: 10; padding: 0 0 0 10px; font-family: inherit; font-size: 14px; color: #b0b0b0; background-image: none!important} .sb-search-input::-webkit-input-placeholder {color: #b0b0b0;} .sb-search-input:-moz-placeholder {color: #b0b0b0;} .sb-search-input::-moz-placeholder {color: #b0b0b0;} .sb-search-input:-ms-input-placeholder {color: #b0b0b0;} .sb-icon-search, .sb-search-submit { width: 46px; height: 36px;display: block;position: absolute;right: 0;top: 0;padding: 0;margin: 0;line-height: 36px;text-align: center;cursor: pointer; } .sb-search-submit {background: #fff; /* IE needs this */-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */ filter: alpha(opacity=0); /* IE 5-7 */opacity: 0;color: transparent;border: none;outline: none;z-index: -1; } .sb-icon-search {color: transparent;z-index: 99; width: 46px; height: 42px; background: url(../images/icon/icon-search.png) 10px 10px no-repeat #e2f0fd; speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased; padding-left: 1px;} .sb-icon-search:before { width: 44px; height: 42px; background: url(../images/icon/icon-search.png) 10px 10px no-repeat #fff; } /* Open state */ .sb-search.sb-search-open, .no-js .sb-search {width: 86%;} .sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {background: url(../images/icon/icon-search.png) 10px 10px no-repeat #e2f0fd; color: #fff; z-index: 11;} .sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit {z-index: 90; overflow: hidden; width: 46px;} /* ==|== CONTAINER LEFT ====================================================== */ #col-left { width: 96%; margin: 10px auto; float: none; } .list-logiciels { width: 49%; } .list-logiciels.notre-selection { width: 49%; margin-right: 2% } .list-logiciels.plus-telecharger { width: 49%; } .list-logiciels.notre-selection .listing-logiciels, .list-logiciels.plus-telecharger .listing-logiciels { width: 100%; height: auto; padding: 0; } .list-logiciels.notre-selection .listing-logiciels .logiciel { min-height: auto; height: auto; padding: 8px 0; } .listing-logiciels .logiciel .container-right-logiciel { width: 60%; float: left; } .listing-logiciels .logiciel h3 { width: 100%; } .listing-logiciels .logiciel h3 a{ color: #000; } .list-logiciels.notre-selection .validation { top: 10px; } .listing-logiciels .logiciel .vignette { margin-bottom: 6px; margin-right: 11px; } .listing-logiciels .logiciel .telechargement { width: 100%; } .list-logiciels.notre-selection .description, .listing-logiciels .logiciel .description { width: 100%; } .list-logiciels.notre-selection .note { width: 100%; float: left; } .list-logiciels.notre-selection .container-telechargement { width: 160px; margin: 0 auto } .list-logiciels.notre-selection .note .text { margin-left: 0; } .list-logiciels.best { width: 100%; } .list-logiciels.best .title .text, .list-logiciels.best .title .text.categorie { font-weight: normal; font-size: 24px; text-align: left; margin-left: 35px; } .list-logiciels.best .listing-logiciels { width: 100%; padding: 0; } .list-logiciels.best .listing-logiciels .first { padding: 22px 2% 22px 2%; height: auto; } .list-logiciels.best .listing-logiciels .logiciel { min-height: 125px; padding: 15px 2% 24px 2%; } .list-logiciels.best .listing-logiciels .logiciel .vignette { position: absolute; top: 0; right: 17px; margin-top: 3%; } .list-logiciels.best .container-infos { width: 70%; overflow: hidden; } .list-logiciels.best .btn-download { position: absolute; top: 87px; right: 10px; width: 138px; height: 30px; background: url(../images/btn/btn-telecharger-min.png) no-repeat 0 0; } .list-logiciels.best .listing-logiciels .logiciel h3 { width: 100%; margin-bottom: 4px; } .list-logiciels.best .listing-logiciels .logiciel h3 a { color: #698ba9; } .list-logiciels.best .text { width: 100%; } .list-logiciels.best .listing-logiciels .logiciel .description, .listing-logiciels .logiciel.article .description { width: 90%!important; margin-bottom: 5px; } .actu { width: 92%; margin: 37px 4% 0 4%; } /* ==|== CONTAINER RIGHT ====================================================== */ #col-right { width: 96%; margin: 10px auto; padding-bottom: 10px; float: none; } .bloc-pave-pub { margin: 0 auto 20px auto; } .titre-widget { width: 100%; } .texte-widget { width: 100%; padding: 10px 0} .texte-widget li { width: 98%; padding: 9px 1%; } .texte-widget li .link .nom-article { width: 70%; } #widget-facebook, .titre-widget.facebook { display: none; } #widget-google, .titre-widget.google { display: none; } #widget-twitter, .titre-widget.twitter { display: none; } .texte-widget li .container-infos { width: 70%; overflow: hidden; } .texte-widget.maj .title { width: 100%; } .texte-widget.maj .text { width: 100%; } #col-right .container-reseaux-sociaux { display: block; padding: 30px 0; width: 100%; margin: 15px 0 0 0; background-color: #eaeaea; } #col-right .container-reseaux-sociaux ul { display: block; width: 308px; margin: 0 auto; } #col-right .container-reseaux-sociaux ul li { margin: 0 70px 0 0; width: 56px; text-align: center; } #col-right .container-reseaux-sociaux ul li:last-child { margin: 0; } #col-right .container-reseaux-sociaux ul li .text { font-family: Verdana; text-decoration: underline; color: #959595; font-size: 11px; font-style: italic; } #col-right .container-reseaux-sociaux img { margin: 0 auto; } /* ==|== PAGE CATEGORIE ====================================================== */ .rubriques-categories h2 { background-image: none; height: auto; } .rubriques-categories h2 .sous-titre-rubrique-categorie { margin-bottom: 18px; } .list-logiciels.best > .bloc-pub-container-468 { width: 100%; padding-left: 0; } /* ==|== FICHE PRODUIT ====================================================== */ .presentation-logiciel .titre-rubrique { margin: 0; padding: 11px 0; } .entry-info { font-size: 14px; } .content-texte-description .vignette { width: 235px; height: 164px; } .bloc-pub-carre-software { margin: 14px auto; float: none; width: 300px; } .content-boutons { min-height: auto; width: 100%; padding-bottom: 20px; text-align: center;} .content-boutons .bouton-acheter, .content-boutons .bouton-telecharger, .content-boutons .bouton-jouer-en-ligne, .content-boutons .bouton-appstore, .content-boutons .bouton-visiter-site, .content-boutons .bouton-google-play, .content-boutons .bouton-windows-store { display: inline-block; margin: 0 0 5px 0; } /* Commentaires */ #bloc-commentaire { width: 98%; } #bloc-commentaire .bloc { padding: 0 2% 10px 2%; margin-bottom: 15px; } #bloc-commentaire .votre-commentaire { background: url(../images/icon/icon-votre-commentaire-min.png) no-repeat 3% 0; } #bloc-commentaire .votre-nom { background: url(../images/icon/icon-votre-nom-min.png) no-repeat 3% 0; } #bloc-commentaire .votre-mail { background: url(../images/icon/icon-votre-mail-min.png) no-repeat 3% 0; } #bloc-commentaire .bloc-captcha { overflow: hidden; background: url(../images/icon/icon-validate-captcha.png) no-repeat 3% 0; } #bloc-commentaire .bloc .title { padding-left: 55px; padding-top: 9px; } #bloc-commentaire .form-commentaire textarea, #bloc-commentaire .bloc input { width: 93%; margin-top: 26px; padding: 5px 2%; } #bloc-commentaire .bloc-captcha input { width: 50%; height: 21px; margin-top: 32px; } #bloc-commentaire .bloc-captcha .captcha { margin-top: 30px; } /* POPUP DOWNLOAD */ .fancybox-wrap { width: 100%!important; left: 0!important; } .popup-download .fancybox-skin { width: 98%; margin: 0 auto; background-color: transparent; box-shadow: none; } .popup-download .fancybox-inner { width: 100%!important; } #telechargement-produit { width: 98%; margin: 0 auto; padding: 0.5%; border: none; background-color: #ffffff; } .popup-download .fancybox-skin .fancybox-close { top: 3%!important; right: 2%!important; } /* ==|== AFTER DOWNLOAD ====================================================== */ .bloc-widget-ad, .bloc-widget-adownload { width: 100%; } .pub-after-download { width: 630px; margin: 0 auto; } /* ==|== ARTICLE ====================================================== */ .list-logiciels.best .nom-logiciel.article { width: 100%; } .like-social-bar { padding: 10px 0; } .like-social-bar .content-gplus-twitter { float: right; margin-right: 10px; } .like-social-bar .twitter-like { width: auto; } .like-social-bar .facebook-like { width: 306px!important; } /* ==|== FOOTER ====================================================== */ #footer-top .a-propos { width: 40%; padding: 0 4% 0 5%; margin-bottom: 40px; } #footer-top .information { width: 40%; padding: 0 4% 0 5%; margin-bottom: 40px; } #footer-top .a-propos .title { padding-left: 60px; } #footer-top .information .titre-rub-footer { padding: 10px 0 24px 52px; } #footer-bottom .big-categorie .titre-categorie { font-size: 13px; } #footer-bottom .big-categorie { width: 47%; margin-right: 0; min-height: 80px;} #footer-bottom .big-categorie:nth-child(2n+1) { margin-right: 5%; } #footer-bottom .big-categorie.last { margin-right: 0; } /* ==|== FINDER ====================================================== */ #main-content .bloc-pub-reseau { display: none!important; } #page-finder { width: 96%; margin: 0 auto; float: none; } .content-finder .item .description { overflow: hidden; width: 100%; display: inline; } #part-right { width: 96%; margin: 0 auto; float: none; } #bloc-pub-right-ad.finder { width: 300px; margin: 15px auto 10px auto;} #part-right .inside-part-right { width: 96%; padding: 15px 2% 30px 2%; margin-bottom: 20px; } #part-right .titre-widget { width: 96%; padding: 0 2%; text-align: center; background-image: none; background-color: #333333; } #part-right .texte-widget { width: 100%; padding: 0; } #part-right .texte-widget ul { width: 100%; } #part-right .texte-widget li { width: 100%; } #part-right .texte-widget li a { width: 85%; height: auto; } #part-right #widget-facebook, .titre-widget.facebook { display: block; margin: 15px auto;} #widget-twitter-google { text-align: center; } #widget-twitter-google iframe, #widget-twitter-google div { display: inline-block; margin-top: 15px; } #page-finder .content-item .item .visuel { float: none; margin: 0 auto; } #page-finder .content-finder .item h2 { text-align: center; margin-top: 15px !important; } #page-finder .content-finder .item .content-type-rating { width: 96%; margin: 10px auto; float: none; height: auto; overflow: hidden; border-radius: 0; } #page-finder .content-finder .item.first .content-type-rating { width: auto; } #page-finder .content-finder .item.first .article { height: auto; margin-bottom: 0; } @media only screen and (max-width: 768px){ .pub-728x90 { display: none!important; } .pub-728x90-mobile { display: block; } } @media only screen and (max-width: 720px){ /* ==|== AFTER DOWNLOAD ====================================================== */ .text-telechargement { width: 100%; margin: 19px 0; font-size: 15px; line-height: 19px; } .lien-telechargement { float: none; margin: 0 auto 25px auto; overflow: hidden; width: 165px; } .content-analyse .text-gris { width: 98%; } .content-analyse .bouton-analyser { width: 270px; height: 63px; background: url(../images/btn/btn-analyser-pc-min.png) no-repeat 0 0; } } @media only screen and (min-width: 500px) and (max-width: 720px) { .list-logiciels.notre-selection .title { background-position: 13px -520px; } .list-logiciels.notre-selection .title .text { font-size: 27px; margin-left: 15px; } .list-logiciels.plus-telecharger .title .big { font-size: 29px; } .list-logiciels.plus-telecharger .title strong { font-size: 41px; } .list-logiciels.plus-telecharger .title .text { font-size: 15px; line-height: 16px; margin-top: 13px; width: 137px; } .listing-logiciels .logiciel .container-right-logiciel { width: 53%; } .list-logiciels.best .title .text { font-size: 22px; } .list-logiciels.best .title .text.categorie { font-size: 20px; } .list-logiciels.best .container-infos { width: 65%; } /* ==|== PAGE CATEGORIE ====================================================== */ .bloc-flitre { text-align: center; } .bloc-flitre .option-filtre { width: 100%; text-align: center; } .bloc-flitre .filtre, .bloc-flitre .btn-filtre { display: inline-block; float: none; } .content-pagination .numero { padding: 10px 1px; margin-right: 6px; font-size: 11px; } .content-pagination .texte { font-size: 11px; width: 77px; } .content-pagination .texte-end { font-size: 11px; width: 80px; padding: 10px 5px; margin-right: 7px; } /* ==|== FICHE PRODUIT ====================================================== */ .content-pub .bloc-pub-container-468 { display: none; } .reseaux-sociaux { float: right; } .entry-info .telechargement, .entry-info .note, .entry-info .votre-note { min-width: auto; } /* Popup download */ .popup-download .entete li { width: 33%; } .popup-download .entete li span { left: 45%; } .popup-download .files .row .nom, .popup-download .files .row .os { width: 32%; } } @media only screen and (max-width: 650px){ /* Popup download */ .popup-download .entete { display: none; } .popup-download .files .row .nom, .popup-download .files .row .os { width: 100%; margin-bottom: 2%; } .popup-download .files .row .btn-download { margin-left: 0;} .popup-download .heading { line-height: 24px; height: auto; min-height: 57px; padding: 11px 36px 15px 22px; } .pub-after-download { width: 100%; } .pub-after-download img { width: 100%; } /* ==|== FINDER ====================================================== */ #page-finder .item .content-type-rating .content-type { width: 100%; border: none; text-align: center; float: none; margin-top: 10px; } #page-finder .item .content-type-rating .content-type .icon-type.logiciel { display: none; } #page-finder .item .content-type-rating .content-type .type { display: inline-block; float: none; } #page-finder .item .content-type-rating .content-rating { width: 100%; border: none; margin: 10px 0; } #page-finder .item .content-type-rating .content-plateforme { width: 100%; border: none; text-align: center; } #page-finder .item .content-type-rating .content-plateforme .windows, #page-finder .item .content-type-rating .content-plateforme .mac, #page-finder .item .content-type-rating .content-plateforme .android, #page-finder .item .content-type-rating .content-plateforme .linux { display: inline-block; float: none; } #page-finder .content-finder .item.first .article { margin: 0 auto; display: block; } .content-finder .pub-336x280 { display: none; } } @media only screen and (min-width: 500px) and (max-width: 550px){ .list-logiciels.notre-selection .title .text { font-size: 27px; margin-left: 6px; } .list-logiciels.plus-telecharger .title .big { font-size: 25px; } .list-logiciels.plus-telecharger .title strong { font-size: 36px; } .list-logiciels.plus-telecharger .title .text { width: 119px; } .listing-logiciels .logiciel .container-right-logiciel { width: 50%; } .list-logiciels.best .title .text{ font-size: 20px; } .list-logiciels.best .title .text.categorie { font-size: 19px; } /* ==|== FICHE PRODUIT ====================================================== */ .content-pub .bloc-pub-container-468 { display: none; } .reseaux-sociaux { float: right; } .entry-info { height: auto; overflow: hidden; } .rating { margin-left: 0; } } @media only screen and (max-width: 500px) { .list-logiciels.notre-selection { width: 96%; margin: 17px 2% 0 2%; } .list-logiciels.plus-telecharger { width: 96%; margin: 17px 2% 0 2%; } .list-logiciels.best .title .text { font-size: 21px; width: 90%; line-height: 21px; margin-top: 7px; } .list-logiciels.best .title .text.categorie { font-size: 17px; width: 85%; line-height: 21px; margin-top: 7px; } .list-logiciels.best .listing-logiciels .logiciel { min-height: 191px; } .list-logiciels.best .container-infos { width: 100%; } .list-logiciels.best .listing-logiciels .logiciel .vignette { top:136px; left: 0; } .list-logiciels.best .btn-download { top: 149px; } #col-right .container-reseaux-sociaux ul { width: 241px; } #col-right .container-reseaux-sociaux ul li { margin: 0 35px 0 0; } #footer-top .a-propos { width: 84%; padding: 0 8%; margin-bottom: 40px; } #footer-top .information { width: 84%; padding: 0 8%; } #footer-bottom .big-categorie { width: 100%; margin-right: 0; min-height: auto;} #footer-bottom .big-categorie:nth-child(2n+1) { margin-right: 0; } /* ==|== PAGE CATEGORIE ====================================================== */ .bloc-flitre { text-align: center; } .bloc-flitre .option-filtre { width: 100%; text-align: center; } .bloc-flitre .filtre, .bloc-flitre .btn-filtre { display: inline-block; float: none; } .content-pagination .numero { padding: 10px 1px; margin-right: 5px; } .content-pagination .texte-end { color: transparent; margin-right: 5px; width: 10px; background: url(../images/icon/icon-arrow.png) no-repeat 1px -666px; } .content-pagination .texte-end:hover{ background: url(../images/icon/icon-arrow.png) no-repeat 1px -666px #b0d1ef;} .content-pagination .texte-end.first { background: url(../images/icon/icon-arrow.png) no-repeat 0 -597px; } .content-pagination .texte, .content-pagination .texte.article { width: 40px; margin-right: 5px; padding: 2px 7px 18px 7px; font-size: 11px; } /* ==|== FICHE PRODUIT ====================================================== */ .presentation-logiciel .titre-rubrique h1 { font-size: 21px; line-height: 23px; } .content-pub .bloc-pub-container-468 { display: none; } .reseaux-sociaux { float: right; } .entry-info { height: auto; overflow: hidden; } .entry-info .telechargement, .entry-info .note, .entry-info .votre-note { margin: 3px 11px; } .rating { margin-left: 0; } .content-texte-description .vignette { float: none; margin: 10px auto 21px auto; } /* Commentaire */ #bloc-commentaire .bloc-captcha .captcha { float: none; margin: 20px auto; } #bloc-commentaire .bloc-captcha input { float: none; margin: 0 auto; } #bloc-commentaire .form-commentaire input[type="submit"] { float: none; margin: 10px auto; } /* ==|== ARTICLE ====================================================== */ .like-social-bar .content-gplus-twitter { float: left; margin-top: 10px;} .like-social-bar.bottom .content-gplus-twitter { float: none; margin: 10px auto; overflow: hidden; width: 150px; padding-top: 10px;} .like-social-bar.bottom .facebook-like { float: none; margin: 0 auto; } .image-actualite { float: none; margin: 0 auto; } .intro-article { margin-top: 20px; width: 92%; padding: 0 4%; } } @media only screen and (max-width: 360px) { #header-logo { width: 170px; height: 80px; background: url(../images/icon/icon-header-logo-min2.png) no-repeat 0 0;} .container-search { width: 230px; } .list-logiciels.notre-selection .title { background-position: 13px -520px; } .list-logiciels.notre-selection .title .text { font-size: 27px; margin-left: 15px; } .list-logiciels.plus-telecharger .title .big { font-size: 29px; } .list-logiciels.plus-telecharger .title strong { font-size: 41px; } .list-logiciels.plus-telecharger .title .text { font-size: 15px; line-height: 16px; margin-top: 13px; width: 137px; } .listing-logiciels .logiciel .container-right-logiciel { width: 53%; } .list-logiciels.best .title .text, .list-logiciels.best .title .text.categorie { font-size: 17px; width: 90%; line-height: 19px; margin-top: 9px; } .list-logiciels.best .listing-logiciels .logiciel { min-height: 220px; } .list-logiciels.best .listing-logiciels .logiciel .vignette { top: 170px; left: 0; } .list-logiciels.best .btn-download { top: 177px; } .texte-widget li .link .nom-article { width: 60%; } .texte-widget li .container-infos { width: 63%; } }