/***********************************************************************
 * Others.css
 * @copyright   Eptimum
 * @link        http://www.eptimum.com/
 * @author   Maxime Gauché-Daumet
 * @date      2012-05-16
 */

/* ==|== PAGES CONFIRMATION NEWSLETTER ====================================================== */
#container-global.confirmation-newsletter {
	margin-top: 2em;
	padding: 1em 1em;
}

	#container-global.confirmation-newsletter h1{
		font-size: 45px;
		margin-bottom: 0.5em;
		font-family: "Proxima Regular", Arial,Verdana,sans-serif;
	}
	#container-global.confirmation-newsletter h2{
		display: inline-block;
		font-family: "Proxima Regular", Arial,Verdana,sans-serif;
		font-size: 25px;
		margin: 1.5em 0;
		background-color: #283152;
		color: #fff;
		border-radius: 4px;
		padding: 0.2em 0.5em;
	}
	#container-global.confirmation-newsletter h3{
		display: inline-block;
		font-family: "Proxima bold", Arial,Verdana,sans-serif;
		font-size: 25px;
		margin: 0.5em 0 1em 0;
		color: #2a2f55;
		font-weight: bold;
	}
	#container-global.confirmation-newsletter h4{
		display: inline-block;
		font-family: "Proxima Regular", Arial,Verdana,sans-serif;
		font-size: 16px;
		margin: 0.5em 0;
		color: #1a99ff;
		font-weight: bold;
	}
	#container-global.confirmation-newsletter p{
		margin-bottom: 7px;
		font-size: 16px;
		font-family: "Proxima Regular", Arial,Verdana,sans-serif;
	}
	#container-global.confirmation-newsletter p.text-entete{
		font-weight: bold;
		color: #2a2f55;
	}
	#container-global.confirmation-newsletter .text-end{
		display: block;
		margin-top: 2em;
	}
	#container-global.confirmation-newsletter a{
		color: #1d98f6;
		font-size: 16px;
		margin: 1em 0 2em 0;
		display: inline-block;
		border: 1px solid #1d98f6;
		border-radius: 4px;
		padding: 0.2em 1em;
	}
	#container-global.confirmation-newsletter ul {
		margin: 0 0 0 1em;
	}
		#container-global.confirmation-newsletter ul li{
			margin: 0.5em 0;
			font-size: 16px;
			overflow: hidden;
			display: flex;
			align-items: center;
		}
			#container-global.confirmation-newsletter ul li span {
				display: inline-block;
				float: left;
				width: 80%;
			}
			#container-global.confirmation-newsletter ul li span.number {
				font-weight: bold;
				float: left;
				font-size: 15px;
				line-height: 1em;
				color: #fff;
				padding: .4em;
				border-radius: 24px;
				background-color: #06c48c;
				display: inline-block;
				width: 15px;
				height: 16px;
				text-align: center;
				margin-right: 1em;
			}

	#container-global.confirmation-newsletter img {
		width: 244px;
	}
	#container-global.confirmation-newsletter .container-ashampoo {
		display: flex;
		align-items: center;
	}
		#container-global.confirmation-newsletter .container-ashampoo > div{
			display: flex;
			flex-direction: column;
			margin-left: 2em;
			width: 50%;
		}


   
	/* ==|== Pages annexes ====================================================== */

		#annexe{ margin: 20px; font-family: Arial, Helvetica, sans-serif; }
		
		.separateur{ display: block; height: 20px; border-bottom: 1px dotted #CCC; }

		.bloc-annexe{ display: block; border-top: 1px solid #a2c4e4; padding: 20px; font-family: Arial; margin-top: 15px; background: #FFF; overflow: hidden; }
		
			.bloc-annexe .titre-annexe{ display: block; font-size: 1.2em; font-weight: normal; color: #112A4B; }
			.bloc-annexe .sous-titre-annexe{ display: block; font-size: 1.2em !important; margin: 20px 0 10px 0; border:none; color:#607089; text-transform: uppercase; font-weight: bold; }
			.bloc-annexe .texte-annexe{ display: block; font-size: 1em; color: #333333; margin: 20px 3px; }
			.bloc-annexe .texte-annexe h4{ display: block; font-size: 1em; color: #00A0D5; margin: 20px 0 0 0px; font-weight: bold; }
				.bloc-annexe .texte-annexe p{ margin: 10px 0px !important; }
				.bloc-annexe .texte-annexe p a{ font-weight: bold; color:#607089; }
				.bloc-annexe .texte-annexe p a.partenaire{ color:#00A0D5!important; }
				.bloc-annexe .texte-annexe .retour-top{ display: inline; font-weight: bold; float: right; border-bottom: 2px dotted #CCC; margin: 0 0 20px 0; padding: 10px 0; width: 100%; text-align: right; }

			.bloc-annexe .sommaire{ display: block; background: #E0DFDF; margin: 20px 0px; padding: 10px; }
				.bloc-annexe .sommaire .bloc-categorie-sommaire{ display: block; margin: 0 0 20px 0; }
				.bloc-annexe .sommaire .categorie-sommaire{ display: block; font-size: 1em;  color: #00A0D5; font-weight: bold; }
					.bloc-annexe .sommaire .sous-categorie-sommaire a{ display: block; font-size: 0.9em; color: #666; font-style: italic; line-height: 20px; text-indent: 15px; }


	/* ==|== Page Flux RSS et Atom ====================================================== */
		.flux-rss { list-style-image: url(../images/icon/icon-puce-rss.png) !important; margin: 0 0 0 23px; width:55%; line-height: 20px; font-size: 1.1em; display: block; }
		.ie7 .flux-rss { list-style-image:none !important; }
			.flux-rss .categorie-flux { float: left; display: block; }
			.flux-rss a{ color: #607089; font-weight: bold; text-decoration: underline; padding: 0 3px; }
			.flux-rss .lien-rss-atom{ display: block; float: right;}

	

	/* ==|== Page Contact ====================================================== */
		.encart-formulaire-contact{ display: block; border: 1px solid #005B96; padding: 15px; overflow: hidden; color:#666; }

		.encart-formulaire-contact .form-contact{ display: block; }
		.encart-formulaire-contact .form-contact input[type=text] { display: block; width: 260px; height:25px; background: #f4f4f4; border: 1px solid #0170b2; margin:5px 0 10px 0; padding: 0 10px; }
		.encart-formulaire-contact .form-contact textarea { display: block; background: #f4f4f4; border: 1px solid #0170b2; padding: 5px 10px; margin:5px 0 10px 0;  }
	    	.encart-formulaire-contact .form-contact input[type=submit]{ width:125px; height:36px; float: left; background: url(../images/btn/btn-envoyer.png) no-repeat 0 0; border: 0; text-indent: -9999px; }   
         		.encart-formulaire-contact .form-contact input[type=submit]:hover{ background: url(../images/btn/btn-envoyer.png) no-repeat 0 100%; }   
			.encart-formulaire-contact .form-contact .vignette-captcha{ display:block; margin: 5px 0; }
			.encart-formulaire-contact .form-contact .captcha{ width: 175px!important; }
         		

	/* ==|== Pages d'erreur ====================================================== */

		.error { font-size: 1.5em !important; }	


	/* ==|== Pages téléchargement ====================================================== */

		.telechargement .titre-rubrique { display: block; background-color: #005182; color: #fff; font-size: 26px; text-transform: uppercase; font-family: 'Dosis SemiBold', Arial, Helvetica, sans-serif; padding: 14px 38px; }
		
		.text-telechargement{ display: block; float: left; overflow: hidden; width: 400px; margin: 19px 30px; text-align: center; font-size: 22px; line-height: 25px; color: #7194b4; text-transform: uppercase; }	
		.lien-telechargement { float: left; background: url(../images/btn/btn-cliquezici.png) no-repeat 0 0; height: 38px; width: 192px; text-indent: -9999px; margin: 26px 0 0 0; cursor: pointer; display: block; }
			.lien-telechargement:hover { background-position: 0 100%; }
		
		.pub-milieu{ display: block; position: relative; overflow: hidden; clear: both; }
		
		.content-analyse { display: block; overflow: hidden; width: 100%; text-align: center; background-color: #fff; padding: 24px 0; margin-bottom: 15px; }
			.content-analyse .text-gris-bold { display: block; width: auto; font-weight: bold; color: #000; font-size: 17px; }
			.content-analyse .bouton-analyser{ display: block; background: url(../images/btn/btn-analyser-pc.png) no-repeat 0 0; height: 71px; width: 331px; text-indent: -9999px; margin: 15px auto; cursor: pointer; }
			.content-analyse .text-gris{ display: block; color: #4f4f4f; font-size: 13px; margin: 10px auto; width: 450px;}	


		#popup-norton{ background:#c7c5c5; border: 1px solid #fff; width: 456px; height: 190px; 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: 142px; height: 40px; border: none; color: #000; background: url(../images/btn/btn-valider-recup-email.png) no-repeat 0 0; text-indent: -9999px; }
				
		/* .fancybox-skin{ background: none!important; box-shadow: none!important;}	
			.fancybox-close { top: 24px !important; right: 5px !important; width: 25px; height: 25px; background: url(../images/icon/icon-globale.png) no-repeat -9px -564px !important;}
		 .fancybox-inner{ top:0!important; left:0!important;}	
			.fancybox-outer{ background: none!important; height: 205px !important; }
		 .fancybox-wrap { height: 243px !important; width: 474px!important;}*/


	/* ==|== Pages d'actualités ====================================================== */

	.liste-actu{ display: block; overflow: hidden; padding-bottom: 3px; }
		.liste-actu.publicite{ padding-bottom: 35px; margin-bottom: 14px; border-bottom: 1px dotted #CCC; }

		.liste-actu .liste-articles{ display: block; overflow: hidden; font-family: Arial, Helvetica, Sans-Serif; }
		.liste-actu .article{ display: block; padding-bottom:15px; overflow: hidden; border-bottom: 1px dotted #CCC; margin: 0 0 15px 0;}
			.liste-actu .article .nom-article{ display: block; color:#0093c4; font-family: 'Dosis', Arial, Helvetica, Sans-Serif; font-size: 1.5em; font-weight: bold; }
			.liste-actu .article .vignette-logiciel{ margin-top:5px !important; }
			.liste-actu .article .vignette-logiciel.sous-cat{ margin-right: 15px; float: left; }
			.liste-actu .article .nombre-commentaire{ line-height: 24px; width: 330px !important; }
	 		.liste-actu .date-publication{ display: block; color:#2b2b2b; font-size: 0.9em; margin: 5px 0 0 0; width: 110px; float: left; }
			.liste-actu .article .accroche-article{ display: block; color:#2b2b2b; font-size:1em; margin: 5px 0 0 115px; }
		
			.liste-actu .article .lire-article{ font-family: 'Dosis', Arial, Helvetica, Sans-Serif; font-size: 1.2em; color:#ff890a; cursor: pointer; font-weight: bold;}
				.liste-actu .article .lire-article:hover{ text-decoration: underline; }
			
	/* ==|== Liste actualités ====================================================== */
		
		.content-article { overflow: hidden; background-color: #fff; }

			.content-article .bloc-content-vote { display: block; border-top: 1px solid #9db3c8; }
			
			.content-article .titre-article{ display: block; border-top: 1px solid #9db3c8; line-height: 34px; font-weight: bold; font-size: 18px; color: #ff5e00; padding: 20px 0 20px 15px; }
						
			.entry-info{ display: block; overflow: hidden; border-top: 1px solid #9db3c8; border-bottom: 1px solid #9db3c8;padding: 8px 0; margin: 0 0 20px 0; }
				.entry-info .texte-info{ display: inline-block; width: auto; background-color: #005182; padding: 6px; color: #fff; text-transform: uppercase; font-weight: bold; line-height: 20px; font-size: 14px; margin: 0 15px 0 15px; }
				.entry-info .date-auteur{ display: inline-block; width: auto; line-height: 20px; font-size: 16px; color:#555e6c; }
				
			.image-actualite{ display: block; width: 305px; height: 250px; overflow: hidden; float: left; margin: 0 15px 15px 27px; }

			.intro-article{ display: block; padding: 0 27px; margin-bottom: 15px; font-size: 13px !important; }
				.intro-article p{ margin: 0px !important; }
				.intro-article p a{ font-weight: bold; }
				.intro-article p a:hover{ color:#112A4B; text-decoration: none; }
				.intro-article .sous-titre-article{ display: block; font-size: 1.2em !important; margin: 20px 0 10px 0; border:none; color:#607089; font-weight: bold; }
				.intro-article ul{ list-style: disc inside none !important; }

			.content-article .content-link { margin-top: 20px; }


		/* Pagination */
		.content-pagination{ margin: 10px 0 20px 0; }


		/* Recherche */
         .content-recherche { display: block; background:#FFF; overflow: hidden; padding: 10px 15px 20px 15px; }
         #cse-search-results { margin: 20px 0 0 80px; }
         .mention { display: block; text-align: center; margin:30px 0; }

	/* ==|== Page Finder ====================================================== */

		#page-finder{ display: block; float: left; margin:0; overflow: hidden; width: 644px; }
			
			
			#main-content .bloc-pub-reseau { display: block!important; padding: 5px 10px; border:1px solid #CCC; }
			.bloc-pub-reseau { overflow: hidden; background-color: #005182; margin: 10px 0; height: 30px; width: 100%; }
				.bloc-pub-reseau .bloc-pub-container-468 { float: left; margin: 7px 0 0 14px; width: 468px; }
				.reseaux-sociaux { display: block; float: left; width: 120px; margin: 3px 0 0 64px; }
		        	.reseaux-sociaux li { display: block; width: 29px; margin-right: 7px; float: left; }
		        		.reseaux-sociaux .twitter img{ display: block; width: 25px; height: 25px; background: url(../images/icon/icon-reseaux-sociaux.png) no-repeat 0 -159px; }
		        		.reseaux-sociaux .facebook img{ display: block; width: 25px; height: 25px; background: url(../images/icon/icon-reseaux-sociaux.png) no-repeat 0 -218px; }
		        		.reseaux-sociaux .google { margin-top: 2px; }

			
			#page-finder .content-titre{ display: block; }
				.content-titre .titre-page{ display: block; font-family: Tahoma,Arial,sans-serif; color: #112a4b; font-size: 1.9em; line-height:1.4em; text-transform: uppercase; font-weight: bold; width: 545px; height:auto;  padding: 0 10px;}
				#page-finder .content-titre .titre-page{ width: auto;}
		  		
		  	#page-finder .content-finder { display: block; clear:both; overflow: hidden; padding: 0 10px; margin: 20px 0;}

		  		.content-finder .orth-error{ display: block; font-family:Arial,sans-serif; color: #000; font-size: 1.2em; line-height: 1.5em; }		
					.content-finder .orth-error .txt-blue{ color: #0000FF; font-style: italic; }

				.content-finder .pub-336x280{ display: block; float: left; height: 280px; width: 336px; margin: 0 15px 20px 0; }

				.content-finder .content-item { display: block; background-color: #FFF; overflow: hidden; border-top: 3px solid #3c849d; padding: 10px 20px;}
		  	
					.content-item .item { display: block; padding: 15px; margin: 2px 0; background-color: #e4e4e4; }	
						.content-item .item .visuel{ display: block; float: left; margin: 0 10px 2px 0; width: 200px; height:150px; }

					.content-finder .item h2{ margin: 0 !important; }	
						.content-finder .item .titre-logiciel{ display: block; font-family: 'Dosis',Arial,sans-serif; color: #005f9a; font-size: 1.3em; line-height: 1.1em; font-weight: bold; margin: 0 0 10px 0; }	
						.ie7 .content-finder .item .titre-logiciel{ position: relative; font-size: 1.2em; }	
			
				.content-finder .item .content-type-rating{ display: block; float: left; background-color: #CCC; border-radius: 30px; height:20px; width: 330px; padding: 5px; margin: 0 0 15px}		
					.item .content-type-rating .content-type{ display:block; width:172px; border-right: 1px solid #9d9d9d; float: left; }	
					.item.first .content-type-rating .content-type{ width:162px; }	
					.item .content-type-rating .content-type.article{ border: none; }	
						.item .content-type-rating .content-type .icon-type{ background: url(../images/icon/icon-finder-type.png) no-repeat; height: 20px; width: 20px; float: left; margin: 0 5px 0 5px;}	
							.item .content-type-rating .content-type .icon-type.logiciel{ background-position: 0 0;}	
							.item .content-type-rating .content-type .icon-type.article{background-position: 0 100%;}	
						.item .content-type-rating .content-type .type{ display:block; float:left; font-family: 'Dosis',Arial,sans-serif; color: #0066a1; font-size: 1em; line-height: 1.2em; font-weight: bold; border-radius: 10px; padding: 3px 10px 2px 10px; background-color: #FFF; text-transform: uppercase; }						
						.item.first .content-type-rating .content-type .type{ font-size: 0.9em; }						
					.item .content-type-rating .content-rating{ display:block; width:92px; border-left: 1px solid #dfdfdf; border-right: 1px solid #9d9d9d; float: left; text-align: center; }	
				
					.item .content-type-rating .content-plateforme{ width:53px; border-left: 1px solid #dfdfdf; float: left; padding: 0 4px; }
					.item.first .content-type-rating .content-plateforme{ display: none; }
						.item .content-type-rating .content-plateforme .windows{ display: block; text-indent: -99999px; margin :0 2px; float: left; width:20px; height: 20px; background: url(../images/icon/icon-platform.png) no-repeat 0 -388px; }	
						.item .content-type-rating .content-plateforme .mac{ display: block; text-indent: -99999px; float:left; margin :0 5px; width:20px; height: 20px; background: url(../images/icon/icon-platform.png) no-repeat 0 -497px; }	
						.item .content-type-rating .content-plateforme .linux{ display: block; text-indent: -99999px; float:left; margin :0 5px; width:20px; height: 20px; background: url(../images/icon/icon-platform.png) no-repeat 0 -293px; }	
						.item .content-type-rating .content-plateforme .android{ display: block; text-indent: -99999px; float:left; margin :0 5px; width:20px; height: 20px; background: url(../images/icon/icon-platform.png) no-repeat 0 -238px; }	
						.item .content-type-rating .content-plateforme .saas{ display: block; text-indent: -99999px; float:left; margin :0 5px; width:29px; height: 20px; background: url(../images/icon/icon-platform.png) no-repeat 0 -184px; }	

				.content-finder .item .description{ font-family: Arial,sans-serif; text-align: justify; font-size: 1.2em; padding: 10px 0; }	
				.content-finder .item .more{ display: block; width: 80px; font-family: Arial,sans-serif; text-decoration: underline; color: #0066a1; }	
		
				.content-finder .item .breadcrumb { display: block; font-family: 'Dosis', Arial, sans-serif; margin: 10px auto; overflow: hidden; font-size: 1em; color: #6a6a6a; }
					.content-finder .item .breadcrumb a{ color: #0066a1; }


				.content-finder .content-bloc-pub { display: block; padding: 25px 0 25px 5px; background-color: none;  margin: 0 20px;}	
					.content-finder .content-bloc-pub .pub-468x60{ display: block; margin: 0 auto; width: 468px; height: 60px; }			

				.content-finder .item.first { padding: 0; margin-bottom: 10px;}
					.content-finder .item.first #td-top-mpu-2 { float: left; margin: 0 42px 0 0; }
				.content-finder .item.first .visuel{ float: none; width: 200px; height: 150px; }
				.content-finder .item.first .article{ float: none; width: 100px; height: 70px; margin-bottom: 10px; }
				.content-finder .item.first .content-type-rating{ width: 260px;  }
					.item.first .content-type-rating .content-rating{ border-right: none; }	
							

				.content-finder .item.mis-en-avant { background-color: #b9d2e0; }
				.content-finder .item.mis-en-avant .content-type-rating { background-color: #FFF; }
				.content-finder .item.mis-en-avant .type { color: #FFF; background-color:#0065a0; }
				


		#part-right{ display: block; width: 335px; overflow: hidden; margin: 0 0 0 15px; float: left; }
			#part-right .inside-part-right{ display: block; width: 305px; margin: 10px 0 0 0; padding: 15px 15px 80px 15px; overflow: hidden; background-color: #00427d; float: left; }
		
		#part-right .titre-widget { display: block; width: 260px; height: 35px; background: url(../images/bg/bg-titre-widget.png) repeat-y 0 0; color: #FFF; font-size: 1.2em; font-family: 'Dosis',Arial,Helvetica,Sans-serif; font-weight: bold; line-height: 35px; padding: 0 20px; }
		#part-right .texte-widget { padding: 10px 5px; width: 290px; }
			#part-right .texte-widget ul { display: block; width: 290px; min-height:100px; padding: 0; margin-bottom:20px; list-style: none; }
				#part-right .texte-widget li { padding: 5px 10px; width: 270px; margin: 0; background-color: #e6e5e3; background: url(../images/icon/icon-arrow.png) no-repeat 9px -352px; }
				#part-right .texte-widget li.alternative { background-color: #f7f7f7; }
					#part-right .texte-widget li a{ display: block; width: 228px; color: #535353; margin: 0 0 0 30px;}

		#page-finder #bloc-pub-center-full { display: block; margin: 15px 0 35px 0; }
		#bloc-pub-right-ad.finder { display: block; margin: 15px 0 10px 0; }