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


/* SOFTWARELOAD */
body {background-color: #f6f6f6; 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(Bitdefender/fond-bitdefender.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: #e12030; 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: #e12030;
	border-radius: 0;
	color: #ffffff;
	padding-top: 10px;
	font-size: 15px;
	font-weight: normal;
}

		
/*TITRE & LIENS*/
.blocPrdt h2:hover, .blocPrdt h2:hover{color:#008af0; }
.blocPrdt h2 { font-size: 22px; min-height: 55px;}
.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: #008af0 ; color:#ffffff;}
	
	
/* THIRD */
#third { margin-top:25px}
#third h3{ width:60%; }
#third .smallbanner {margin-top: 50px;}
	
		
/* FOUR */
#four { background-image: url(Bitdefender/fond-four2.jpg); font-size:19px; padding: 35px 0; margin-top: 105px; background-color:#f8f8f8; background-size:  auto 100% ; background-repeat:no-repeat; margin-bottom: 55px; float: left; }
#four h4{ text-transform:uppercase; padding-bottom:20px;}
#four h4, #four h5{color:#ffffff; text-align:center}
#four .col-xs-4{float:none}
#four img{ display:none}	
#four .col-xs-12{ width:100%; float:none}	
	
	
/* FIVE */
#five{display:none; margin-top: 50px;}
#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:#ebebeb}
.comparatif:nth-child(2n){ background-color:#ffffff}
.comparatif div:nth-child(n+2) img{ margin:auto}
.comparatif div:nth-child(1){ padding:10px 15px; }
 #five .comparatif:first-child {  background-color:#f6f6f6}
  
/* SIX */
#six { background-image: url(Bitdefender/fond-six.jpg); background-repeat:no-repeat; background-color:#ebebeb; font-size:19px; padding: 35px 0; margin-top: 1px; background-size: cover ; background-repeat:no-repeat; float:left; width:100%; margin-bottom:35px; color:#2369c5}
#six p{ font-size:22px;  text-align:center}
#six h4{ font-size:57px; text-align:center; color:#2369c5}

	

		
/* 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);
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: #e12030 url(https://cdn.static.nexway.com/i/i18/Razer/CSSCO-XX-LP-cyberWeek/cd-top-arrow.svg) no-repeat center 50%;
	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;
}
	

@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 { background-image: url(Bitdefender/fond-six.jpg); background-repeat:no-repeat; }
	.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; }
	#six p{ font-size:31px;  text-align:left}
#six h4{ font-size:67px; text-align:left}
}	

@media (min-width: 700px) {
	#first .largeur > div{ width: 70%;}
	.col-md-4ths { width:30%; float: left; }
	#five h3{ width:74%;}
	#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}	
}