.footer { font-family: 'robotobold'; width:100%; margin-top:80px;}

.footer .footer-mosaic {}
.footer .footer-mosaic .mosaic { float:left; width:16.66%; height:90px; line-height:90px; color:#fff; text-align:center; font-size:24px;}
.footer .footer-mosaic .mosaic p {line-height: 1.2;    display: inline-block;    vertical-align: middle; }


.footer .footer-mosaic .mosaic:first-child { background:#86B144;}
.footer .footer-mosaic .mosaic:nth-child(2) { background:#76993E;}
.footer .footer-mosaic .mosaic:nth-child(3) { background:#1E8246;}
.footer .footer-mosaic .mosaic:nth-child(4) { background:#16703B;}
.footer .footer-mosaic .mosaic:nth-child(5) { background:#0C512C;}
.footer .footer-mosaic .mosaic:nth-child(6) { background:#3782AE;}
   

.footer .gazon { width:100%; height:300px; margin-top:5px; background:url(../images/gazon.jpg) center center no-repeat; text-align: center;  line-height: 300px; }
.footer .gazon span {  color: #fff;
    text-transform: uppercase;
    font-size: 48px;
    font-family: montserratsemibold;
    border: 3px solid #fff;
    padding: 18px 30px 15px 30px;
	letter-spacing:2px;
	position:relative;
	z-index:1; }
	
.footer .gazon span:hover {  color: #0C512C; }
 
 
/**** btn-modifier BG EFFECT ****/
.footer .gazon span::after {		content: "";
							display: block;
							height: 100%;
							left: 0;
							position: absolute;
							right: 0;
							top: 0;
							transform-origin: left center 0;
							-webkit-transform-origin: left center 0;
							-moz-transform-origin: left center 0;
							transition: width 0.3s ease 0s;
							-moz-transition: width 0.3s ease 0s;
							-webkit-transition: width 0.3s ease 0s;
							width: 0;
							z-index: -1;
							background-color: #FFF; }
							
.footer .gazon span:hover::after {width: 100%;}
 
 
 
 
 
 
 
 
.footer .footer-four-pictos { border-top:3px solid #69a649; padding:30px 0;}
.footer .footer-four-pictos .picto { float:left; width:25%; min-height:230px; border-right:1px solid #ccc; text-align:center; padding:20px; font-size:21px; }
.footer .footer-four-pictos .picto svg { display:block; margin:auto; }
 
 
   
.footer .social { width:100%; height:70px; margin:30px 0; text-align:center;}
.footer .footer-content { width:100%; min-height:100px;}
.footer .copyright { min-height:40px; text-align:center; line-height:40px; background:#e2e2e2; font-size:10px;}

.footer .social .wrap-center { max-width:1024px; margin:auto; padding:20px;border-top: 1px solid #9e9e9e; border-bottom: 1px solid #9e9e9e; max-height:96px; }
.footer .social .wrap-center .social-picto,
.footer .social .wrap-center span { display:inline-block; vertical-align:middle; margin-left: 10px;}
.footer .social .wrap-center svg:last-child { margin-left:20px;}



.footer .social .wrap-center svg {
	fill:#69A649;
	border: 1px solid grey;
    padding: 10px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
	  -webkit-transition: all 0.7s; /* For Safari 3.1 to 6.0 */
  transition: all 0.7s;
   }
	
.footer .social .wrap-center svg:hover {
  -ms-transform: scale(1.4,1.4); /* IE 9 */
  -webkit-transform: scale(1.4,1.4); /* Safari */
  transform: scale(1.4,1.4); /* Standard syntax */
	background: rgb(105, 166, 73);
	border: 1px solid rgb(105, 166, 73);
	fill:#fff; }	
	
    




.footer .copyright span { margin-left:30px; font-size:12px;}



.footer .footer-content .wrap-center { max-width:1024px; margin:auto; padding:20px; }
.footer .footer-content .wrap-center .bloc { width:33%; float:left; text-align:center; line-height:1.5 }
.footer .footer-content .wrap-center .bloc:first-child { padding-top:30px; font-size:18px; line-height:2}
.footer .footer-content .wrap-center .bloc svg { display:block; margin:auto; }
			
			
@media (min-width : 600px) and (max-width : 1200px) {
	
	}
	
@media (max-width : 1199px) {
.footer .footer-mosaic .mosaic { width:33.33%; }
.footer .footer-four-pictos .picto { width:50%;  }
.footer .footer-four-pictos .picto:first-child { border-bottom:1px solid #ccc;}
.footer .footer-four-pictos .picto:nth-child(2) { border-bottom:1px solid #ccc; border-right:none;}
.footer .footer-four-pictos .picto:nth-child(3) { }
.footer .footer-four-pictos .picto:nth-child(4) { border-right:none;}

	}
	
@media (max-width : 799px) {
.footer .footer-mosaic .mosaic { width:50%; }
.footer .gazon span {  font-size: 36px;   }
.footer .copyright span { display:block; margin-left:0; }

.footer .footer-content .wrap-center .bloc {
    width: 100%;
    float: none;
    margin-bottom: 50px;
}
	}

@media (max-width : 559px) {
.footer .footer-mosaic .mosaic { width:100%; }
.footer .gazon span {  font-size: 24px;   }

.footer .footer-four-pictos .picto { width:100%; border-bottom:1px solid #ccc; border-right:none;  }
.footer .footer-four-pictos .picto:nth-child(4) { border-bottom: none;}



	}