#main {
	background: url('../images/fond_accueil.jpg') no-repeat top center;	
}
#entete {
	background: url('../images/triangles_entete.png') no-repeat top center;
}

#menu {
	margin-bottom:700px;
}

#page {
	background: transparent;	
}
#page:after{
    content: '';
    position: absolute;
    top: 335px;
    z-index: 0;
    width: 100%;
    height: 0;
    box-shadow: 0px 0 100px 50px #FFF;
}
#page h1 {
	position: relative; top: 0; left: 0;
	font-size: 61px;
	color:#43934b;
	font-weight: 700;
	text-transform: uppercase;
	font-family: "Saira Condensed";
	line-height: 55px;	
}
#page h1 span {
	font-weight: 100;
	display: block;	
}


/* --------------------------------------------------------------- */
/*
/* Entreprise
/*
/* --------------------------------------------------------------- */
#entreprise {
	position: relative; top: 0; left: 0;
	background: url('../images/fond_entreprise_accueil.png') no-repeat center center;
	min-height: 909px;
	padding-top:205px;
	color:#FFF;
	z-index: 1;
}

#entreprise h1 {
	color:#43934b;
}
#entreprise h1:after {
	content:"";
	position: absolute; bottom: -60px; left: 0;
	width:180px; height:57px;
	background: url('../images/h1_vert.png');	
}

#entreprise .texte_droite {
	color:#FFF;
	text-align: right;
	line-height: 24px;
}

#entreprise .uppercase {
	text-transform: uppercase;
	margin:30px 0;	
}
#entreprise .professionnel {
	text-transform: uppercase;
	font-family: "Saira Condensed";
	font-weight: 700;
	font-size: 31px;	
	line-height: 33px;
}
#entreprise .professionnel span {
	display: block;
	font-size: 38px;
}



/* --------------------------------------------------------------- */
/*
/* Services
/*
/* --------------------------------------------------------------- */
#services {
	position: relative; top: 0; left: 0;
	background: url('../images/fond_nos_services_accueil.png') no-repeat center center;
	min-height: 911px;
	
	display: flex;
	align-items:center;
}

#services h1 {
	color:#FFF;	
	margin-left:130px;
	margin-bottom:80px;
}
#services h1:after {
	content:"";
	position: absolute; bottom: -60px; left: 0;
	width:180px; height:57px;
	background: url('../images/h1_blanc.png') no-repeat;	
}


#services .texte_droite {
	text-align: right;	
}
#services .bien_etre {
	font-family: "Saira Condensed";
	font-size: 65px;
	color:#414141;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 65px;
}
#services .bien_etre span {
	font-size: 81px;
	display: block;	
}

#services .box_service {
	text-align: center;
	color:#FFF;
	text-transform: uppercase;
	font-family: "Saira Condensed";
	font-size: 20px;
	font-weight: 700;	
}
#services .box_service img{
    max-width: 100%;
}
#services .box_service span {
	display: block;
	margin-top:10px;
	line-height: 20px;
}
@media screen and (max-width: 1199px){
    #services .bien_etre{
        font-size: 50px;
    }
    #services .bien_etre span{
        font-size: 65px;
    }
}

@media screen and (max-width: 991px){
    #services .bien_etre{
        font-size: 40px;
        text-align: center;
        margin-top: 40px;
    }
    #services .bien_etre span{
        font-size: 55px;
    }
}

@media screen and (max-width: 767px){
    #menu{
        margin-bottom: 0;
    }
    #page{
        background: rgba(75,75,75, 0.5);
        box-shadow: 0px 35px 55px 20px rgba(75,75,75,0.5);
    }
    #page:after {
	    top: 1070px;
	    z-index: -1;
	}
    #entreprise{
        padding-top: 80px;
        min-height: 770px;
        background: none;
    }
    #entreprise h1{
        margin-bottom: 70px;
        color: #FFF;    
    }
    #entreprise h1:after{
        background: url('../images/h1_blanc.png') no-repeat;    
    }
    #services{
        background: none;
    }
    #services h1{
        width: 100%;
        margin-left: 30px;
        text-align: left;
    }
    #services .texte_droite{
        text-align: center;
    }
    #services .bien_etre{
        font-size: 30px;
        line-height: 50px;
    }
    #services .bien_etre span{
        font-size: 45px;
    }
}