Bonjour, 

Sur l'une de mes pages j'ai un scroll horizontal qui se créé (images ci dessous). J'aimerai que ma page se limite à l'image 1 sans pouvoir scroller et avoir le fond gris comme sur l'image 2.

Image 1 : 

Image 2 : 

Ci dessous le code CSS lié à la page.

  .container {
    width: 1170px;

  }

  .header {
	background: url(back_lap.png);
	height: 110vh;
	background-size: cover;
	
	}

 .logo {
		width: 450px;
		padding-top: 10%;
		position: relative;	
	}

	.card {
			position: relative;
			width:300px;
			height:auto;
			margin-top: 25px;
			margin-left: -25px;
			top: 25vh;
		}

  .main-title {
	text-transform: uppercase;
	margin-top: 20px;
	font-weight: 100;
	font-size: 30px;
	width: 450px;
	position: relative;
	text-align: center;
	letter-spacing: .4rem;


	}
	

	.card-title{
		text-transform: uppercase;
		margin-top: 3px;
		font-weight: 150;
		font-size: 20px;
		text-align: center;
		letter-spacing: .1rem;
	}