Your IP : 216.73.217.68
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js">
<head>
<meta charset="utf-8">
<title>[(#NOM_SITE_SPIP|textebrut)][ - (#SLOGAN_SITE_SPIP|textebrut)]</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
[<meta name="description" content="(#DESCRIPTIF_SITE_SPIP|attribut_html)" />]
<link rel="canonical" href="#URL_SITE_SPIP">
<link href="squelettes/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="squelettes/css/stack-interface.css" rel="stylesheet" type="text/css" media="all" />
<link href="squelettes/css/socicon.css" rel="stylesheet" type="text/css" media="all" />
<link href="squelettes/css/lightbox.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="squelettes/css/flickity.css" rel="stylesheet" type="text/css" media="all" />
<link href="squelettes/css/iconsmind.css" rel="stylesheet" type="text/css" media="all" />
<link href="squelettes/css/jquery.steps.css" rel="stylesheet" type="text/css" media="all" />
<link href="squelettes/css/theme.css" rel="stylesheet" type="text/css" media="all" />
<link href="squelettes/css/custom.css" rel="stylesheet" type="text/css" media="all" />
<link href="squelettes/css/font-rubiklato.css" rel="stylesheet" type="text/css" media="all" />
<meta property="og:image" content="#URL_SITE_SPIP/IMG/png/atelier-parisien-de-surelevation_logo.png" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,400i,500,600,700%7CMerriweather:300,300i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lato:400,400i,700%7CRubik:300,400,500" rel="stylesheet" />
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i" rel="stylesheet">
[(#REM) plugin spip ]
#INSERT_HEAD
[(#REM) Favicon ]
[<link rel="icon" type="image/x-icon" href="(#CHEMIN{favicon.png})" />
[<link rel="shortcut icon" type="image/x-icon" href="(#CHEMIN{favicon.png})" />]]
[(#REM) meta robots ]
[<meta name="robots" content="(#ENV{robots})" />]
[(#REM) google analytics ]
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-142518259-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-142518259-1');
gtag('config', 'AW-936745541');
</script>
<!-- Event snippet for Formulaire contact rempli conversion page In your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. --> <script> function gtag_report_conversion(url) { var callback = function () { if (typeof(url) != 'undefined') { window.location = url; } }; gtag('event', 'conversion', { 'send_to': 'AW-936745541/4yOBCJihtasBEMW01r4D', 'event_callback': callback }); return false; } </script>
<!-- Event snippet for Appel téléphonique site mobile conversion page In your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. --> <script> function gtag_report_conversion(url) { var callback = function () { if (typeof(url) != 'undefined') { window.location = url; } }; gtag('event', 'conversion', { 'send_to': 'AW-936745541/HMPVCOrovasBEMW01r4D', 'event_callback': callback }); return false; } </script>
[(#REM) pixel facebook ]
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1329098700588798');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1329098700588798&ev=PageView&noscript=1"/>
</noscript>
<!-- End Facebook Pixel Code -->
</head>
<body class=" ">
<a id="start"></a>
<INCLURE{fond=inclure/menu} />
<div class="main-container">
<!--navigation in page-->
<section class="page-navigator">
<ul>
<li><a href="#home" class="inner-link" data-title="Accueil"></a></li>
<li><a href="#avantages" class="inner-link" data-title="Avantages"></a></li>
<li><a href="#press" class="inner-link" data-title="Presse & Tv"></a></li>
<li><a href="#faq" class="inner-link" data-title="Questions/réponses"></a></li>
<li><a href="#guide" class="inner-link" data-title="Guide gratuit"></a></li>
<li><a href="#about" class="inner-link" data-title="Qui sommes nous"></a></li>
<li><a href="#contact" class="inner-link" data-title="Contact"></a></li>
<li><a href="#instagram" class="inner-link" data-title="Instagram"></a></li>
</ul>
</section>
<!--section home-->
<section id="home" class="cover height-100 text-center imagebg parallax" data-overlay="0">
<div class="background-image-holder">
<img alt="background" src="IMG/jpg/surelevation-01c.jpg" />
</div>
<div class="container pos-vertical-center">
<div class="row">
<div class="col-md-12">
<div class="slider" data-arrows="false" data-paging="flase">
<ul class="slides">
<li class="col-md-12"><h2>Propriétaires et copropriétaires d'immeubles parisiens...</h2></li>
<li class="col-md-12"><h2>Découvrez les nombreuses vertus de la surélévation...</h2></li>
<li class="col-md-12"><h2>Nous finançons intégralement études + travaux...</h2></li>
<li class="col-md-12"><h2>Créez rapidement de la valeur...</h2></li>
<li class="col-md-12"><h2>Pour financer d'autres travaux ou redistribuer les bénéfices...</h2></li>
<li class="col-md-12"><h2>Valorisez votre immeuble et réduisez vos charges...</h2></li>
<li class="col-md-12"><h2>La surélévation = démarche écologique + citoyenne</h2></li>
<li class="col-md-12"><h2>Un projet bien plus simple que vous ne pouvez l'imaginer...</h2></li>
<li class="col-md-12"><h2>Un capital insoupçonné se cache peut-être au-dessus de vous...</h2></li>
<li class="col-md-12"><h2>Ensemble, exploitons ce trésor...</h2></li>
</ul>
</div><!--fin slider-->
<a class="btn btn--lg type--uppercase inner-link" href="#avantages">
<span class="btn__text">
En savoir +
</span>
</a>
</div> <!--end col-->
</div><!--end of row-->
</div><!--end of container-->
</section>
<!--section avantages-->
<section id="avantages" class="text-center bg--primary">
<div class="container">
<div class="row">
<div class="col-md-10 col-lg-8">
<BOUCLE_avantage(RUBRIQUES) {id_rubrique=1}>
<span class="h1">#DESCRIPTIF</span>
#TEXTE
</BOUCLE_avantage>
</div><!--end of col-->
</div><!--end of row-->
<div class="row justify-content-around">
<BOUCLE_argu2(ARTICLES) {id_rubrique=8}>
<div class="col-md-4">
<div class="feature feature-3 boxed boxed--sm boxed--border box-shadow">
<i class="icon icon--sm block icon-CLASS">[(#LOGO_ARTICLE_RUBRIQUE|image_reduire{120,*})]</i>
<span class="h4">#TITRE</span>
#TEXTE
</div><!--end box-->
</div><!--end of col-->
</BOUCLE_argu2>
</div><!--end of row-->
</div><!--end of container-->
</section>
<!--section press-->
<section id="press" class="text-center imagebg parallax " data-overlay="2">
<BOUCLE_pressbg(RUBRIQUES) {id_rubrique=12}>
<div class="background-image-holder">
#LOGO_RUBRIQUE
</div>
</BOUCLE_pressbg>
<div class="container">
<div class="row justify-content-around">
<div class="col-md-10 col-lg-8">
<div class="boxed boxed--border boxed--lg box-shadow">
<BOUCLE_press(RUBRIQUES) {id_rubrique=12} >
<span class="h1">#DESCRIPTIF</span>
#TEXTE
</BOUCLE_press>
</div><!--end of box-->
</div><!--end of col-->
</div><!--end of row-->
<div class="row justify-content-around">
<div class="col-md-10">
<div class="slider slider--inline-arrows slider--arrows-hover text-center" data-arrows="true">
<ul class="slides">
<BOUCLE_presslogo(ARTICLES) {id_rubrique=12}>
<li class="col-md-4 col-6">
<a href="#URL_ARTICLE"> [(#LOGO_ARTICLE_RUBRIQUE|image_reduire{120,*})]<br /> <small>#SURTITRE</small></a>
</li>
</BOUCLE_presslogo>
</ul>
</div><!--end of col-->
</div><!--end of row-->
</div><!--end of container-->
</section>
<!--faq-->
<section id="faq" class="height-60 bg--dark unpad--bottom">
<div class="container">
<h1>Quelques questions légitimes que vous pourriez vous poser...</h1>
<div class="slider text-center" data-arrows="true" data-paging="true">
<ul class="slides">
<BOUCLE_faq(ARTICLES) {id_rubrique=3}>
<li class="col-md-12">
<div class="testimonial">
<blockquote>
<a href="#URL_RUBRIQUE{3}"> #TITRE </a>
</blockquote>
</div>
</li>
</BOUCLE_faq>
</ul>
</div><!--fin slider-->
<div class="row justify-content-around">
<a class="btn btn--lg type--uppercase" href="#URL_RUBRIQUE{3}">
<span class="btn__text">
Consultez toutes les réponses
</span>
</a>
</div><!--end of row-->
</div><!--end of container-->
</section>
<!--guide-->
<section id="guide" >
<div class="container">
<BOUCLE_guide(ARTICLES) {id_article=79}>
<h1>#DESCRIPTIF</h1>
<div class="row">
<div class="col-lg-6">
<a href="https://online.ap-surelevation.com/guide" title="Guide gratuit de la surélévation" target="_blank">#LOGO_ARTICLE</a>
</div><!--end of col-->
<div class="col-lg-6">
#TEXTE
<a class="btn btn--lg type--uppercase" href="https://online.ap-surelevation.com/guide" title="Guide gratuit de la surélévation" target="_blank">
<span class="btn__text">
Téléchargez notre guide gratuit
</span>
</a>
</div><!--end of col-->
</div><!--end of row-->
</BOUCLE_guide>
</div><!--end of container-->
</section>
<!--qui sommes nous-->
<section id="about" class="text-center imagebg parallax" >
<BOUCLE_equipe(ARTICLES) {id_article=37}>
<div class="background-image-holder">
#LOGO_ARTICLE"
</div>
<div class="container pos-vertical-top">
<div class="row">
<div class="col-lg-8">
<div class="boxed boxed--border boxed--lg box-shadow">
<span class="h1">#DESCRIPTIF </span>
#TEXTE
<a class="btn btn--lg type--uppercase" href="#URL_RUBRIQUE{2}">
<span class="btn__text">
Découvrez l'équipe
</span>
</a>
</div><!--end of box-->
</div><!--end of col-->
</div><!--end of row-->
</div><!--end of container-->
</BOUCLE_equipe>
</section>
<!--contact-->
<INCLURE{fond=inclure/contact} />
<!--instagram-->
<section id="instagram" class="text-center">
<div class="container">
<div class="row">
<div class="typed-headline">
<a href="https://www.instagram.com/apsurelevation/" target="_blank">
<span class="h1 inline-block">Suivez-nous sur</span>
<span class="h1 inline-block typed-text typed-text--cursor color--primary" data-typed-strings="Instagram"></span></a>
</div>
<div class="instaphoto">
<div id="pixlee_container"></div><script type="text/javascript">window.PixleeAsyncInit = function() {Pixlee.init({apiKey:'M6C9AutyRVf2i0AueArV'});Pixlee.addSimpleWidget({widgetId:'33401'});};</script><script src="//instafeed.assets.pxlecdn.com/assets/pixlee_widget_1_0_0.js"></script>
</div>
</div>
<!--end of row-->
</div>
<!--end of container-->
</section>
<!--modal notification-->
<div class="modalbottom">
<a class="btn btn--lg type--uppercase" href="#" data-notification-link="trigger">
<span class="btn__text">
Des Questions ?
</span>
</a>
<div class="notification pos-left pos-bottom col-md-4 col-lg-3 bg--dark" data-animation="from-bottom" data-notification-link="trigger">
#FORMULAIRE_FORMIDABLE{2}
</div><!--end of notification-->
</div><!--modalbottom-->
<INCLURE{fond=inclure/footer,self=#SELF} />
</div><!--end of main container-->
<!--<div class="loader"></div>-->
<a class="back-to-top inner-link" href="#start" data-scroll-class="100vh:active">
<i class="stack-interface stack-up-open-big"></i>
</a>
<script src="squelettes/js/jquery-3.1.1.min.js"></script>
<script src="squelettes/js/flickity.min.js"></script>
<script src="squelettes/js/easypiechart.min.js"></script>
<script src="squelettes/js/parallax.js"></script>
<script src="squelettes/js/typed.min.js"></script>
<script src="squelettes/js/datepicker.js"></script>
<script src="squelettes/js/isotope.min.js"></script>
<script src="squelettes/js/ytplayer.min.js"></script>
<script src="squelettes/js/lightbox.min.js"></script>
<script src="squelettes/js/granim.min.js"></script>
<script src="squelettes/js/jquery.steps.min.js"></script>
<script src="squelettes/js/countdown.min.js"></script>
<script src="squelettes/js/twitterfetcher.min.js"></script>
<script src="squelettes/js/spectragram.min.js"></script>
<script src="squelettes/js/smooth-scroll.min.js"></script>
<script src="squelettes/js/scripts.js"></script>
</body>
</html>