.z-default-subpage-header.motif {
    background-image: url(../images/motif-banner.jpg);
}
.motif-sec1 {
	background-color: #0f2645;
}
.motif-sec1 .text {
    line-height: 33px;
}
.motif-sec1 .head {
    color: #7d9bc0;
}
.motif-sec3 {
	background-color: #7d9bc0;
}
.motif-sec2 .motifs {
    padding: 80px 0; 
}
.motif-box {
    border: 1px solid #221f20;
    padding: 20px 10px 5px 10px;
    margin: 50px 0 0 0;
}
.motif-sec2 .z-container .motifs:first-child {
    padding-bottom: 0;
}
.motif-box img {
    box-shadow: 0 0 10px #565656;
    margin: 0 0 40px 0;
}
.motif-box .text {
    line-height: 33px;
}
.motif-box .text ul {
    padding-top: 15px;
}
.motif-box a.more {
    color: #7d9bc0;
}
.motif-box a.more:hover {
    color: #dc0032;
}



@media screen and (max-width: 1362px) {
}
@media screen and (max-width: 992px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 479px) {
	.motif-sec1 .z-pv-70, .motif-sec3 .z-pv-70 {
	    padding: 30px 0;
	}
	.motifs {
	    padding: 40px 0;
	}
	.motif-box {
	    padding: 20px;
	    margin: 30px 0 0 0;
	}
	.motif-box .z-6of12 {
	    width: 100%;
	    margin: 0 0 20px 0;
	    padding: 0;
	}
	.motif-box img {
	    margin: 0 0 25px 0;
	}
	.motif-box .text.z-pv-30 {
	    padding: 10px 0;
	}
	.motif-box .text ul {
	    padding-top: 0;
	}
	.motif-sec1 .text.z-pt-30, .motif-sec3 .text.z-pt-30 {
	    padding-top: 15px;
	}
	.motif-box .text {
	    line-height: normal;
	}
}