.phrase_intro{
    padding: 0 15px;
}
.activite {
	position: relative; top: 0; left: 0;
	padding:45px 0;
	overflow: hidden;
}
.activite:before {
	content:"";
	position: absolute; bottom: 0px; left: 50%;
	margin-left:-960px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 960px 470px 960px;
	border-color: transparent transparent #f9f9f9 transparent;
	z-index:0;
}


.activite.fond_motif:before {
	content:"";
	position: absolute; top: 0px; left: 50%;
	margin-left:-960px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 470px 960px 0 960px;
	border-color: #d8d8d8 transparent transparent transparent;
	z-index:0;
}


.activite * {
	z-index:10;	
}

.activite h2 {
	position: relative; top: 0; left: 0;
	font-family: 'Saira Condensed';
	color:#43934b;
	text-transform: uppercase;
	font-size: 45px;	
}
.activite h2:after {
	content:"";
	position: absolute; bottom: -60px; left: 0;
	width:180px; height:57px;
	background: url('../images/h1_vert.png');	
}

.activite .texte {
	position: relative;
	margin-top:25px;
	margin-left:135px;
}

.activite .texte ul li {
		
}

.activite .images {
	margin-top:45px;
	text-align: center;	
}

.activite .images .image {
	position: relative; display: inline-block;
	width:218px;
	margin:15px;
	height:166px;
	background-color: #EEE;
	border:5px solid #43934B;
}

.activite .images .image img {
	max-width:100%;	
	max-height:100%;
}

@media screen and (max-width: 575px){
    .activite h2 {
        margin-bottom: 80px;
    }
    .activite .texte {
        margin-top: 25px;
        margin-left: 0px;
    }

}