/* Erreur input */
@-webkit-keyframes inputError { 0% { background-color: #FFF; } 50% { background-color: rgba(169,68,66,0.3); } 100% { background-color: #FFF; } }
@-moz-keyframes inputError { 0% { background-color: #FFF; } 50% { background-color: rgba(169,68,66,0.3); } 100% { background-color: #FFF; } }
@-ms-keyframes inputError { 0% { background-color: #FFF; } 50% { background-color: rgba(169,68,66,0.3); } 100% { background-color: #FFF; } }
@-o-keyframes inputError { 0% { background-color: #FFF; } 50% { background-color: rgba(169,68,66,0.3); } 100% { background-color: #FFF; } }
@keyframes inputError { 0% { background-color: #FFF; } 50% { background-color: rgba(169,68,66,0.3); } 100% { background-color: #FFF; } }

[data-slq="frm"] input[type="text"].error,
[data-slq="frm"] input[type="tel"].error,
[data-slq="frm"] input[type="email"].error,
[data-slq="frm"] input[type="password"].error,
[data-slq="frm"] .btn-group.error > button,
[data-slq="frm"] textarea.error { -webkit-animation: inputError 1s 1 cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-animation: inputError 1s 1 cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-animation: inputError 1s 1 cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-animation: inputError 1s 1 cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: inputError 1s 1 cubic-bezier(0.25, 0.46, 0.45, 0.94); }

/* Geoloc */
@-webkit-keyframes spinAround { from { -webkit-transform: rotateY(0deg)	} to { -webkit-transform: rotateY(360deg); } }
@-moz-keyframes spinAround { from { -moz-transform: rotateY(0deg) } to { -moz-transform: rotateY(360deg); } }
@keyframes spinAround { from { transform: rotateY(0deg) } to { transform: rotateY(360deg); } }

.geoloc.active .fa-street-view { -webkit-animation: spinAround 2s linear infinite; -moz-animation: spinAround 2s linear infinite; animation: spinAround 2s linear infinite; }

/* Spin */
@-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } }
@keyframes spin { from {transform:rotate(0deg);} to {transform:rotate(360deg);} }

.spin{-webkit-animation: spin 3s infinite linear;-moz-animation: spin 3s infinite linear;-o-animation: spin 3s infinite linear;animation: spin 3s infinite linear;}

/* Boutons réseaux sociaux */
button.social_btn { display: inline-block; cursor: pointer; width: 40px; height: 40px; border-radius: 100%; text-align: center; position: relative; z-index: 1; color: #fff; transition: background 0.3s, color 0.3s, box-shadow 0.3s; overflow: hidden; }
button.social_btn:before { font-size: 1.3em; display: block; }
button.social_btn.FBshare:hover { background: #4267b2; color: #FFF; }
button.social_btn.pinBtn:hover { background: #e60023; color: #FFF; }
button.social_btn.sendByMail:hover { background: #004b75; color: #FFF; }

@keyframes toBottomFromTop { 49% { transform: translateY(100%); } 50% { opacity: 0; transform: translateY(-100%); }	51% { opacity: 1; } }

button.social_btn:hover:before { animation: toBottomFromTop 0.3s forwards; }