@charset "utf-8";
/* CSS Document */

/* SOFTWARELOAD */
body {background-color: #ffffff; color:#333; font-size:21px}
td {text-align: center; background-color: #f2f2f2;}	
body > .container .page-content {    padding: 0;}
body > .container {    margin-top: 36px; }
h3 { font-size: 33px; color:#333; margin:auto}	
h4 { font-size: 27px; color:#333; text-align:left}	
h5 { font-size: 23px;}
.col-xs-4ths, .col-sm-4ths, .col-md-4ths, .col-lg-4ths {    width: 85%; margin:auto; 	}
.newsletter{display:none}

	/* FIRST */
	#first  {padding:55px 0; background-image: url(Kaspersky/fond-kaspersky.jpg); background-position:top center; background-size:cover; float:left; margin-bottom:45px;  }
  #first img{margin:auto}
  #first h2{color:#ffffff; font-size:22px; text-transform:uppercase; text-align:center}

	#first .largeur > div{padding: 30px 20px 30px 20px; width: 100%; margin: auto;}
	#first .largeur > div a:nth-child(2) {float:right}
	#first div a{margin:7px 0} 

	/*BLOC PRDT & BTN*/	
	.jeux .buy{ 	 background-color: #d8021c; color:#ffffff;  }
	.jeux .buy:hover, .btn:hover { background-color:#b90522; color:#ffffff;  }
	.btn {
		margin-left: auto;
		margin-right: auto;
		transition: unset;
		border: 0;
		text-align: center;
		cursor: pointer;
		background-color: #d8021c;
		border-radius: 0;
		color: #ffffff;
		padding-top: 10px;
		font-size: 15px;
		font-weight: normal;
	}

		
	/*TITRE & LIENS*/
	.blocPrdt h2:hover, .blocPrdt h2:hover{color:#79337f; }
	.blocPrdt h2 { font-size: 22px; min-height: 48px;}
	.blocPrdt p{color:#79337f;}
	
		
	/*PRIX */
	.prixBarre{color:#333333;  }
	.prix {color:#333333; background-color: #f2f2f2  ; font-size: 20px; font-weight: 600; line-height: 21px;}
	.blocPrdt .reduction {background-color: #ff6600  ; color:#ffffff;}
	
	/* THIRD */
	#third { margin-top:75px}
	#third h3{ width:60%; margin-bottom:36px;}
	#third .smallbanner {margin-top: 50px;}
		
	/* FOUR */
	#four { background-image: url(Kaspersky/fond-four.jpg); font-size:19px; padding: 35px 0; margin-top: 105px; background-color:#f8f8f8; background-size:  auto 100% ; background-repeat:no-repeat; float: left;}
	#four .col-xs-4{float:none}
	#four img{ display:none}	
	#four .col-xs-8{ width:100%}	
	
	
	/* FIVE */
	#five{display:none; margin-top:50px; margin-bottom: 150px;}
	#five h3{ width: 100%; margin-bottom: 36px;}
	#five .buy { width:50%; margin:auto; display: block;}
	#five .btn { width:100%; padding:2px 0; margin-bottom:16px;}
	  .comparatif{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:  space-between;
	align-items: center;
    align-content: stretch; font-size:14px;}
  .comparatif > div { width:25%; }
  .comparatif:nth-child(2n+1){ background-color:#f8f8f8}
  .comparatif div:nth-child(n+2) img{ margin:auto}
  .comparatif div:nth-child(1){ padding:10px 15px}
  
  
	/* SIX */
	#six {  background-repeat:no-repeat; background-color:#f8f8f8; font-size:19px; padding: 35px 0; margin-top: 1px; background-size:  auto 100% ; background-repeat:no-repeat; float:left; width:100%; margin-bottom:35px}
	#six img{ float:left; }	
	#six .col-xs-8{ width:66.66%}
	

		
	/* BOUTON RETURN TOP */
	.cd-top {
	  display: inline-block;
	  height: 40px;
	  width: 40px;
	  position: fixed;
	  bottom: 60px;
	  right: 80px;
	  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	  /* image replacement properties */
	  overflow: hidden;
	  text-indent: 100%;
	  white-space: nowrap;
	  background: #0f7b6c  url(https://cdn.static.nexway.com/i/i18/Razer/CSSCO-XX-LP-cyberWeek/cd-top-arrow.svg) no-repeat center 50%;
	 /* visibility: hidden;*/
	  opacity: 0;
	  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
	  -moz-transition: opacity .3s 0s, visibility 0s .3s;
	  transition: opacity .3s 0s, visibility 0s .3s;
	}
	
		.cd-top .cd-is-visible {
	  /* the button becomes visible */
	 
	}
	.cd-top .cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
	  -webkit-transition: opacity .4s 0s, visibility 0s 0s;
	  -moz-transition: opacity .3s 0s, visibility 0s 0s;
	  transition: opacity .3s 0s, visibility 0s 0s;
	   visibility: visible;
	  opacity: 0.4;
	}

	.cd-top .cd-fade-out {
	  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
	  opacity: .5;
	}
	.cd-top:hover {
	  opacity: 1;
	}
	
/*JQUERY*/


@media (min-width: 450px) {
	#first .col-xs-12{ width:41.66%}
	.col-xs-4ths, .col-sm-4ths, .col-md-4ths, .col-lg-4ths {    width: 49%;	}
	#five h3{ width: 54%;}
	#first{ float:none}
	
		
		
@media (min-width: 599px) {
	#six .col-xs-12{ width:66.66%}
	#six .col-xs-8{ width:33.33%}
	.col-xs-4ths, .col-sm-4ths, .col-md-4ths, .col-lg-4ths {  width: 33%;	}
	#third smallbanner {margin-top: 1px;}	
	#five{display:block}	#six { margin-top: 105px; 	}
}	
@media (min-width: 700px) {
	#first .largeur > div{ width: 70%;}
	.col-md-4ths { width:30%; float: left; }
	#five h3{ width: 50%;}
	#four img{ display:block}
	#four .col-xs-8{ width:66.66%}	
}
@media (min-width: 890px) {
	#first .largeur > div{ width: 50%;}
	.blocPrdt table td:nth-child(3) {}
	#four { background-size: cover  ; background-position: right; float:none}
	
}