Saisissez votre email

MOT DE PASSE OUBLIÉ ?

Connectez-vous

DEJA CLIENT ?

Inscrivez-vous

NOUVEAU CLIENT ?

Identification

Français

<footer class="footer">
	<div class="shell">
		<div class="footer__content">
			<div class="cols">
				<div class="col col--size1">
					<nav class="footer__nav">
						<ul>
							<li>
								<a href="./">présentation</a>
							</li>

							<li>
								<a href="./galerie">galerie</a>
							</li>

							<li>
								<a href="./tarifs">tarifs</a>
							</li>

							<li>
								<a href="./carte-cadeau">carte cadeau</a>
							</li>
						</ul>
					</nav>
				</div>
				
				<div class="col col--size2">
					<div class="footer__head">
						<h4>réservez votre <span>séance</span></h4>

						<p>N’hésitez pas à me contacter pour plus d’informations</p>
					</div>

					<div class="subscribe">

<div class="contactPhone"><a href="tel:0631551354">06 31 55 13 54</a></div>
<style>
@media (max-width: 767px) {
        .contactPhone {
             width:100%;color:#FFF;font-size:38px;
position:fixed;bottom:0;left:0;right:0;z-index:999;
background-image: url(../medias/footer-bg.png);
background-position-y: -20px;
        }

footer { margin-bottom:60px }

}

@media (min-width: 768px) {
	.contactPhone {
              background-color:#FFF;margin:auto;width:200px;color:#b89876;font-size:25px
        }


}
</style>






					</div>

					<div class="socials">
						<ul>
							<li>
								<a href="https://www.facebook.com/tiatiaphotos/?modal=admin_todo_tour" target="_blank">
									<i class="ico-fb-white"></i>
								</a>
							</li>
							<li>
								<a href="https://www.instagram.com/tiatia_photos/?hl=fr" target="_blank">
									<i class="ico-insta-white"></i>
								</a>
							</li>
							<li>
								<a href="https://www.pinterest.com/tiatiaphotos" target="_blank">
									<img src="/medias/pinterest_blanc.png" alt="pinterest" style="width:38px" />
								</a>
							</li>
						</ul>
					</div>
				</div>
				
				<div class="col col--size1">
					<div class="footer__nav footer__nav--right">
						<ul>
							<li>
								<a href="./cadeaux">cadeaux</a>
							</li>
							
							<li>
								<a href="./temoignages">témoignages</a>
							</li>
							
							<li>
								<a href="./contact">contact</a>
							</li>
							
							<li>
								<a href="./mentions-legales">mentions légales</a>
							</li>
						</ul>
					</div>	
				</div>
			</div>
		</div>
	</div>
</footer>