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



#body {
    width: 100%
}
#bloc_ariane {
    display: none;
}

.navigationPage {
    padding: 0;
}

/*----------------------------------------------------------------------------------*/

body {
  background-color: #000000;
  color: #FFFFFF;
}


.landing-intro {
  text-align: center;
  padding: 0 5vw;
}

.landing-intro p {
	margin-top: 20px;
	padding: 0px 75px;
	line-height: 25px;
}

.landing .title-1 {
  color: white;
  font-size: 42px;
  line-height: 60px;
  text-align: center;
  text-transform: inherit;
  margin-top: 0;
}

iframe {
max-width:100%;
}
#nvidia section.mention .code {
	max-width: 100%;
	/* margin: 20px 40px auto; */
	background-color: red;
	text-transform: uppercase;
	font-family: dinpro, sans-serif;
	font-weight: bolder;
	color: #ffffff;
	font-size: 30px;
	text-align: center;
	padding: 25px;
	display: block;
	border-radius:8px;
}


#nvidia section .code {
	max-width: 100%;
	font-family: montserrat, sans-serif;
	color: #100f28;
	font-size: 25px;
	line-height: 30px;
	text-align: center;
	display: block;
}
#nvidia section .num {
	max-width: 100%;
	font-family: montserrat, sans-serif;
	font-weight: 600;
	font-size: 30px;
	line-height: 35px;
	text-align: center;
	display: block;
}
#nvidia {
max-width: 1500px;
margin: 0 auto 0 auto;
display: block;
line-height: normal;
}

#nvidia section img {
 width: 100%;
	margin: -4px;
	border-radius: 8px;
}


#nvidia section.produits {
	max-width: 1500px;
	padding: 0;
	margin: auto 0;
	text-align: center;
}

#nvidia section.prod-r {
	display: none;
}

#nvidia section.intro-r {
	display: none;
}

#nvidia section.pack-r {
	display: none;
}

#nvidia section.performances-r
 {
	display: none;
}

#nvidia section.footer-r
 {
	display: none;
}

#nvidia section.produits a{
    width: 374px;
    height: 374px;
    display: inline-block;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin: 0px auto 40px auto;
}


#nvidia section.produits a:nth-child(1) {
  background: url(https://media.ldlc.com/mkt/ldlc/fr/2026-04-14-Nvidia-Pragmata/prod1.jpg) center center no-repeat;
      background-size: 95%;
}
#nvidia section.produits a:nth-child(2) {
  background: url(https://media.ldlc.com/mkt/ldlc/fr/2026-04-14-Nvidia-Pragmata/prod2.jpg) center center no-repeat;
      background-size: 95%;
}
#nvidia section.produits a:nth-child(3) {
  background: url(https://media.ldlc.com/mkt/ldlc/fr/2026-04-14-Nvidia-Pragmata/prod3.jpg) center center no-repeat;
      background-size: 95%;
}
#nvidia section.produits a:nth-child(4) {
  background: url(https://media.ldlc.com/mkt/ldlc/fr/2025-08-18-Nvidia-Borderlands4/prod4.jpg) center center no-repeat;
      background-size: 95%;
}
#nvidia section .blocTxt {
	color: #fff;
	background-color: #76b900;
	padding: 10px 10px 10px 10px;
	display: block;
	text-align: center;
	margin-top: 85%;
	margin-left: 5%;
	margin-right: 5%;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 1em;
	position: relative;
}


#nvidia section.produits a:hover {
    background-size: 100%;
    -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}




#nvidia section.mention {
margin-top: 40px;
letter-spacing: normal;
font-family: arial, sans-serif;
 max-width:100%;
}

#nvidia section.mention p {
	padding: 0 45px 0 45px;
	width: 100%;
	margin: 0 auto;
	color: #000000;
	text-align: center;
	font-family: dinpro, sans-serif;
	font-size: 10px;
	margin-top: 30px;
	text-transform: none;
	font-weight: 300;
}

  #nvidia section.mention p:last-child{
    margin-bottom: 30px;
    margin-top: 0; 
  }

    @media screen and (max-width: 1200px) {
      #nvidia {
        padding-top: 115px;
      }
		
		  #nvidia section.produits a{
    width: 295px;
    height: 295px;
    display: inline-block;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin: 0px auto 40px auto;
}
    }

    @media screen and (max-width: 995px) {
#nvidia section.produits a{
    width: 295px;
    height: 295px;
    display: inline-block;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin: 0px auto 40px auto;
}

}

  @media screen and (max-width: 905px) {
  #nvidia section.produits a{
    width: 295px;
    height: 295px;
    display: inline-block;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin: 0px auto 40px auto;
}

  }

    @media screen and (max-width: 750px) {
		
     #nvidia section.produits a{
    max-width: 295px;
    height: 295px;
    display: inline-block;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin: 0px auto 0px auto !important;
    float: none !important;
    }
#nvidia section .blocTxt {
	color: #fff;

	padding: 10px 10px 10px 10px;
	display: block;
	text-align: center;
	margin-top: 85%;
	margin-left: 5%;
	margin-right: 5%;
	text-transform: uppercase;
	font-size: 1em;
	position: relative;
}

  }

    @media screen and (max-width: 700px) {

		   #nvidia section.video {
	display: none;
}
		
#nvidia section.intro-r {
	display: block; background-color: #000000;
}

#nvidia section.pack-r {
	display: block;
}

#nvidia section.performances-r
 {
	display: block;
}

#nvidia section.footer-r
 {
	display: block;
}

    #nvidia section.produits {
	display: none;
}

#nvidia section.intro-d {
	display: none;background-color: #000000;
}

#nvidia section.pack {
	display: none;
}

#nvidia section.performances
 {
	display: none;
}

#nvidia section.footer-d
 {
	display: none;
}

    #nvidia section.prod-r {
	display: block !important;
}

}