body{
	background-color: #FCF6F5FF;
}

.h1{
    text-align: center;
}

.h3{
    text-align: center;
}

.header{
    background-color: #e5ece9;
    margin-bottom: 20px;
    padding-bottom: 50px;
    padding-top: 50px;
}

.p{
    text-align: justify;
}

/*Ordinateurs*/
@media all  and (min-width: 1026px){
    /*---- 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 ----*/
	.nav-link{
		font-size: 1.4rem;
		color: #E3781E !important;
		transition: transform .1s;
	}
	.active{
		color: #333 !important;
	}
	.nav-link:hover{
		color: #145A32 !important;
		-ms-transform: scale(1.1); /* IE 9 */
		-webkit-transform: scale(1.1); /* Safari 3-8 */
		transform: scale(1.1);
		border-bottom: 1px solid #145A32;
	}
	/*---- Navbar ----*/

	/*---- Footer  ----*/
	footer{
		background-color: #145A32;
	}
	.footer{
		display: flex;
		justify-content: space-around;
		margin-bottom: 2%;
        text-align: center;
	}
	.footer-addresse{
		text-align: center;
		text-decoration: none;
		color: white;
	}
	.footer-tel{
		text-decoration: none;
		color: white;
	}
	.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 ----*/
}

/*----- Ipad Pro -----*/
@media all  and (min-width: 1024px) and (max-width: 1025px){
    /*---- 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 ----*/
	.nav-link{
		font-size: 1.4rem;
		color: #E3781E !important;
		transition: transform .1s;
	}
	.active{
		color: #333 !important;
	}

	/*---- Navbar ----*/


	/*---- Footer  ----*/
	footer{
		background-color: #145A32;
	}
	.footer{
		display: flex;
		justify-content: space-around;
		margin-bottom: 2%;
        text-align: center;
	}
	.footer-addresse{
		text-align: center;
		text-decoration: none;
		color: white;
	}
	.footer-tel{
		text-decoration: none;
		color: white;
	}
	.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 (min-width: 501px) and (max-width: 1023px){
    /*---- 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 ----*/
	.nav-link{
		font-size: 1.4rem;
		color: #E3781E !important;
		transition: transform .1s;
	}
	.active{
		color: #333 !important;
	}

	/*---- Navbar ----*/


    /*---- Footer  ----*/
	footer{
		background-color: #145A32;
	}
	.footer{
		display: flex;
		justify-content: space-around;
		margin-bottom: 2%;
        text-align: center;
	}
	.footer-addresse{
		text-align: center;
		text-decoration: none;
		color: white;
	}
	.footer-tel{
		text-decoration: none;
		color: white;
	}
	.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 ----*/
}

/*---- Smartphones ----*/
@media all  and (min-width: 322px) and (max-width: 500px){
    /*---- 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 ----*/
	.nav-link{
		font-size: 1.3rem;
		color: #E3781E !important;
		transition: transform .1s;
	}
	.active{
		color: #333 !important;
	}
    li{
        text-align: center;
    }
	/*---- Navbar ----*/

    /*---- Navbar ----*/


	/*---- Navbar ----*/


    /*---- Footer  ----*/
	footer{
		background-color: #145A32;
	}
	.footer{
		display: flex;
		justify-content: space-around;
		margin-bottom: 2%;
        text-align: center;
	}
	.footer-addresse{
		text-align: center;
		text-decoration: none;
		color: white;
	}
	.footer-tel{
		text-decoration: none;
		color: white;
	}
	.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 ----*/
}

/*Petits smartphones*/
@media all  and (min-width: 319px) and (max-width: 321px){
    /*---- 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 ----*/
	.nav-link{
		font-size: 1.3rem;
		color: #E3781E !important;
		transition: transform .1s;
	}
	.active{
		color: #333 !important;
	}
    li{
        text-align: center;
    }
	/*---- Navbar ----*/


    /*---- Footer  ----*/
	footer{
		background-color: #145A32;
	}
	.footer{
		display: flex;
		justify-content: space-around;
		margin-bottom: 2%;
        text-align: center;
	}
	.footer-addresse{
		text-align: center;
		text-decoration: none;
		color: white;
	}
	.footer-tel{
		text-decoration: none;
		color: white;
	}
	.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 ----*/
}