/*-- Feuille CSS qui gère le footer et le button scroll-top --*/
#upBoutton {
	z-index: 5;
}
/*Ordinateurs*/
@media all  and (min-width: 1200px){
	/*---- ScrollTop ----*/  /* col-md-12 marge entre div*/
	#upBoutton {
		display: none;
		position: fixed;
		right: 10px;
		bottom: 10px;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		background-color: #F08A1E;
		color: white;
		border : none;
		outline: none;
		cursor: pointer;
		
	}
	#upBoutton:hover {
		background-color: #797D7F;
	}
	/*---- ScrollTop ----*/
	
	/*---- Navbar ----*/
	
	/*---- Navbar ----*/
	
	/*---- Body ----*/
	body{
		background-color: #64DE15;
	}
	/*---- Body ----*/

	/*---- Footer ----*/
	.btn-footer-devis{
		border: 0;
		line-height: 2.0;
    	border-radius: 7px;
		background-color: #F08A1E;
		margin-bottom: 3%;
	}
	.btn-footer-devis:hover {
		background-color: #797D7F;
		color : #fff;
	}
	
	footer{
		background-color: #145A32;
	}
	.footer{
		display: flex;
		justify-content: space-around;
		margin-bottom: 2%;
	}
	.footer-addresse{
		text-align: center;
		text-decoration: none;
		color: white;
	}
	.footer-tel{
		text-decoration: none;
		color: white;
	}
	.footer-infos{
		text-align: center;
	}
	.footer-horraires{
		text-align: center;
		line-height:200%;
	}
	.footer-link{
		text-decoration: none;
		color: rgb(226, 219, 219);
		margin-bottom: -2%;
	}
	.link:hover{
		color:#dd8614;
	}
	/*---- Footer ----*/
}

/*Tablettes*/
@media all  and (max-width: 1199px){
	/*---- ScrollTop ----*/
	#upBoutton {
		display: none;
		position: fixed;
		right: 10px;
		bottom: 10px;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		background-color: #F08A1E;
		color: white;
		border : none;
		outline: none;
		cursor: pointer;
	}
	#upBoutton:hover {
		background-color: #797D7F;
	}
	/*---- ScrollTop ----*/
	
	/*---- Navbar ----*/
	.collapse{
		text-align: center;
	}/*Alignement des titres du nav en mode tablette au centre*/
	
	/*---- Navbar ----*/
	/*---- Footer ----*/
	.btn-footer-devis{
		border: 0;
		line-height: 2.0;
    	border-radius: 7px;
		background-color: #F08A1E;
		margin-bottom: 3%;
	}
	.btn-footer-devis:hover {
		background-color: #797D7F;
		color : #fff;
	}
	footer{
		background-color: #145A32;
	}
	.footer{
		display: flex;
		justify-content: space-around;
		margin-bottom: 2%;
	}
	.footer-addresse{
		text-align: center;
		text-decoration: none;
		color: white;
	}
	.footer-tel{
		text-decoration: none;
		color: white;
	}
	.footer-infos{
		text-align: center;
	}
	.footer-horraires{
		text-align: center;
		line-height:200%;
	}
	.footer-link{
		text-decoration: none;
		color: rgb(226, 219, 219);
		margin-bottom: -5%;
	}
	.link:hover{
		color:#dd8614;
	}
	/*---- Footer ----*/
}

/*Smartphones*/
@media all  and (max-width: 429px){
	/*---- ScrollTop ----*/
	#upBoutton {
		display: none;
		position: fixed;
		right: 10px;
		bottom: 10px;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		background-color: #F08A1E;
		color: white;
		border : none;
		outline: none;
		cursor: pointer;
	}
	#upBoutton:hover {
		background-color: #797D7F;
	}
	/*---- ScrollTop ----*/

	/*---- Navbar ----*/
	.collapse{
		text-align: center;
	}/*Alignement des titres du nav en mode smarthpone au centre*/
	/*---- Navbar ----*/
	/*---- Footer ----*/
	.btn-footer-devis{
		border: 0;
		line-height: 2.0;
    	border-radius: 7px;
		background-color: #F08A1E;
		margin-bottom: 3%;
	}
	.btn-footer-devis:hover {
		background-color: #797D7F;
		color : #fff;
	}
	footer{
		background-color: #145A32;
	}
	.footer{
		display: flex;
   		flex-direction: column;
		margin-bottom: 2%;
	}
	.footer-addresse{
		text-align: center;
		text-decoration: none;
		color: white;
		margin-bottom: 3%;
	}
	.footer-tel{
		text-decoration: none;
		color: white;
	}
	.footer-infos{
		text-align: center;
	}
	.footer-horraires{
		text-align: center;
		line-height:200%;
		margin-top: 3%;
	}
	.footer-link{
		text-decoration: none;
		color: rgb(226, 219, 219);
	}
	.link:hover{
		color:#dd8614;
	}
	/*---- Footer ----*/
}