/*********************************************************************** * Style.css * @copyright Eptimum * @link http://www.eptimum.com/ * @date 2014-07-03 */ /* ==|== 100% html/body hack + RAZ body ====================================================== */ html{ height:100%; } body{ font: 0.75em normal Arial, Helvetica, sans-serif; width: 100%; height: 100%; background: url(../images/bg/bg-pattern.png) repeat 0 0; } /* ==|== Elements généraux du site ====================================================== */ /* Setup des h1 > h6 */ h1{ font-size: 2.0em; font-weight: normal; } h2{ font-size: 1.2em; font-weight: normal; } h3{ font-size: 1.0em; font-weight: normal; } h4{ font-size: 0.8em; font-weight: normal; } h5{ font-size: 0.8em; font-weight: normal; } h6{ font-size: 0.8em; font-weight: normal; } /* Setup des liens */ a{ text-decoration: none; color: #333; border: 0; } a:hover{ text-decoration :underline; color: #000; } a:link, a:visited, a:hover, a:active { outline: none; } /* Elements de formulaire */ input, textarea, button, select{ display: block; border: 1px #CCC solid; } button{ border: none; } input:focus{ border-color: #999; } /* Boutons */ .btn-telecharger-small{ display: block; cursor: pointer; background: url(../images/btn/btn-telecharger.png) no-repeat 0 0; width: 120px; height: 25px; text-indent: -9999px; } .btn-telecharger-small:hover{ background-position: 0 100%; } .btn-telecharger-xl{ display: block; cursor: pointer; background: url(../images/btn/btn-telecharger-xl.png) no-repeat 0 0; width: 143px; height: 30px; text-indent: -9999px; } .btn-telecharger-xl:hover{ background-position: 0 100%; } .btn-telecharger-xxl{ display: block; background: url(../images/btn/btn-telecharger-xxl.png) no-repeat 0 0; width: 204px; height: 43px; text-indent: -9999px; margin-bottom: 5px; } .btn-telecharger-xxl:hover{ background-position: 0 100%; } .btn-acheter{ display: block; background: url(../images/btn/btn-acheter.png) no-repeat 0 0; width: 177px; height: 43px; text-indent: -9999px; margin-bottom: 5px; } .btn-acheter:hover{ background-position: 0 100%; } .btn-jouer-en-ligne{ display: block; background: url(../images/btn/btn-jouer-en-ligne.png) no-repeat 0 0; width: 228px; height: 43px; text-indent: -9999px; margin-bottom: 5px; } .btn-jouer-en-ligne:hover{ background-position: 0 100%; } .btn-visiter-site{ display: block; background: url(../images/btn/btn-visiter-site.png) no-repeat 0 0; width: 228px; height: 43px; text-indent: -9999px; margin-bottom: 5px; } .btn-visiter-site:hover{ background-position: 0 100%; } .btn-appstore{ display: block; background: url(../images/btn/btn-appstore.png) no-repeat 0 0; width: 188px; height: 43px; text-indent: -9999px; margin-bottom: 5px; } .btn-appstore:hover{ background-position: 0 100%; } .btn-windows-store{ display: block; background: url(../images/btn/btn-windows-store.png) no-repeat 0 0; width: 238px; height: 43px; text-indent: -9999px; margin-bottom: 5px; } .btn-windows-store:hover{ background-position: 0 100%; } .btn-google-play{ display: block; background: url(../images/btn/btn-google-play.png) no-repeat 0 0; width: 208px; height: 43px; text-indent: -9999px; margin-bottom: 5px; } .btn-google-play:hover{ background-position: 0 100%; } /* Rating */ .rate { display: block; float: right; width: 70px; height: 20px; } /* Plateformes */ .plateforme { display:block; float: left; width: 30px; height: 20px; background: url(../images/icon/icon-plateforme.png) no-repeat; text-indent: -9999px; } .plateforme.windows { background-position: 5px -3px; } .plateforme.linux { background-position: 5px -77px; } .plateforme.mac { background-position: 5px -28px; } .plateforme.mobile { background-position: 5px -53px; } .plateforme.saas { background-position: 5px -103px; } /* Langues */ .langue { display:block; float: left; width: 35px; height: 20px; background: url(../images/icon/icon-flag.png) no-repeat; } .langue.fr{ background-position: 5px 0; } .langue.fr-en{ background-position: 5px -60px; } .langue.en{ background-position: 5px -20px; } .langue.en-fr{ background-position: 5px -80px; } .langue.multi, .langue.fr-mu, .langue.en-mu{ background-position: 5px -40px; } /* ==|== Structure du site ====================================================== */ #wrap{ width: 100%; height: 100%; } /* ==|== Header Principal ====================================================== */ #header-menu { display: none;} #main-header{ position: relative; background-color: #313030; height: 105px; -webkit-box-shadow: 0 2px 4px 2px #08493D; box-shadow: 0 2px 4px 2px #08493D; z-index: 9999;} #main-header #header{ position: relative; width: 1000px; margin: 0 auto; overflow: hidden; } /* ==|== Elements du Header ====================================================== */ /* Logo du site */ .header-logo{ display: block; float: left; margin-right: 50px; } /* Moteur de Recherche */ .content-search{ display: block; position: relative; float: left; width: 495px; height: 35px; padding: 35px 0; margin-right: 50px; } .content-search .search-champ{ display: block; width: 485px; height: 32px; float: left; color: #8D8D8D; border-radius: 6px; padding: 3px 0 0 10px !important; background: url(../images/bg/bg-header-search.png) repeat-x 0 0 #FFF !important; border: none !important; font-family: 'pt-sans', Arial, sans-serif; font-size: 1.2em; } .content-search .search-loupe{ display: block; width: 35px; height: 32px; position: absolute; top: 37px; right: 0; border: none; background: url(../images/icon/icon-header-search.png) 0 0 no-repeat; } /* Bloc réseau sociaux */ .content-reseaux-sociaux{ display: block; float: left; width: 106px; height: 105px; } .content-reseaux-sociaux .titre{ display: block; width: 106px; padding-top: 30px; text-align: center; font-family:'ruda-bold',Arial,Sans-serif; font-size: 1em; color: #FFF; } .content-reseaux-sociaux .reseaux-sociaux{ display: block; width: 106px; height: 30px; margin-top:10px;} .reseaux-sociaux .icon-reseau{ display: block; width: 30px; height: 30px; float: left; margin-right: 8px; background: url(../images/icon/icon-header-reseaux.png) no-repeat; } .icon-reseau.twitter{ background-position: 0 0; } .icon-reseau.google-plus{ background-position: -30px -30px; } .icon-reseau.facebook{ background-position: -61px -61px; margin-right: 0; } /* ==|== Baseline ====================================================== */ #main-baseline{ position: relative; background-color: #0E7966; height: 35px; z-index: 9900; -webkit-box-shadow: 0 2px 4px 2px #08493D; box-shadow: 0 2px 4px 2px #08493D; } #main-baseline .baseline{ display: block; position: relative; width: 980px; margin: 0 auto; padding-left: 20px; font-size: 1.67em; height: 35px; line-height: 1.7em; color: #00FFD2; font-family: 'ruda-bold',Arial,Sans-serif; } .baseline-page{ display: block; position: relative; width: 990px; margin: 0 auto; padding-left: 10px; font-size: 1.67em; height: 35px; line-height: 1.7em; color: #0E7966; font-family: 'ruda-bold',Arial,Sans-serif; -webkit-box-shadow: 0 6px 7px 0 #ccc; box-shadow: 0 6px 7px 0 #ccc; } /* ==|== Navigations ====================================================== */ #main-navigation{ position: relative; background-color:#0E7966; height: 130px; z-index: 9800; -webkit-box-shadow: 0 2px 4px 2px #444; box-shadow: 0 2px 4px 2px #444; } #main-navigation .content-nav { display:block; position:relative; width: 1000px; height: 130px; background-color: #006351; margin: 0 auto; } .content-nav .liste-categorie{ display:block; position:relative; padding: 20px 0; height: 90px; float: left; border-right: 1px solid #08997F; } .liste-categorie.group1{ width: 170px; } .liste-categorie.group2{ width: 155px; } .liste-categorie.group3{ width: 180px; } .liste-categorie.group4{ width: 170px; } .liste-categorie.group5{ width: 165px; } .liste-categorie.group6{ width: 150px; border-right: none; } .liste-categorie .lien{ display:block; height: 30px; line-height:34px; float:left; font-family: 'pt-sans',Arial,sans-serif; color: #FFF; text-transform: uppercase; font-size: 1em; width: 100%; font-weight: normal; } .ie7 .liste-categorie .lien, .ie8 .liste-categorie .lien{ font-size: 0.95em; } .lien:hover, .lien.active{ text-decoration: none; color: #006351; background-color: #A3FFEE; font-family: 'pt-sans-bold',Arial,sans-serif; } .lien .icon-categorie{ display:block; height: 30px; width: 30px; float: left; background: url(../images/icon/icon-categorie-nav.png) no-repeat; margin-right:3px; } .icon-categorie.antivirus{ background-position: 0 0; } .icon-categorie.bureautique{ background-position: -30px 0; } .icon-categorie.ecran-veille{ background-position: -60px -2px; } .icon-categorie.fond-ecran{ background-position: -90px 0; } .icon-categorie.icon-tuning{ background-position: -120px 0; } .icon-categorie.jeux{ background-position: -150px -2px; } .icon-categorie.multimedia{ background-position: -180px 0; } .icon-categorie.reseau{ background-position: -210px 0; } .icon-categorie.webmaster{ background-position: -240px 2px; } .icon-categorie.base-donnee{ background-position: -270px 0; } .icon-categorie.compta{ background-position: -300px 0; } .icon-categorie.education{ background-position: -330px 0; } .icon-categorie.graphisme{ background-position: -360px 0; } .icon-categorie.internet{ background-position: -390px 0; } .icon-categorie.loisir{ background-position: -420px 0; } .icon-categorie.programmation{ background-position: -450px 0; } .icon-categorie.utilitaire{ background-position: -480px 0; } /* ==|== Footer Principal ====================================================== */ #main-footer{ position: relative; height: 80px; padding-top:20px; } #main-footer #footer{ width: 1000px; height:40px; margin: 0 auto; overflow: hidden; background-color: #373636; color: #FFF; border-radius: 8px; } .content-rs-footer, .content-footer-responsive { display: none; } /* ==|== Elements du Footer ============================================= */ #footer .content-footer-nav{ display: block; overflow: hidden; margin: 13px 20px; } .content-footer-nav .lien-footer{ display: block; float:left; font-family: 'ruda',Arial,sans-serif; font-size: 1em; color: #FFF; } .lien-footer a{ color: #FFF; } .lien-footer a:hover{ text-decoration: none; color: #A3FFEE; } .separateur{ display: inline; font-family: Arial,sans-serif; font-size: 1em; color: #FFF; float: left; margin: 0 15px; } .copyright{ display: block; font-family: 'pt-sans-bold',Arial,sans-serif; font-size: 1.17em; color: #FFF; float: right; } /* /* ==|== Container Principal ====================================================== */ #main-container{ position: relative; background: url(../images/bg/bg-main-container.gif) repeat-x 0 0; } #main-container #container{ display:block; width:1000px; margin:0 auto; overflow:hidden; margin: 0 auto; background-color: #FFF; } /* ==|== Bloc Pub Top Container =============================================== */ .bloc-container-top{ display:block; background: url(../images/bg/bg-bloc-container-top.png) repeat-x 0 0; padding: 14px 0; -webkit-box-shadow: 0 1px 6px 1px #ccc; box-shadow: 0 1px 6px 1px #ccc; } .bloc-container-top .bloc-pub-container-top{ display:block; text-align: center; } .bloc-pub-container-top .mega-banniere{ display:inline-block; } .bloc-choisir-pub-google{ } .bloc-choisir-pub-google > ins { display: block!important; padding: 5px; margin: 20px auto; width: 728px; height: 20px; border: 1px solid #DBDBDB; background-color: #FFF; } /* ==|== Fil Ariane ====================================================== */ .fil-ariane{ display: block; font-family:'ruda-bold',Arial,Sans-serif; font-size: 1.17em; padding: 20px 10px 15px 10px; } .fil-ariane div { display: inline; } .fil-ariane .lien-fil-ariane{ color: #3E3C3C; } .fil-ariane .lien-fil-ariane:hover{ text-decoration: none; color: #E11B87; } .fil-ariane .categorie-active{ color: #E11B87; font-size: 1.14em; } /* ==|== Container ============================================================ */ #col-left{ display: block; width:640px; margin:0 10px; float:left; overflow: hidden; } /* BLOC LOGICIEL MIS EN AVANT */ .bloc-mise-en-avant{ display: block; position: relative; overflow: hidden; margin-bottom: 10px; } .bloc-mise-en-avant .bloc-titre{ display: block; padding: 10px 25px; font-family: 'ruda',Arial,sans-serif; font-size: 1.67em; color: #FFF; text-transform: uppercase; background-color: #E11B87; font-weight: normal; border-radius: 5px 5px 0 0;} .bloc-mise-en-avant .bloc-titre a{ color: #FFF; text-decoration: none; } .bloc-mise-en-avant .bloc-titre h2{ font-size: 1em;} .fleche-titre{ position: relative; background: url(../images/icon/icon-fleche-titre.png) no-repeat 40px 0 #DFDBDB; width:640px; height: 12px; z-index: 999; float: left; clear: both; } .container-mise-avant{ display: block; position:relative; padding: 23px 30px 23px 30px; background-color: #FFF; -webkit-box-shadow:inset 0px 5px 35px 15px #DFDBDB; box-shadow:inset 0px 5px 35px 15px #DFDBDB; overflow: hidden; clear: both; } .container-mise-avant .fleche{ position: absolute; background: url(../images/icon/icon-fleche-bloc-blanc.png) no-repeat 0 0; top: 35px; left: -1px; width: 13px; height: 21px; } .container-mise-avant .visuel{ display: block; float:left; width: 200px; height: 140px; border: 1px solid #CCC; -webkit-box-shadow: 2px 2px 3px 1px #7F7F7F; box-shadow: 2px 2px 3px 1px #7F7F7F; margin-bottom: 5px;} .container-mise-avant .description{ display: block; float:left; width: 345px; margin-left: 28px; padding-top:10px; font-family: 'pt-sans',Arial,sans-serif; font-size: 15px; color: #828282; } .container-mise-avant .content-lien-fiche{ display: block; font-family: 'ruda-bold',Arial,sans-serif; font-size: 1.17em; color: #34352F; clear: both; float: right; margin-top:18px; } .container-mise-avant .lien-fiche{ color: #00B091; } .ie7 .container-mise-avant .content-lien-fiche{ clear: both; text-align:right; float: left; width: 585px; padding-right: 30px;} .ie7 .container-mise-avant, .ie8 .container-mise-avant{ background-color: #DFDBDB; } /* BLOC LOGICIEL MIS EN AVANT FICHE */ .bloc-mise-en-avant.fiche .container-mise-avant{ padding: 23px 30px 30px 30px; } .bloc-mise-en-avant.fiche .bloc-info{ display: block; height: 85px; border: solid #C7C7C7; border-width: 1px 0 1px 0; float: left; width: 339px; margin-left: 28px; padding: 0 3px;} .bloc-info .telechargement { display:block; float:left; font-family: 'pt-sans',Arial,sans-serif; color: #007D67; font-size:1.17em; padding: 10px 0 5px 0; } .bloc-info .telechargement .nombre { color: #333; } .bloc-info .rate { clear:both; float: left; margin: 0 5px 0 0; } .bloc-info .langue { border: solid #BEBEBE; border-width: 0 1px 0 1px; margin: 0 auto; width: 45px; } .bloc-info .content-plateforme { display:block; float: left; height: 20px; width: 40px; overflow: hidden; border-right: 1px solid #BEBEBE; } .bloc-info .date { display:block; float: left; width: 68px; height: 20px; color:#757575; font-family: 'pt-sans',Arial,sans-serif; font-size: 1em; line-height: 22px; text-align: right; padding-right: 2px; } .bloc-info .note-chiffre { color: transparent;} .bloc-info .editeur { display:block; float:right; font-family: 'pt-sans',Arial,sans-serif; color: #333; font-size:1em; padding: 10px 0 5px 0; } .bloc-info .nombre-vote { display:block; float:left; font-family: 'pt-sans',Arial,sans-serif; color: #333; font-size:1em; padding: 10px 0 5px 0; } .bloc-info .editeur .nom-editeur{ color: #009177 } .bloc-mise-en-avant.fiche .notation { display: block; clear:both; margin: 20px 0 10px 0; overflow: hidden; float: left; padding-left: 25px; line-height: 20px; } .ie7 .bloc-mise-en-avant.fiche .notation { width: 300px; } .notation .legende { font-family: 'pt-sans-bold',Arial,sans-serif; color: #009177; text-transform: uppercase; float: left; } .bloc-mise-en-avant.fiche .content-analyse { display: block; width:575px; height:115px; margin:0 auto; background-color: #FFF; clear: both; -webkit-box-shadow: 0 0 20px 1px #DCDCDC; box-shadow: 0 0 20px 1px #DCDCDC; } .content-analyse .avertissement { display: block; color: #006351; font-family: 'ruda-bold',Arial,sans-serif; font-size: 1.3em; text-align: center; line-height: 37px; padding: 5px 0 0 35px; background: url(../images/icon/icon-warning.png) no-repeat 35px 5px; } .content-analyse .bouton-analyse { display: block; width:480px; height:40px; background: url(../images/btn/btn-analyse.png) no-repeat 0 0; text-indent: -9999px; margin: 0 auto; } .content-analyse .bouton-analyse.mac { background: url(../images/btn/btn-analyse-mac.png) no-repeat 0 0; } .content-analyse .bouton-analyse.mobile { background: url(../images/btn/btn-analyse-mobile.png) no-repeat 0 0; } .bouton-analyse:hover, .bouton-analyse.mobile:hover, .bouton-analyse.mac:hover { background-position: 0 100%; } .content-analyse .texte-gris { display: block; color: #8B8B8A; font-family: 'ruda-bold',Arial,sans-serif; font-size: 1.3em; text-align: center; line-height: 1.3em; padding: 8px 0 0 0; } /* BLOC LOGICIEL SMALL */ .bloc-logiciel{ display: block; position: relative; overflow: hidden; width: 284px; margin: 0 auto; padding: 15px 8px 15px 8px; } .bloc-logiciel .visuel{ display: block; float:left; width: 85px; height: 60px; -webkit-box-shadow: 1px 2px 3px 0px #7F7F7F; box-shadow: 1px 2px 3px 0px #7F7F7F; margin-right: 10px; } .bloc-logiciel .content-texte{ display: block; min-height: 160px; } .content-texte .titre { display: block; font-family: 'ruda',Arial,sans-serif; font-size: 15px; color: #D40050; float: left; width: 180px; } .content-texte .bloc-telechargement { display: block; float: left; border: solid #D8D8D8; border-width: 1px 0 1px 0; margin: 5px 0; padding: 0; overflow: hidden; width: 185px; } .bloc-telechargement .telechargement { font-family: 'pt-sans',Arial,sans-serif; color: #007D67; float: left; font-size:0.9em; line-height: 20px; } .bloc-telechargement .nombre { color: #333; } .content-texte .description{ display: block; font-family: 'pt-sans',Arial,sans-serif; font-size: 1em; color: #828282; width: 280px; clear: both; padding-top: 10px; } /* BLOC LOGICIEL MEDIUM */ .bloc-logiciel.medium{ width: 615px; border-bottom: 1px dashed #ADADAD; } .bloc-logiciel.medium .content-texte .titre { color: #2294B0; width: 520px; } .bloc-logiciel.medium .content-texte .bloc-telechargement { width: 520px; height: 25px; } .bloc-logiciel.medium .content-texte .bloc-telechargement .telechargement { line-height: 25px; } .bloc-logiciel.medium .content-texte .bloc-telechargement .rate { margin-top: 2px; } .bloc-logiciel.medium .content-texte .description{ width: 520px; float: left; padding-top: 5px; clear: none; } /* BLOC LOGICIEL XL */ .bloc-logiciel.xl{ padding: 25px 0 15px 0; border-bottom: 1px dashed #ADADAD; width: 615px; } .bloc-logiciel.xl .visuel{ width: 200px; height: 140px; margin-right: 25px; } .bloc-logiciel.xl .content-texte{ width: 390px; float: left; } .bloc-logiciel.xl .content-texte .titre { font-size: 1.34em; width: 390px; max-height: 40px; margin-bottom: 10px; overflow: hidden; } .bloc-logiciel.xl .content-texte .bloc-telechargement { margin: 10px 0 0 0; padding: 5px 10px; width: 370px; } .bloc-logiciel.xl .content-texte .bloc-telechargement .telechargement { font-size: 1.17em; } .bloc-logiciel.xl .content-texte .description{ font-size: 1em; padding: 0; width: 390px; } .bloc-logiciel.xl .btn-telecharger-small{ float: right; margin-top: 10px; } /* BLOC LOGICIEL COMPLET */ .bloc-logiciel.complet{ padding: 25px 0 15px 0; border-bottom: 1px dashed #ADADAD; width: 615px; } .bloc-logiciel.complet .visuel{ width: 60px; height: 60px; margin-right: 15px; } .bloc-logiciel.complet .content-texte{ display: block; } .bloc-logiciel.complet .content-texte .titre { font-size: 1.34em; width: 540px; max-height: 40px; margin-bottom: 10px; overflow: hidden; } .bloc-logiciel.complet .content-texte .bloc-telechargement { margin: 10px 0 0 0; padding: 5px 10px; width: 520px; } .bloc-logiciel.complet .content-texte .bloc-telechargement .telechargement { font-size: 1.17em; width: 160px; } .bloc-logiciel.complet .content-texte .bloc-telechargement .content-info { float: right; } .bloc-telechargement .content-info .rate { float: left; margin-right: 5px; } .bloc-telechargement .content-info .langue { border: solid #BEBEBE; border-width: 0 1px 0 1px; margin: 0 auto; width: 45px; } .bloc-telechargement .content-info .content-plateforme { display:block; float: left; height: 20px; width: 40px; overflow: hidden; border-right: 1px solid #BEBEBE; } .bloc-telechargement .content-info .date { display:block; float: left; width: 68px; height: 20px; color:#757575; font-family: 'pt-sans',Arial,sans-serif; font-size: 1em; line-height: 22px; text-align: right; padding-right: 2px; } .bloc-logiciel.complet .content-texte .description{ font-size: 1em; padding: 0; width: 615px; } .bloc-logiciel.complet .btn-telecharger-xl{ float: right; margin-top: 10px; } /* BLOC LOGICIEL SIDEBAR */ .bloc-logiciel.sidebar { margin: 0; padding: 15px 0; width: 300px; border-bottom: 1px dashed #A6A6A6; border-top: 1px dashed #FFF;} .bloc-logiciel.sidebar.first {border-top: none;} .bloc-logiciel.sidebar.last {border-bottom: none;} .bloc-logiciel.sidebar .content-texte .description{ float: left; clear: none; width: 180px; padding-top: 5px; } /* LISTE LOGICIEL SIDEBAR */ .liste-logiciel.sidebar { margin: 0; padding: 8px 0; width: 300px; border-bottom: 1px dashed #A6A6A6; border-top: 1px dashed #FFF;} .liste-logiciel.sidebar.first {border-top: none; padding-top: 15px; } .liste-logiciel.sidebar.last {border-bottom: none;} .liste-logiciel.sidebar .content-texte{ display: block; } .liste-logiciel.sidebar .content-texte .lien-logiciel{ display: block; font-family: 'ruda',Arial,sans-serif; font-size: 14px; color: #D40050; } /* LISTING PLUS TELECHARGER / MISE A JOUR */ .content-listing-small{ display: block; position: relative; overflow: hidden; width: 615px; margin: 0 auto; padding: 25px 0 15px 0; } .content-listing-small .listing-small{ display: block; position: relative; float: left; margin: 0 auto; width: 300px; } .content-listing-small .listing-small .bloc-logiciel{ overflow: visible; } .listing-small.right{ float: right; } .listing-small .bleu{ color: #0083A4; } .listing-small .rose{ color: #D40050; } .listing-small .orange{ color: #FF7200; } .listing-small .content-titre-listing{ display: block; position: relative; width: 300px; height: 35px; border-radius: 5px 5px 0 0; } .content-titre-listing.bleu{ background-color: #0083A4; } .content-titre-listing.bleu-ciel{ background-color: #0097BD; } .content-titre-listing.orange{ background-color: #FF7200; } .content-titre-listing .icon-titre{ display: block; float: left; width: 35px; height: 35px; border-radius: 5px 0 0 0; background: url(../images/icon/icon-titre.png) no-repeat; } .icon-titre.bleu{ background-color: #00657F; background-position: 0 0;} .icon-titre.bleu-ciel{ background-color: #0097BD; background-position: -63px -70px; width: 40px; } .icon-titre.orange{ background-color: #FF9B4A; background-position: -35px -35px; } .content-titre-listing .titre{ display: block; float: left; color: #FFF; margin-left: 10px; font-family: 'ruda-bold',Arial,sans-serif; text-transform:uppercase; font-size: 1.42em; line-height: 35px; margin-bottom: 10px;} .content-titre-listing .titre a { color: #FFF; text-decoration: none; } .content-titre-listing .fleche{ position: absolute; background: url(../images/icon/icon-fleche-titre.png) no-repeat; top: 35px; left: 75px; width: 21px; height: 12px; z-index: 999; } .fleche.bleu{ background-position: -21px -12px; } .fleche.bleu-ciel{ background-position: -64px -36px; left: 35px; } .fleche.orange{ background-position: -42px -24px; } /* SIDEBAR */ #sidebar{ display: block; width:300px; float:left; overflow: hidden; background-color: #DBDBDB; padding: 15px 20px; } #sidebar .pave-pub{ display: block; width: 300px; margin: 0 auto 25px auto;} #sidebar .box-facebook{ display: block; background: #FFF; margin-bottom: 25px; } #sidebar .google-plus{ display: block; margin-bottom: 25px; } #sidebar .tweeter{ display: block; width: 160px; height: 30px; margin: 0 auto 25px auto; } /* ==|== Page Catégorie ============================================================ */ /* LISTE SOUS CATEGORIE */ .content-listing-sous-cat{ display: block; position: relative; overflow: hidden; margin-top: 30px; } .content-listing-sous-cat .listing-sous-cat{ display: block; position: relative; overflow: hidden; width: 300px; height: 40px; float: left; margin: 0 10px 8px 9px; } .listing-sous-cat .lien-sous-cat{ display: block; line-height: 40px; height: 40px; color: #6A6A6A; font-family: 'ruda-bold',Arial,sans-serif; border-radius: 5px; overflow: hidden; white-space: nowrap; } .lien-sous-cat .icon-sous-cat{ display:block; background: url(../images/icon/icon-categorie-nav.png) no-repeat -505px 5px #D1D1D1; float: left; width: 40px; height: 40px; border-radius: 5px 0 0 5px;} .lien-sous-cat .nom-sous-cat{ display:block; overflow:hidden; text-overflow: ellipsis; font-size: 1.12em; padding-left: 10px; background-color: #C0C0C0; height: 40px; width: 200px; float: left; line-height: 40px; } .lien-sous-cat .nombre-logiciel{ display:block; overflow:hidden; font-size: 1.12em; background-color: #C0C0C0; height: 40px; width: 40px; border-radius: 0 5px 5px 0; float: right; line-height: 40px; padding-left: 10px;} .lien-sous-cat:hover .nom-sous-cat, .lien-sous-cat:hover .nombre-logiciel{ background-color: #6A6A6A; color:#FFF; text-decoration: none; } .lien-sous-cat:hover .icon-sous-cat{ background-color: #A1A1A1; } /* ==|== Page Sous-Catégorie ============================================================ */ .content-filtre{ display: block; height: 35px; border: solid #D8D8D8; border-width: 1px 0 1px 0; font-family: 'pt-sans',Arial,sans-serif; font-size: 1em; } .content-filtre .legende{ display: block; color: #838382; float: left; line-height: 35px; padding-left: 10px; } .content-filtre .select{ display: block; height:23px; float: left; margin:6px 7px; color: #006351; background-color: #E7E7E7; border-radius: 3px; border: 1px solid #006351; line-height: 23px; padding: 2px 5px; } .content-pagination{ display: block; margin: 20px auto; font-family: 'pt-sans',Arial,sans-serif; font-size: 1em; overflow: hidden; padding: 0 20px; } .content-pagination .numerotation{ display: block; text-align: center; } .numerotation .numero{ display: block; width: 17px; height: 20px; margin-right: 3px; background-color: #006351; float: left; color: #FFF; text-align: center; line-height: 22px; } .numerotation .numero:hover{ background-color: #D40050; text-decoration: none; } .numerotation .numero.num-actif{ background-color: #D40050; } .content-pagination .navigation{ display:block; float:left; background-color: #006351; color: #FFF; text-align: center; line-height: 22px; display: block; width: 20px; height: 20px; margin:0 5px; font-weight: bold; } .content-pagination .navigation:hover{ background-color: #D40050; text-decoration: none; } .navigation.suivant{ margin: 0 2px; } /* PUB */ #adcontainer1 { padding: 0 0 15px 0; } #adcontainer2 { padding: 15px 0 0 12px; } /* ==|== Page Télécharger (fiche logiciel) =========s=================================================== */ .bloc-small-choisir-pub-google{ display: block; padding: 5px; margin: 20px auto; width: 480px; height: 20px; border: 1px solid #DBDBDB; background-color: #FFF; } .content-action{ display: block; overflow: hidden; } .content-action .pave-carre-pub{ display: block; width: 250px; height: 250px; float: left; margin-right: 20px; } #content-fiche-pub { min-height: 110px; width: 300px; float: left; } .content-action .content-bouton{ display: block; width: 318px; float: left; overflow: hidden; margin-left: 22px; } .content-action .bloc-erreur { display: block; float: left; width: 214px; margin: 20px 0 25px 47px; font-size: 1.4em; font-family: 'Trebuchet MS', Arial; font-weight: bold;} .content-action .bloc-erreur .erreur { display: block; font-weight: normal; text-decoration: underline; padding-top: 5px; color: #018FB7!important; font-size: 0.9em;} .content-action .bloc-erreur .erreur:hover { color: #333333!important;} .content-meme-sujet{ display: block; clear: both; overflow: hidden; margin-top: 20px; } .content-meme-sujet .bloc-titre-rose{ display: block; padding: 10px 25px; font-family: 'ruda',Arial,sans-serif; font-size: 1.67em; color: #FFF; text-transform: uppercase; background-color: #E11B87; font-weight: normal; border-radius: 5px 5px 0 0; } .content-meme-sujet .bloc-titre-rose h2{ font-size: 1em; } .content-meme-sujet .fleche-titre-rose{ position: relative; background: url(../images/icon/icon-fleche-titre.png) no-repeat 40px 0; width:640px; height: 12px; z-index: 999; float: left; clear: both; } /* Popup téléchargement */ .fancybox-skin{ padding: 0 !important; width: 570px; background: none !important; box-shadow: none; } #telechargement-produit{ display: block; width: 570px; overflow: hidden; } #telechargement-produit .content-titre { display: block; background-color: #E11B87; font-weight: normal; border-radius: 5px 5px 0 0; overflow: hidden; padding: 10px; } #telechargement-produit .content-titre .logo{ position: relative; background: url(../images/icon/icon-logo-popup.png) no-repeat 0 0; width:173px; height: 30px; float: left; margin-top: 3px; } #telechargement-produit .content-titre .titre-popup {display: block; padding-left: 15px; font-family: 'ruda',Arial,sans-serif; font-size: 1.5em; color: #FFF; text-transform: uppercase; line-height: 1em; float: left; width: 353px; } #telechargement-produit .fleche-titre-rose{ position: relative; background: url(../images/icon/icon-fleche-titre.png) no-repeat 20px 0 #FFF; width:570px; height: 12px; z-index: 999; float: left; clear: both; } #telechargement-produit .content-entete{ display: block; height:40px; border-bottom: 1px solid #D7D7D7; background-color: #FFF; } #telechargement-produit .content-entete .entete{ display: block; width: 155px; height: 25px; line-height:25px; float: left; font-family: 'ruda-bold',Arial,sans-serif; font-size: 1.17em; text-transform: uppercase; padding-left: 35px; } #telechargement-produit .content-entete .entete .icon-entete{ display: block; width: 35px; height: 25px; background:url(../images/icon/icon-entete-popup.png) no-repeat; float: left; } #telechargement-produit .content-entete .entete .icon-entete.fichier{ background-position: 0 0; } #telechargement-produit .content-entete .entete .icon-entete.compatibilite{ background-position: 0 -25px; width: 40px; } #telechargement-produit .content-entete .entete .icon-entete.telecharger{ background-position: 0 -50px; width: 40px; } #telechargement-produit .content-logiciel{ display: block; background-color: #FFF; width: 570px; overflow: hidden; } #telechargement-produit .content-logiciel .row{ display: block; overflow: hidden; border-bottom: 1px solid #D7D7D7; } #telechargement-produit .content-logiciel .row .logiciel{ display: block; width: 160px; padding: 10px 0 10px 30px; float: left; } #telechargement-produit .content-logiciel .row .logiciel .nom-logiciel{ display: block; color: #007F9F; font-family: Arial, sans-serif; font-size: 0.92em; overflow: hidden; } #telechargement-produit .content-logiciel .row .logiciel .lang{ display: block; color: #666; font-family: Arial, sans-serif; font-size: 0.88em; } #telechargement-produit .content-logiciel .row .logiciel .type-licence{ display: block; color: #007F9F; font-family: Arial, sans-serif; font-size: 0.92em; font-weight: bold; } #telechargement-produit .content-logiciel .row .os{ display: block; width: 155px; padding: 10px 0 10px 35px; float: left; font-family: Arial, sans-serif; font-size: 0.92em; color: #666; } #telechargement-produit .content-logiciel .row .action{ display: block; width: 140px; padding: 20px 0 10px 50px; float: left; } /* ==|== Page Téléchargement (download produit) ============================================================ */ .content-avertissement{ display: block; height: 60px; margin: 20px 0 10px 0; } .content-avertissement .text-avertissement{ display: block; font-family: Arial,sans-serif; font-size: 1.17em; color: #333; text-align: center; line-height: 1.7em; font-weight: bold; } .content-avertissement .text-avertissement .nom-logiciel{ color: #E11B87; } .banniere-pub{ display: block; width: 468px; height: 60px; margin: 0 auto 10px auto; border: 1px solid #CCC; } .encart-publicitaire { display: block; margin: 20px auto; } .content-plus-telecharger{ display: block; overflow: hidden; margin-top: 40px; } .content-plus-telecharger .content-titre-plus-telecharger{ display: block; position: relative; height: 35px; border-radius: 5px 5px 0 0; background-color: #0083A4; } .content-plus-telecharger .content-titre-plus-telecharger .titre{ display: block; float: left; color: #FFF; margin-left: 10px; font-family: 'ruda-bold',Arial,sans-serif; text-transform:uppercase; font-size: 1.42em; line-height: 35px; margin-bottom: 10px;} .content-plus-telecharger .content-titre-plus-telecharger .icon-titre{ display: block; float: left; width: 35px; height: 35px; border-radius: 5px 0 0 0; background: url(../images/icon/icon-titre.png) no-repeat 0 0 #00657F; } .content-titre-plus-telecharger .fleche{ position: absolute; background: url(../images/icon/icon-fleche-titre.png) no-repeat -21px -12px; top: 35px; left: 75px; width: 21px; height: 12px; z-index: 999; } /* ==|== Page Téléchargement (download produit) ============================================================ */ .pub-468x15{ display: block; width: 468px; height: 15px; margin: 0 auto 10px auto; border: 1px solid #CCC; } /* ==|== Page pièces auto store ============================================================ */