/* =============================== Body et styles généraux ======================================= */
html,body { width: 100%;margin: 0;padding: 0;font-family: 'Lato', sans-serif;font-size: 14px;font-weight: 300;background: #fff; }

a { color: #3661a6;font-weight: bold;outline: none !important;/* -webkit-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;*/ }
a:hover { color: #000;text-decoration: none !important; }

.lkMentions{color: #135f7b !important}
.modal-header{ background: #135f7b;color: #fff;text-transform: uppercase;}
#listeSelec .item { width: 50%;padding: 10px; }
#listeSelec .item .desc .selecTitre { display: block; }

/* MODULE SOCIAL */
.social-corner { width: 100%;height: 486px;background: #1b1b1b;float: left;overflow: hidden; }
/* insta */
.social-corner .insta { float: left;height: 100%;background: #fff; }
.social-corner .insta .mosaique { float: left;height: 100%; }
.social-corner .insta .mosaique .line1 { width: 100%;height: 243px; }
.social-corner .insta .mosaique .line2 { width: 100%;height: 243px; }
.social-corner .insta .mosaique .sq { float: left;height: 100%;color: #fff;font-size: 50px;line-height: 243px;position: relative;display: block;-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s; }
.social-corner .insta .mosaique .fac { background: #3b5998;text-align: center; }
.social-corner .insta .mosaique .fac:hover { background: #284583; }
.social-corner .insta .mosaique .yt { background: #fe0000;text-align: center; }
.social-corner .insta .mosaique .yt:hover { background: #be0000; }
.social-corner .insta .mosaique .ins { background: #1b1b1b;text-align: center; }
.social-corner .insta .mosaique .ins:hover { background: #000; }
.social-corner .insta .mosaique .pic { background: #000 center no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
.social-corner .insta .mosaique .pic .acces { position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background: rgba(255,255,255,0);-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;color: rgba(0,0,0,0.5);text-align: center; }
.social-corner .insta .mosaique .pic:hover > .acces { background: rgba(255,255,255,0.5);color: rgba(0,0,0,1); }
.social-corner .insta .big-square { float: right;width: 486px;height: 100%;background: #000 center no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;position: relative;text-align: center; }
.social-corner .insta .big-square .acces { position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background: rgba(255,255,255,0);-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;color: rgba(0,0,0,0.5);text-align: center;line-height: 486px;font-size: 50px; }
.social-corner .insta .big-square:hover > .acces { background: rgba(255,255,255,0.5);color: rgba(0,0,0,1); }

/* facebook page plugin */
.social-corner .fb { float: right;width: 350px;text-align: right; }



/* FOOTER */
footer { width: 100%;display: block;padding: 80px;background: #1b1b1b;float: left; }
footer .footerContainer{ overflow: hidden; }
footer .left { float: left;width: 37%;text-align: left; }
footer .left .footer-logo { height: 55px;width: auto;margin: 0 50px 0 0;float: left; }
footer .left .direct-access { float: left; }
footer .left .direct-access .partLink{ margin-bottom: 20px; }
footer .left .direct-access h2{ margin: 0px 0px 10px 0px; }
footer .left .direct-access h2 a{ text-transform: uppercase;font-size: 16px;color: #fff;font-weight: 600; }
footer .left .direct-access h3{ margin: 0px 0px 7px 0px; }
footer .left .direct-access h3 a{ font-size: 16px;font-weight: 400;color: #818080; }
footer .right { float: right;width: 25%;text-align: right;line-height: 10px; }
footer .right .links { float: right;margin-bottom: 20px; }
footer .right .links img{ display: block;width: 250px;margin-bottom: 20px;border-radius: 7px;background: #19607b;padding: 10px; }
footer .right .links a { display: block;text-transform: uppercase;color: #fff;line-height: 26px; }
footer .credentials { width: 100%;text-align: right;float: left; }
footer .credentials a { text-align: right;display: inline-block;font-size: 9px !important;color: #bbb;text-transform: uppercase;padding: 30px 105px 0 0;background: url('../images/logo-spotmyplace-blc.svg') no-repeat right bottom;background-size: 100px;font-weight: 300; }
footer .linksRef{ width: 100%; }
footer .linksRef ul{ padding-left: 0px;text-align: center;margin-top: 30px; }
footer .linksRef ul li{ list-style: none;display: inline; }
footer .linksRef ul li a{ font-size: 16px;font-weight: 400;color: #818080; }

/* -- Clearer -- */
.clearer { clear: both; }
a.contactCovid {background: #1c5f7b;color: #fff;padding: 10px 15px;text-align: center;font-size: 17px;}

/* ##################################################################################################### */
/* ##################################  R E S P O N S I V E  ############################################ */
/* ##################################################################################################### */
@media (max-width: 1199px) {
	footer .left { width: 50%; }
	footer .right { width: 100%; }
	footer .right .links { float: none;width: 100%; }
	footer .right .links img{ width: 250px;margin: auto;margin-bottom: 20px; }
	footer .right .links a { text-align: center; }
	footer .credentials { text-align: center;float: none;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #135f7b; }
	footer .credentials a { text-align: right;display: inline-block;font-size: 9px;color: #bbb;text-transform: uppercase;font-weight: 300; }
}
@media (max-width: 1100px) {
	.social-corner { height: 386px; }
	.social-corner .insta .big-square { width: 386px; }
	.social-corner .insta .mosaique .line1, .social-corner .insta .mosaique .line2 { height: 193px; }
	.social-corner .insta .mosaique .sq { line-height: 193px; }
	.social-corner .insta .big-square .acces { line-height: 386px; }
}
@media (max-width: 991px) {
	.social-corner .insta .big-square { width: 190px; }
}
@media (max-width: 830px) {
	footer .left { width: 100%;text-align: center; }
	footer .left a { width: 100%;display: block;text-align: center; }
	footer .left .footer-logo { float: none;margin: 0 0 40px 0; }
	footer .left .direct-access { width: 100%;float: left; }
	footer .right { width: 100%; }
	footer .right .links { float: left;text-align: center;width: 100%; }
	footer .left .direct-access h3{ margin: 15px 0; }
}
@media (max-width: 767px) {
	.insta { width: 100% !important; }
	.social-corner { height: auto; }
	.social-corner .fb { width: 100%;text-align: center;margin-top: 80px; }
	.social-corner .insta { display: none; }
	footer .credentials { margin-top: 40px; }
	footer { padding: 50px; }
}
@media (max-width: 500px) {
	footer .right .links img{ width: 100%; }
}