body{
	font-family: 'Dosis', sans-serif;
	font-size: 1.1rem;
}
nav{
	font-weight: 700;
}
nav li a{
	color: #00b0ad;
}
nav li.active a{
	color: #d17d28;
}
nav li a:hover{
	color: #d17d28;
}
#liste-services{
	background-color:#d17d28;
}
#contact{
	background-color:#00b0ad;
}
#liste-services,
#contact{
	color:white;
	font-size: 1rem;
}
#liste-services h2,
#contact h2{
	font-size: 1.5rem;
	font-weight: 700;
}
#liste-services span,
#contact span{
	font-weight: 700;
}
#liste-services ul,
#contact ul{
	list-style: none;
}
#contact span a{
	font-weight: 700;
}
@media (min-width: 576px) {
	#liste-services,
	#contact{
	    font-size: 1rem;
	}
	#liste-services h2,
	#contact h2{
		font-size: 1.5rem;
	}
}
@media (min-width: 768px) {
	#liste-services,
	#contact{
	    font-size: 1.3rem;
	}
	#liste-services h2,
	#contact h2{
		font-size: 1.7rem;
	}
}
@media (min-width: 992px) {
	#liste-services,
	#contact{
	    font-size: 1.5rem;
	}
	#liste-services h2,
	#contact h2{
		font-size: 2rem;
	}
}
@media (min-width: 1200px) {
	#liste-services,
	#contact{
	    font-size: 1.2rem;
	}
	#liste-services h2,
	#contact h2{
		font-size: 1.6rem;
	}
}
@media (min-width: 1500px) {
	#liste-services,
	#contact{
	    font-size: 1.5rem;
	}
	#liste-services h2,
	#contact h2{
		font-size: 2rem;
	}
}
#slideshow,
#slideshow2 { 
	position: relative;
	min-height: 400px;
	overflow: hidden;
}
#slideshow > div,
#slideshow2 > div { 
	position: absolute; 
}
#slideshow img,
#slideshow2 img{
	width: 100%;
}
@media (max-width: 992px) {
	/*#slideshow,
	#slideshow2 { 
		min-height: 400px;
	}
	#slideshow img,
	#slideshow2 img{
		width: 100%;
	}*/
}
#qui_suis_je{
	background-color: #d17d28;
	color: white;
	display: flex;
    justify-content: center;
    align-items: center;
}
#methode_travail{
	background-color: #00b0ad;
	color: white;
	display: flex;
    justify-content: center;
    align-items: center;
}
#descriptif_bilan,
#precisions_cours{
	background-color: #00b0ad;
	color: white;
}
#frais_kilometriques{
	background-color: #d17d28;
	color: white;
}