body{
	margin: 0;
	padding: 0;
	font-family: 'Ubuntu Light';
}
#intro{

	background-image: url("images/bureau.jpeg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;

	height: 100vh;
	display: flex;
    align-items: center;

    color: white;
}
#inside_intro{
	width: 100vw	;
	text-align: center;
}
#inside_intro>h1{
	font-size: 5vw;
	margin: 0;
}
#inside_intro>h2{
	font-size: 1.825vw;
	margin-bottom: 30px;
}
#inside_intro>a{

	background-color: #88b04b;
	border-radius: 100vw;

	padding: 0.5vw;
	padding-right: 2.5vw;
	padding-left: 2.5vw;

	text-decoration: none;
	font-size: 1.5vw;
	color: white;
}

@media (max-width: 900px) {
  #inside_intro>h1 {
    font-size: 7vh;
  }
}
@media (max-width: 900px) {
  #inside_intro>h2 {
    font-size: 2.5vh;
  }
}
@media (max-width: 900px) {
  #inside_intro>a {
    font-size: 2.5vh;
    padding: 1vh;
    padding-right: 2.8vh;
	padding-left: 2.8vh;
  }
}

@media (min-width: 900px) {
  #part_2 {
    height: 100vh;
  }
}
#service{
	margin-top: 40px;
	text-align: center;
	color: #333;
}
#service>h2{
	font-size: 4vh;
}
#service>h3{
	font-size: 2.5vh;
}

#prestations{
	text-align: center;
	margin: 75px;
	margin-bottom: 100px;
	color: #333;
}
#prestations>h3{
	width: 30vh;
	margin-left: 0vh;
}
#prestations>p{
	margin-top: 25px;
	width: 30vh;
}
#rond_vert{
	margin-left: 2.5vh;
	width: 25vh;
	height: 25vh;
	background-color: #88b04b;
	border-radius: 100%;
	margin-bottom: 25px;
}
#liste_prestation{
	display: flex;
	justify-content: center;
	flex-direction: row;
}
@media (max-width: 800px) {
  #liste_prestation {
    flex-direction: column;
    align-items: center;
  }
}



#partenaires{
	text-align: center;
	background-color: #88b04b;
	padding: 50px;
	color: white;
	font-size: 3vh;
}
#partenaires>div>img{
	width: 15vw;
}
@media (max-width: 800px) {
  #partenaires>div>img {
    width: 15vh;
  }
}

#h2_photos{
	text-align: center;
	font-size: 4vh;
	padding: 50px;
	background-color: #88b04b;
	margin: 0;
	color: white;
	margin-top: 120px;
}

#photos{
	height: 100vh;
	overflow: hidden;
	display: flex;
	align-items: center;

}

#photos>img{
	width: 100vw;
	height: auto;
	margin: 0;
}
@media (max-width: 800px) {
  #photos>img {
    width: 100vw;
    justify-content: center;
  }
}
@media (max-width: 800px) {
  #photos {
    height: auto;
  }
}
#whois{
	text-align: center;
	color: #333;
	width: 40vw;
	margin-left: 10vw;
}
#whois>h2{
	font-size: 4vh;
	margin-top: 50px;

}
#whois>p{
	text-align: initial;
	margin-top: 50px;
}

#nous{
	display: flex;
	justify-content: center;
	margin-top: 100px;
}


#contact{
	color: #333;
	width: 40vw;
	margin-left: 10vw;
}
#contact>h2{
	font-size: 4vh;
	margin-top: 50px;
	margin-bottom: 50px;

}
#contact>p{
	margin: 0;
}
#contact>div{
	margin-top: 40px;
	margin-bottom: 30px;
}
#contact>a{
	margin-top: 50px;
	margin-bottom: 10px;
	text-decoration: none;
	padding: 10px;
	background-color: #88b04b;
	border-radius: 5px;
	color: white;
}

@media (max-width: 900px) {
  #contact{
  	width: 90vw;
  	margin-left: 5vw;
  	margin-right: 5vw;
  	text-align: center;
  }
}
@media (max-width: 900px) {
  #whois{
  	width: 90vw;
  	margin-right: 5vw;
  	margin-left: 5vw;
  }
}
@media (max-width: 900px) {
  #whois>p{
  	text-align: center;
  }
}
@media (max-width: 900px) {
  #nous{
  	flex-direction: column;
    align-items: center;
  }
}



footer{
	background-color: #88b04b;
	text-align: center;
	padding: 50px;
	color: white;
	
}