*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Poppins", sans-serif;
}

.container{
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap : 50px;
}

.container2{
	margin: auto;
	display: flex;
	justify-items: center;
	flex-direction: column;
	margin-bottom: 50px;
}

.container3{
	margin: auto;
	display: flex;
	justify-items: center;
	align-items: center;
	flex-direction: column;
}

#open, #close{
	display: none;
}

nav{
	background-color: rgb(21,159,153);
	margin-top: 20px;
	display: inline-block;
	padding: 8px;
}

nav a{
	margin: 60px;
	text-decoration: none;
	color: white;
}

#service{
	text-align: center;
}

.container2 img{
	margin: 10px;
}

#bandeau{
	background: url(images/bandeau.jpg) center/cover;
	height: 90vh;
	display: flex;
	justify-content: center;
	align-items: center;
}

#info article{
	display: flex;
	flex-direction: column;
	align-items: start;
}

#info a{
	justify-content: center;
	align-items: center;
}

p{
	text-align: center;
	padding: 10px;
}

.sec{
	background-color: rgb(43,58,63);
}

.sec p{
	color: white;
}
.sec h2{
	color: white;
}

.foot1{
	background-color: skyblue;
	margin: auto;
}

strong{
	color: #00cdc4;
}

.bton{
	border: thin solid black;
	background-color: rgb(0,155,146);
	text-decoration: none;
	color: white;
	padding: 15px;
}

.col{
	align-items: center;
}

.img1{
	background: url(images/img1.jpg) center/cover;
}

.img2{
	background: url(images/img2.jpg) center/cover;
}

.img3{
	background: url(images/img3.jpg) center/cover;
}


h2, h3{
	text-align: center;
}

.back2{
	background-color: rgb(0,205,196);
	margin: 10px;
}

.col1{
	text-align: center;
	flex-direction: column;
}

@media screen and (max-width:1000px){
	
	header img{
		width: 300px;
	}

	nav a{
		display: inline;
		margin: 1px;
	}

	.container{
		display: inline;
	}
}