/*   FOOTER OLIMARGO ORIGINAL */
.pre-footer-bg { width:100%; height:10px; background:#1c2b32; }
.footer-bg { width:100%; height:400px; background:#050505; padding:100px 30px; text-align:center; }


.footer-contact-wrapper { width:80%; margin:auto;}

	.footer-contact-wrapper .gazon { width:100%; height:300px; text-align: center;  line-height: 300px; }
	.footer-contact-wrapper .gazon span {  color: #fff;
    text-transform: uppercase;
    font-size: 48px;
	font-weight:700;
    border: 3px solid #fff;
    padding: 18px 30px 15px 30px;
	letter-spacing:2px;
	position:relative;
	z-index:1; }
	
	.footer-contact-wrapper .gazon span:hover {  color: #114c7b; }
 
 
	/**** btn-modifier BG EFFECT ****/
	.footer-contact-wrapper .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-contact-wrapper .gazon span:hover::after {width: 100%;}


/******************************************************************************************************************/


.footer-bg hr { clear:both; width:100px; background:#fff; margin:100px auto }
.footer-bg p { color:#fff; font-size:70% }

    
       #map { height: 400px;   width: 100%; border-top: 5px #ff5722 solid; ; border-bottom: 5px #ff5722 solid;   }
   

@media (min-width : 600px) and (max-width : 1200px) {
	
	}
	
@media (max-width : 1023px) {
.footer-contact {width: auto; float:none; text-align:center; margin:100px auto;}
	}
	
	
	
/*    FOOTER TCA TRANSFéré    */	
	


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


.pre-footer .footer-mosaic .mosaic:first-child { background:#063357;}
.pre-footer .footer-mosaic .mosaic:nth-child(2) { background:#114c7b;}
.pre-footer .footer-mosaic .mosaic:nth-child(3) { background:#1d70b7;}
.pre-footer .footer-mosaic .mosaic:nth-child(4) { background:#ef8220;}
.pre-footer .footer-mosaic .mosaic:nth-child(5) { background:#e84e1b;}
.pre-footer .footer-mosaic .mosaic:nth-child(6) { background:#e9311d;}


/*footer { font-family: 'robotobold'; width:100%; }*/
 


 
 
 
 
 
 
 
 
footer .footer-four-pictos { border-top:3px solid #ef8220; 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; font-weight: 800; text-transform: uppercase;}
footer .social .wrap-center svg:last-child { margin-left:20px;}



footer .social .wrap-center svg {
	fill:#1d70b7;
	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(29, 112, 183);
	border: 1px solid rgb(29, 112, 183);
	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:1.85}
footer .footer-content .wrap-center .bloc svg { display:block; margin:auto; }
footer .footer-content .wrap-center .bloc small {   display: block; font-size: 12px;   margin: 10px 0 -3px 0;}
footer .footer-content .wrap-center .bloc big { font-family: montserrat;  font-weight: 700;  }


			
			
@media (min-width : 600px) and (max-width : 1200px) {
	
	}
	
@media (max-width : 1199px) {
.pre-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) {
.pre-footer .footer-mosaic .mosaic { width:50%; }

.footer-contact-wrapper .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) {
.pre-footer .footer-mosaic .mosaic { width:100%; }

.footer-contact-wrapper .gazon span {  font-size: 30px; }


footer .social .wrap-center .social-picto { margin-top:20px }


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;}

footer .footer-content .wrap-center .bloc {	margin-top:30px; }

	}