<?php include('../../includes/base.php'); ?>
<?php $Utils = Utils::news();?>
<?php header("Content-type: text/css"); ?>
<?php
	$expires = 60*60*24*7; // Expire dans une semaine
	$lastUpdate = @filemtime(); // Date de dernier modification du fichier

	header("Pragma: public");
	header("Cache-Control: maxage=".$expires);
	header('Expires: ' . gmdate('D, d M Y H:i:s', time()+$expires) . ' GMT');
	header('Last-Modified: '.gmdate('D, d M Y H:i:s', $lastUpdate) . ' GMT');
?>
/***********************************************************************
 * Style.css
 * @copyright   Eptimum
 * @link        http://www.eptimum.com/
 * @date      	2012-10-02
 */


	/* ==|== 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-body.jpg) repeat 0 0 #8197ae; }


	/* ==|== Elements généraux du site ====================================================== */

		/* Setup des h1 > h6 */
		h1{ font-size: 1.5em; font-weight: bold; }
		h2{ font-size: 1.2em; font-weight: bold; }
		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; }
			a:hover{ text-decoration:underline;  }

		/* Elements de formulaire */
		input, textarea, button, select{ display:block; border:1px #ccc solid; }
			button{ border:none; }
			input:focus{ border-color:#999; }

		.gras{ font-weight: bold; }



	/* ==|== Structure du site ====================================================== */

		#wrap{ width:994px; margin: 0 auto; border-top: 3px solid #fff; border-left: 3px solid #fff; border-right: 3px solid #fff; -webkit-box-shadow: 0px 0px 8px 2px #60758c; box-shadow:0px 0px 8px 2px #60758c; }


	/* ==|== Header Principal ====================================================== */

			#main-header{ overflow: hidden; background: url(../images/bg/bg-header.png) no-repeat 0 0 #eef5fc;}
				#main-header #header{ overflow: hidden; width:100%; }

		/* ==|== Container Principal ====================================================== */

			#main-container{ }
				#main-container #container{ background-color:#e1effc; width:994px; margin:0 auto; overflow:hidden;}

		/* ==|== Footer Principal ====================================================== */

			#main-footer{ }

		/* ==|== Blocs Publicitaire ====================================================== */
            .pub-after-download { margin: 20px 0; }
    		.mega-ban{ width: 728px; height: 90px; border: 1px solid #000; float: left; margin: 10px 5px 10px 55px; }
	    	.bloc-pave-pub{ display: block; width: 300px; margin: 15px 0; }
	    		.bloc-pave-pub > div { margin-bottom:20px; }
	    	.bloc-pave-pub-center { display: block; width: 300px; margin:20px auto;  }
	    	.banniere-classique{ display: block; width: 468px; height: 60px;  margin: 20px auto; }
	    	.annonce-google{ display: block; height: 40px; }
	    	.emplacement-pub-liste-logiciel{ display: block; background:#FFF; padding:10px 20px; height: 150px; width: 540px; overflow: hidden; text-align: center; margin-bottom: 10px; border: 1px solid #CCC; }
			#content-bouton-adsense { display: block; height: 125px; margin:20px 0; }
				#content-bouton-adsense .bouton-adsense{ display: block; height: 125px; width: 125px; float: left; margin: 0 13px; }
	    	.pub-footer{ display: block; margin: 0 auto; background:#e6e5e3; width:960px; overflow:hidden; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; padding: 10px 12px 10px 30px; }
			.bloc-pave-pub-lien{ display: block; margin:0 0 20px 13px; }
			.pave-bottom-telechargement{ display: block; margin:20px auto; text-align: center;}
			.bloc-pub-carre-software{ display: block; float: left; margin-top: 14px;}
			.bloc-pub-carre-actu{ display: block; float: left; }
			.bloc-pub-actu-bottom{ display: block; text-align: center; }
			.bloc-thematique-home { display: block; }
			.bloc-pub-container-468-haut { display: block; margin: 0 auto 5px auto; width: 570px; padding: 7px 0 0 100px; height: 23px; background-color: #005182; }
			.logiciel .bloc-pub-container-468, .liste-actu .bloc-pub-container-468 { display: block; overflow: hidden; width: 468px; height: 60px; float: left; margin: 15px 0 0 120px!important; padding: 9px 0 0 0; }
			.list-logiciels.best > .bloc-pub-container-468 { display: block; margin: 0 auto; padding: 7px 0 0 100px; width: 570px; height: 23px; background-color: #005182; }
			.pub-728x90-mobile { display: none; }

			#adcontainer1 { margin: 10px 0; border-bottom: 1px solid #9FBFDC;}
			#adcontainer2 { margin: 15px 0; }

			.adsbygoogle { display: inline-block; }
			.adsbygoogle.adsbygoogle320x100 { display: block; width:320px;height:100px}

            #td-top-leaderboard-1 { display: flex; justify-content: center; }
                #td-top-leaderboard-1 > div { padding: 15px 0; }
            #td-bottom-mpu-2 { display: flex; float: left; justify-content: center; }
                #td-bottom-mpu-2 > div { padding: 15px 0; }
            #td-bottom-mpu-1 { display: flex; }
                #td-bottom-mpu-1 > div { padding: 15px 0; margin-right: 40px; }
            #td-top-mpu-1 { display: block; clear: both; }
                #td-top-mpu-1 > div { padding: 15px 0; }


	/* ==|== Elements du Header ====================================================== */

		/* Logo du site */
		#header-logo { display: block; float: left; margin:22px 0 0 40px; }

        /* Acces du header */
        #header-description{ float:left; color: #003758; margin: 21px 0 0 50px; text-transform: uppercase; overflow: hidden; font-family: 'Dosis Medium',Arial,Helvetica,Sans-serif; display: block; width: 690px; }
        #header-description h1{ font-size: 17px; margin: 0; display: block; font-weight: normal; }

        /* Search */
        .container-search { display: none; }
    	.cse-branding-bottom.form { position: relative; float: left; display: block; margin: 17px 0 0 50px; width: 484px; height: 39px; border: 5px solid #beccda; background-color: #FFF;}
			.cse-branding-bottom.form .recherche { float: left; display: block; padding: 0 0 0 50px!important; height: 34px !important; width: 263px; border: none!important; border-top: 5px solid #efefef!important; border-right: 5px solid #beccda!important; background: url(../images/icon/icon-globale.png) no-repeat 0 -716px #feffff!important; font-size: 14px;}
			.cse-branding-bottom.form .resultat { display: none; position: absolute; max-height: 260px; width: 196px; top: 30px; background: #ffffff; border: 1px solid #ccc; z-index:9999; }
			.cse-branding-bottom.form .bouton-recherche { width: 166px!important; font-family: 'Dosis Medium',Arial,Helvetica,Sans-serif; height: 40px; background: url(../images/icon/icon-arrow.png) no-repeat 125px -405px #048cdc!important; border: none; border-bottom: 5px solid #027cc3!important; color: #fff!important; text-transform: uppercase; font-size: 24px; padding-left: 10px; padding-right: 0; line-height: 20px; text-align: left;}
			.cse-branding-bottom.form .bouton-recherche.finder { font-size: 19px; padding-top: 1px; }

        /* Réseaux sociaux */
        .container-reseaux-sociaux { display: block; float: left; width: 118px; margin: 25px 0 0 42px; }
        	.container-reseaux-sociaux li { display: block; width: 29px; margin-right: 8px; float: left; }
        	.container-reseaux-sociaux .twitter img{ display: block; width: 29px; height: 33px; background: url(../images/icon/icon-reseaux-sociaux.png) no-repeat 0 -278px; }
        	.container-reseaux-sociaux .facebook img{ display: block; width: 29px; height: 33px; background: url(../images/icon/icon-reseaux-sociaux.png) no-repeat 0 -414px; }
        	.container-reseaux-sociaux .google img { display: block; width: 29px; height: 33px; background: url(../images/icon/icon-reseaux-sociaux.png) no-repeat 0 -346px; }

        .mobile-nav { display: none; }

         /* Navigation principale */
         .header-nav{ display: block; float: left; overflow: hidden; width: 994px; font-family: Arial, sans-serif; border-bottom: 1px solid #003b5f; margin-top: 20px; }
         .header-nav.second { border-bottom: none; margin: 0; }
            .header-nav .cat{ display:block; float:left; height: 28px; padding: 6px 0; background-color: #005182; width: auto; }
            .header-nav .cat.container-separate{ width: 1px; }
            .header-nav .cat:hover, .header-nav .cat.actif { background-color: #ff5a00; border-bottom: 5px solid #ff1800; padding-bottom: 1px; }
            .header-nav .cat.container-separate:hover, .header-nav .cat.container-separate.actif { background-color: #005182; border-bottom: 5px solid #005182; }
            	.header-nav .cat.container-separate .separate { display: block; height: 30px; width: 1px; background-color:#003b5f; }
            	.header-nav .cat .text { display: block; height: 30px; text-align:center; color: #fff; text-transform: uppercase; font-size: 13px; font-weight: bold; margin: 0 15px; line-height: 27px; }
            	.header-nav .cat .text.antivirus { width: 173px; }
            	.header-nav .cat .text.jeux { width: 36px; }
            	.header-nav .cat .text.bureautique { width: 233px; }
            	.header-nav .cat .text.loisirs { width: 158px; }
            	.header-nav .cat .text.developpement { width: 125px; }
            	.header-nav .cat .text.multimedia { width: 84px; }
            	.header-nav .cat .text.veille { width: 136px; }
            	.header-nav .cat .text.systeme { width: 188px; }
            	.header-nav .cat .text.ecrans { width: 126px; }
            	.header-nav .cat .text.utilitaires { width: 81px; }
            	.header-nav .cat .text.internet { width: 210px; }
            	.header-nav .cat .text.articles { width: 68px; }
            	.header-nav .cat .text:hover { text-decoration: none; }


	/* ==|== Elements du Footer ====================================================== */

		.baseline-footer { display: block; float: left; width: 100%; text-align: center; padding: 26px 0 30px 0;}
			.baseline-footer a { color: #f7632f; font-weight:bold; text-decoration:underline; font-size: 15px;line-height: 15px;}

		/* Navigation du footer */
		#footer-top { background-color: #00639e; overflow: hidden; }
			#footer-top .a-propos { float: left; width: 530px; color: #fff; margin-top: 26px; padding: 0 60px 36px 104px; border-right: 1px solid #008ee2; background: url(../images/icon/icon-home.png) no-repeat -237px 0; font-size: 11px; font-weight: normal; }
				#footer-top .a-propos .title{ display: block; padding: 10px 0 24px 0; line-height: 25px; font-size: 25px; font-family: 'Dosis', Arial, Helvetica, sans-serif;}
			#footer-top .information { float: left; width: 173px; color: #fff; margin-top: 26px; padding: 0 40px 36px 84px; background: url(../images/icon/icon-home.png) no-repeat -247px -246px; font-size: 11px; font-weight: normal; }
				#footer-top .information .titre-rub-footer { display: block; padding: 2px 0 14px 0; line-height: 25px; font-size: 25px; font-family: 'Dosis', Arial, Helvetica, sans-serif;}
				#footer-top .information .link { color: #fff;}
				#footer-top .information .link.btn-proposer { display: block; width: 173px; height: 31px; background: url(../images/btn/btn-proposer-logiciel.png) no-repeat 0 0;}
				#footer-top .information .link.btn-proposer:hover { background-position: 0 100%;}


        #footer-bottom { overflow:hidden; background: url(../images/bg/bg-footer.png) no-repeat 0 bottom #025180; padding: 25px 17px 56px 17px; }
	   			#footer-bottom .big-categorie { display: block; float: left; width: 209px; margin: 0 36px 15px 0; }
	   			#footer-bottom .big-categorie.last { margin: 0 0 20px 0; }
	   				#footer-bottom .big-categorie .titre-categorie { display: block; text-transform: uppercase; color:#008ee2; margin: 0 0 5px 0; text-transform: uppercase; line-height: 20px; font-weight: bold; float: left; }
	   				#footer-bottom .big-categorie .categorie { float: left; display: block; width: 100%; margin-bottom: 5px; }
	   					#footer-bottom .big-categorie .categorie .lien-rubrique { color:#fff; font-size: 11px; font-weight: normal; }


    /* ==|== Colonne Droite ====================================================== */

    	#col-right{ display: block; width: 300px; overflow: hidden; margin: 10px 0 0 0; float: left; padding: 0 0 80px 0;}

	    	.titre-widget { display: block; width: 300px; padding: 21px 0 0 0; height: 28px; background: url(../images/icon/icon-globale.png) no-repeat 50% -392px; }
	    		.titre-widget .title { display: block; width: 100%; height: 27px; background-color: #627d9a; color: #FFF; font-size: 15px; font-weight: bold; line-height: 27px; text-align: center; text-transform: uppercase; border-bottom: 1px solid #385777; }

	    	.texte-widget { display: block; overflow: hidden; width: 276px; background: #fff; padding: 10px 12px 10px 12px; margin-bottom:20px; }
	    	.texte-widget ul{ display: block; list-style: disc; }
	    		.texte-widget li{ display: block; float: left; width: 100%; border-bottom: 1px solid #627d9a; padding: 9px 0; }
	    		.texte-widget li:last-child{ border-bottom:none; }
	    		.texte-widget li.last { border-bottom: none; }
	    			.texte-widget li .link { display: inline; overflow: hidden; }
	    			.texte-widget li .link:hover { text-decoration: none; }
	    				.texte-widget li .link .nom-article { color: #000; display:inline-block; vertical-align:middle; width: 170px; }
	    				.texte-widget li .link:hover .nom-article { text-decoration: underline; color: #0086d6; }
	    				.texte-widget li .link .vignette { display:inline-block; vertical-align:middle; width: 70px; height: 50px; margin: 2px 20px 2px 2px; }

			/* Facebook */
	    	.titre-widget.facebook { background: url(../images/icon/icon-reseaux-sociaux.png) no-repeat 50% 4px; }
	    		.titre-widget.facebook .title { background-color: #4965b5; border-bottom: none; height: 28px; }
	    		#widget-facebook { display: block; overflow: hidden; width: 298px; background: #fff; padding: 20px 1px 15px 1px; margin-bottom:20px; }
	    		.connect_widget{ background: #FFF !important; }
	    		.g-page{ margin: 5px 0 0 1px; }

	    	/* Google */
	    	.titre-widget.google { background: url(../images/icon/icon-reseaux-sociaux.png) no-repeat 50% -51px; }
	    		.titre-widget.google .title { background-color: #dd4b39; border-bottom: none; height: 28px; }
	    		#widget-google { display: block; margin-bottom: 15px; background-color: #fff; }
	    			#widget-google > div { padding: 5px 0 0 3px!important; }

	    	/* Twitter */
	    	.titre-widget.twitter { background: url(../images/icon/icon-reseaux-sociaux.png) no-repeat 50% -103px; }
	    		.titre-widget.twitter .title { background-color: #159ceb; border-bottom: none; height: 28px; }
	    		#widget-twitter { display: block; overflow: hidden; background-color: #fff; margin-bottom: 17px; }
	    			#widget-twitter .picture { display: block; float: left; margin: 5px 10px 5px 5px; width: 52px; height: 50px; background: url(../images/icon/icon-home.png) no-repeat 0 0;}
	    			#widget-twitter .title { display: block; float: left; width: 150px; margin: 5px 0; font-weight: bold; }

	    	/* Dernières mises à jour */
	    	.titre-widget.maj { height: 30px; padding: 0; background: url(../images/icon/icon-globale.png) no-repeat 0 -446px #496d95; }
	    		.titre-widget.maj .title { background-color: transparent; border-bottom: none; height: auto; }
	    			.texte-widget.maj .title { display:block; float: left; width: 180px; font-weight: bold; color: #003758; }
	    			.texte-widget.maj .link:hover .title { text-decoration: underline; }
	    			.texte-widget.maj .vignette { display: block; float: left;}
	    			.texte-widget.maj .text { display: block; float: left; width: 180px; color: #005182; }
	    				.texte-widget.maj .text p{ margin: 0; }

	    	#col-right .container-reseaux-sociaux { display: none; }

    /* ==|== Container Central ====================================================== */

 		/* Fil Ariane */
 		.fil-ariane{ display: block; color: #048cdc; font-size: 14px; font-family: Arial, Helvetica, sans-serif; margin: 5px 0; }
 			.fil-ariane span a{ color: #617a93;  text-decoration: none;}
 			.fil-ariane span a:hover{ color: #048cdc;}

    	/* ==|== Bloc Top ====================================================== */

	    	#container-top-bloc{ display: block; overflow: hidden; width: 994px; height: auto; text-align: center; background-color: #fbfbfb; border-top: 8px solid #fff; border-bottom: 8px solid #fff; }
	    		#container-top-bloc .pub-728x90-mobile { padding: 20px 0;}
	    		#container-top-bloc .pub-728x90 { padding: 20px 0;}
	    	#container-top-bloc .top-bloc{ display: inline-block; }


    	/* ==|== Colonne Gauche ====================================================== */

	    	#col-left{ display: block; width: 670px; overflow: hidden; margin: 10px 14px 10px 10px; float: left; }

				/* Liste Logiciels */
				.list-logiciels{ overflow: hidden; float: left; }
				.list-logiciels.article { margin-bottom: 56px!important; }
					/* Title*/
					.list-logiciels .title { display: block; color: #fff; }
						.list-logiciels .title .text {display: block; float: left; text-align: center; }
							.list-logiciels .title .text h3 { text-align: left; font-size: 1em; padding-left: 15px;  }
					/* List */
					.listing-logiciels{ display: block; overflow: hidden; background:#fff; padding: 0 10px;}
						.listing-logiciels .logiciel{ display: block; overflow: hidden; height: 97px; position: relative; }
						.listing-logiciels .logiciel:last-child, .list-logiciels.plus-telecharger .listing-logiciels .logiciel:last-child, .list-logiciels.best .listing-logiciels .logiciel:last-child{ border-bottom: none;}
							.listing-logiciels .logiciel .link{ text-decoration: none; display: inline; overflow: hidden; }
								.listing-logiciels .logiciel .vignette{ display: block; float: left; width: 100px; height: 60px; margin: 2px 20px 4px 2px;}
								.listing-logiciels .logiciel h3 { color: #000; font-family: Tahoma; text-transform: uppercase; font-weight: bold; display:inline-block; vertical-align:middle; width: 170px; }
								.listing-logiciels .logiciel .link:hover h3 { text-decoration: underline; color: #5d3ead; }
								.listing-logiciels .logiciel .telechargement { display: block; float: left; font-size: 12px; width: 175px; color: #000; margin-bottom: 5px; }
									.listing-logiciels .logiciel .telechargement strong{ color: #00639e; }
								.listing-logiciels .logiciel .description { display: block; float: left; font-size: 11px; width: 170px; color: #90a9c0; }


				/* Liste Article*/
				.listing-logiciels .logiciel .title-article { color: #000; text-transform: uppercase; font-weight: bold; display:inline-block; vertical-align:middle;width: 523px; line-height: 24px; font-size: 14px; }
					.listing-logiciels .logiciel .lk:hover .title-article{ text-decoration: underline; color: #ff5d00; }
					.listing-logiciels .logiciel .lk.bleu:hover .title-article{ color: #048cdc; }
					.listing-logiciels .logiciel .date-publication { float: left; color: #000; line-height: 16px; font-size: 12px; display: block; }
					.listing-logiciels .logiciel .nombre-commentaire { float: left; margin-left: 5px; color: #00639e; line-height: 16px; font-size: 12px; display: block; }
					.listing-logiciels .logiciel.article .description { width: 523px!important; color: #8c8b8b; margin-top: 5px; }


				/* Liste Logiciels les plus télécharger*/
				.list-logiciels.plus-telecharger { width: 318px; margin: 17px 0 0 0; }
					/* Title*/
					.list-logiciels.plus-telecharger .title{ height: 57px; background-color: #583ba3; border-bottom: 9px solid #412c79;}
						.list-logiciels.plus-telecharger .title .big{ display: block; float: left; padding: 9px 5px 0 9px; font-size: 42px; line-height: 42px; text-transform: uppercase; font-family: 'Dosis Bold', Arial, Helvetica, sans-serif; }
						.list-logiciels.plus-telecharger .title strong { display: block; float: left; font-family: 'Dosis Bold', Arial, Helvetica, sans-serif; font-size: 60px; line-height: 58px; font-weight: normal; }
						.list-logiciels.plus-telecharger .title .text { width: 150px; font-family: 'Dosis', Arial, Helvetica, sans-serif; font-size: 19px; line-height: 19px; margin: 10px 0 0 12px; font-weight: normal; }
					/* List */
					.list-logiciels.plus-telecharger .listing-logiciels{ width: 297px; height: 681px; padding-top: 10px; }
						.list-logiciels.plus-telecharger .listing-logiciels .logiciel{ padding:22px 0 16px 0; height: 97px; border-bottom: 1px solid #9fbfdc;}
							.list-logiciels.plus-telecharger .classement { display: block; position: absolute; left: 25px; top: 70px; background: url(../images/icon/icon-globale.png) no-repeat -1px -634px; width: 46px; height: 35px; color: #fff; text-align: center; font-family: 'Dosis Bold', Arial, Helvetica, sans-serif; font-size: 24px; line-height: 24px; padding-top: 10px;}


				/* Liste Logiciels notre selection*/
				.list-logiciels.notre-selection { width: 330px; margin: 17px 21px 0 0; }
					/* Title*/
					.list-logiciels.notre-selection .title{ height: 57px; border-bottom: 9px solid #0074ba; background: url(../images/icon/icon-arrow.png) no-repeat 12px 9px #008ee3; }
						.list-logiciels.notre-selection .title .text{ width: 248px; font-family: 'Dosis Bold', Arial, Helvetica, sans-serif; font-size: 39px; line-height: 36px; margin: 10px 0 0 62px; font-weight: normal;}
						.lt-ie9 .list-logiciels.notre-selection .title .text{ font-size: 36px; }
					/* List */
					.list-logiciels.notre-selection .listing-logiciels{ width: 310px; height: 681px; padding-top: 10px;}
						.list-logiciels.notre-selection .listing-logiciels .logiciel{ padding:0 0 10px 0; min-height: 130px;}
							.list-logiciels.notre-selection .listing-logiciels .link h3 { margin-bottom: 5px; }
							.list-logiciels.notre-selection .listing-logiciels .link:hover h3 { text-decoration: underline; color: #00639e; }
						.list-logiciels.notre-selection .validation { display: block; position: absolute; left: 2px; top: 0; width: 46px; height: 48px; background: url(../images/icon/icon-home.png) no-repeat 0 -200px;}
						.list-logiciels.notre-selection .description { font-size: 12px; width: auto; float: none;}
						.list-logiciels.notre-selection .note { display: block; width: 310px; font-size: 13px; height: 24px; margin-top: 5px; background-color: #d2dce5; color: #6c839d; }
							.list-logiciels.notre-selection .note .text{ display: block; float: left; margin: 3px 5px 0 64px; }
							.list-logiciels.notre-selection .note strong{ display: block; float: left; margin: 3px 0 0 0;}
							.list-logiciels.notre-selection .rate { display: block; width: 80px; height: 16px; padding:4px 10px; background: url(../images/icon/icon-home.png) no-repeat -67px 4px; }
							.list-logiciels.notre-selection .rate.rate-5 { background-position: -67px -4px; }
							.list-logiciels.notre-selection .rate.rate-4.5 { background-position: -67px -20px; }
							.list-logiciels.notre-selection .rate.rate-4 { background-position: -67px -45px; }
							.list-logiciels.notre-selection .rate.rate-3.5 { background-position: -67px -70px; }
							.list-logiciels.notre-selection .rate.rate-3 { background-position: -67px -95px; }
							.list-logiciels.notre-selection .rate.rate-2.5 { background-position: -67px -120px; }
							.list-logiciels.notre-selection .rate.rate-2 { background-position: -67px -145px; }
							.list-logiciels.notre-selection .rate.rate-1.5 { background-position: -67px -170px; }
							.list-logiciels.notre-selection .rate.rate-1 { background-position: -67px -195px; }
							.list-logiciels.notre-selection .rate.rate-0.5 { background-position: -67px -220px; }
							.list-logiciels.notre-selection .rate.rate-0 { background-position: -67px -245px; }


				/* Liste Meilleurs Logiciels */
				.list-logiciels.best { width: 670px; margin: 17px 0 0 0; }
					/* Title*/
					.list-logiciels.best .title{ height: 55px; background: url(../images/icon/icon-arrow.png) no-repeat 11px -56px #005182; }
						.list-logiciels.best .title .text{ width: 610px; font-family: 'Dosis SemiBold', Arial, Helvetica, sans-serif; font-size: 29px; line-height: 26px; margin: 14px 0 0 31px; text-transform: uppercase;}
							.list-logiciels.best .title .text.categorie{ font-size: 23px; padding: 0 0 0 10px; text-align: left;}
					/* List */
				.list-logiciels.best .listing-logiciels { width: 650px; height: auto;}
					.list-logiciels.best .listing-logiciels .logiciel{ padding: 15px 0 24px 0; border-bottom: 1px solid #9fbfdc;}
							.list-logiciels.best .vignette { margin: 18px 20px 4px 2px; }
								.list-logiciels.best .vignette.article { margin: 3px 20px 4px 2px; }
						.list-logiciels.best .listing-logiciels .logiciel h3{ width: 523px; }
				.list-logiciels.best .listing-logiciels .first{ display: block; padding:22px 0 0 0; overflow: hidden; height: 59px; position: relative; border-bottom: 1px solid #9fbfdc; font-family: 'Dosis Medium', Arial, Helvetica, sans-serif; color: #009efd; font-size: 19px; line-height: 21px; }
				.lt-ie9 .list-logiciels.best .listing-logiciels .first{ font-size: 17px; }
				.list-logiciels.best .text { width: 300px; float: left; }
					.list-logiciels.best .nom-logiciel { width: auto; float: left; }
						.list-logiciels.best .nom-logiciel.article { display:block; float: left; width: 528px; }
					.list-logiciels.best .listing-logiciels .logiciel .description { width: 300px; }
					.list-logiciels.best .telechargement { width: 300px; float: left; }
				.list-logiciels.best .btn-download { display: block; float: left; width: 165px; height: 36px; background: url(../images/btn/btn-telecharger.png) no-repeat 0 0; margin: 18px 0 15px 52px;}
				.list-logiciels.best .btn-download:hover { background-position: 0 bottom;}
				.list-logiciels.best .fil-arianne { display: block; float: left; color: #547d96; font-size: 11px;}


				.actu { display: block; float: left; width: 657px; margin: 37px 0 0 12px; font-size: 12px; }
					.actu .intro-paragraphe { display: block; color: #00639e; margin-bottom: 15px; font-weight: bold; }
					.actu .paragraphe { width: 650px; color: #000000; }


 	/* ==|== Page Categorie ====================================================== */

 		/* Liste des catégories */
 		.rubriques-categories{ display: block; border-top: 1px solid #9db3c8; height: auto; background-color: #048cdc; }
 			.rubriques-categories h2{ display: block; overflow: hidden; height: 53px; text-align: center; background:url(../images/bg/bg-rubriques-categories.jpg) no-repeat 0 50% #ffffff; }
 				.rubriques-categories h2 .sous-titre-rubrique-categorie{ display: block; font-family: Tahoma; margin-top: 18px; text-transform: uppercase; color: #000; font-size: 15px; font-weight: bold;  }

 		/* Catégorie */
 		.rubriques-categories .encart-categories { overflow: hidden; }
 			.rubriques-categories .bloc-categories { display: block; float: left; padding: 5px 0; /*width: 220px; min-height: 133px; */border-right: 1px solid #42b8fd; border-left: 1px solid #01649e; margin: 15px 0;}
 			.rubriques-categories .encart-categories.article .bloc-categories { min-height: 47px;}
 			.rubriques-categories .bloc-categories:first-child { border-left: none; }
 			.rubriques-categories .bloc-categories:last-child { border-right: none; }
				.rubriques-categories .nom-categorie{ display: block; float: left; padding: 2px 0; width: 220px; }
					.rubriques-categories .nom-categorie .lien-categorie{ display: block; color: #b2eaff; min-height: 18px; width: 190px; padding-left: 30px; }
						.rubriques-categories .nom-categorie .lien-categorie:hover{ text-decoration: none; background-color: #ff4e00;}
					.rubriques-categories .nom-categorie .lien-categorie .fleche-puce{ display: block; font-weight: bold; font-size: 13px; color: #fff; padding-left: 15px; background:url(../images/icon/icon-arrow.png) no-repeat 0 -263px;}
						.rubriques-categories .nom-categorie .lien-categorie:hover .fleche-puce{ background-position: 0 -307px; }

		/* Filtre */
		.bloc-flitre{ display: block; padding: 15px 0; overflow: hidden; margin-left: 5px; }
			.bloc-flitre .option-filtre { display: block; float: left; color: #586673; font-size: 13px; line-height: 17px; width: 115px; margin: 5px 0; }
			.bloc-flitre .filtre { display: block; border: 1px solid #0066a1; width: 140px; float: left; margin:5px; }
			.bloc-flitre .btn-filtre { display: block; background-color: #e7f3ff; border: 1px solid #0066a1; width: 65px; float: left; margin:5px; text-align: center; }


		/* Pagination */
		.content-pagination{ display: block; margin: 10px 0 10px 0; overflow: hidden; text-align: center; cursor: pointer; color:#000000; padding: 5px 0 15px 0; border-bottom: 1px solid #9db3c8; }
			.content-pagination .texte{ display: block; width:81px; background:#fff; height:15px; padding: 10px 7px; border: 1px solid #bbb; float: left; margin: 0 5px 0 0; }
			.content-pagination .texte.article{ height:37px; }
			.content-pagination .numero{ display: block; background:#fff; width:15px; color:#000000; height:15px; padding: 10px 7px; border: 1px solid #bbb; float: left; margin: 0 8px 0 0; }
				.content-pagination .numero:hover{ background:#b0d1ef; }
				.content-pagination .numero .icon-arrow.left{ width: 11px; height: 14px; background: url(../images/icon/icon-arrow.png) no-repeat 3px -219px; }
				.content-pagination .numero .icon-arrow.right{ width: 11px; height: 14px; background: url(../images/icon/icon-arrow.png) no-repeat -3px -174px; }
			.content-pagination .texte-end{ display: block; background:#fff; width:95px; color:#000000; height:15px; padding: 10px 7px; border: 1px solid #bbb; float: left; margin: 0 8px 0 0; }
				.content-pagination .texte-end:hover{ background:#b0d1ef;}


		/* liste logiciel */
		.content-liste-logiciel { display: block; overflow: hidden; padding: 10px 15px 20px 15px; }

		/* Commentaires */
		#bloc-commentaire{ display: block; width: 664px; float: left; border: 3px solid #005182; background-color: #fff; }
			#bloc-commentaire .form-commentaire{ display: block; margin:0; }
			#bloc-commentaire .sous-titre-rubrique-article { display: block; background-color: #005182; color: #fff; text-transform: uppercase; font-size: 20px; line-height: 25px; padding: 11px 15px 27px 15px; }
				#bloc-commentaire .sous-titre-rubrique-article strong{ font-weight: normal; text-decoration: underline; }
				#bloc-commentaire .sous-titre-rubrique-article strong.name{ text-decoration: none; color: #fe763b;}
			#bloc-commentaire .conseil { display: block; text-align: center; font-size: 12px; padding: 21px 0; }

			#bloc-commentaire .bloc { display: block; padding: 0 0 10px 96px; min-height: 79px; }
			#bloc-commentaire .bloc .title{ display: block; color: #005182; font-weight: bold; font-size: 14px; }
				#bloc-commentaire .bloc .title strong { color: #666767; font-weight: normal; font-size: 12px; }
			#bloc-commentaire .bloc input { font-size: 16px; border: 5px solid #beccda; width:504px; height:36px; padding: 0 10px; margin-top: 8px;}
			#bloc-commentaire .votre-commentaire { background: url(../images/icon/icon-votre-commentaire.png) no-repeat 20px 16px; }
				#bloc-commentaire .form-commentaire textarea { display: block; font-size: 16px; width:504px; border: 5px solid #beccda; padding: 5px 10px; margin:8px 0 10px 0;  }

			#bloc-commentaire .votre-nom { background: url(../images/icon/icon-globale.png) no-repeat 20px -80px; }
			#bloc-commentaire .votre-mail { background: url(../images/icon/icon-globale.png) no-repeat 20px -179px; }
			#bloc-commentaire .bloc-captcha { background: url(../images/icon/icon-globale.png) no-repeat 20px -281px; }
				#bloc-commentaire .bloc-captcha .captcha { display: block; margin: 8px 23px 0 0; float: left; }
				#bloc-commentaire .bloc-captcha input { display: block; float: left; width:321px; }

			#bloc-commentaire .form-commentaire input[type="submit"] { display: block; overflow: hidden; background: url(../images/btn/btn-envoyer.png) no-repeat 0 0; border: 0 none; float: right; margin-right: 35px; height: 38px; text-indent: -9999px; width: 164px; }
			#bloc-commentaire .form-commentaire input:hover[type="submit"] { background-position: 0 100%;  }

			#bloc-commentaire .bloc-commentaire .bloc-avi { padding: 0 10px; }
				#bloc-commentaire .bloc-commentaire .date-publication{ color: #666!important; margin: 4px 0 0 3px !important; float: none!important; }
				#bloc-commentaire .bloc-commentaire .texte-commentaire{ display:block; color: #29374d; margin: 10px 10px; float: none!important; line-height: 15px; }
				#bloc-commentaire.separateur{ border-bottom:none!important; height: auto!important; }

		.content-link { float: left; width: 100%; overflow: hidden; background-color: #fff; margin-bottom: 23px; }
			.content-link .content-lien{ display: block; overflow: hidden; border-bottom: 1px solid #a2c4e4; text-align: center; font-size: 14px; }
				.content-link .content-lien .accroche-lien{ color: #003758; font-weight: bold; padding: 16px 0 0 0;  }
				.content-link .content-lien .lien-page{ display: block; color: #555e6c; padding: 15px 15px; }

			.like-social-bar{ display: block; padding: 10px 10px 10px 50px; clear: both; overflow: hidden;}
				.like-social-bar .facebook-like{ width: 350px !important; float: left; overflow: hidden;}
				.like-social-bar .google-like{ width: 75px; float: left; overflow: hidden;}
				.like-social-bar .twitter-like{ width: 120px; float: left; }

		/********After download************/
			.bloc-widget-adownload{float:left;width:330px;margin:10px 0 0 0;}
			.bloc-widget-adownload.last{margin-left:10px;}
				.bloc-widget-adownload .titre-widget{background-image:none;width:auto;padding:0;height:28px;}
				.bloc-widget-adownload .texte-widget{width:auto;}
			.pub-660x300{display: block; width: 660px; height: 300px; margin: 0 auto 10px auto; border: 1px solid #CCC;}

		/**********************************/
