Your IP : 216.73.217.6
<!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})" />]
</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="#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/marseille2.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>
<!--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-->
<section id="contact" class="text-center bg--primary">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-10 col-lg-8">
<BOUCLE_contact(RUBRIQUES) {id_rubrique=10}>
<span class="h1">#TITRE</span>
<h7>#TEXTE</h7>
</div><!--end of row-->
<div class="row justify-content-center">
<BOUCLE_contactbtn(ARTICLES) {id_rubrique} {id_article!=40}>
<div class="col-md-5 text-center">
<div class="btn">
<span>#TITRE</span>
</div>
<h7>#TEXTE</h3>
</div><!--end of col-->
</BOUCLE_contactbtn>
<BOUCLE_contactform(ARTICLES) {id_article=40}>
<div class="col-md-2">
<div class="modal-instance">
<a class="btn modal-trigger" href="#">
<span>#TITRE</span>
</a>
<div class="modal-container">
<div class="modal-content">
#TEXTE
</div><!--end of modal content-->
</div><!--end of modal container-->
</div><!--end of modal instance-->
</div><!--end of col-->
</BOUCLE_contactform>
</BOUCLE_contact>
</div>
</div><!--end of row-->
</div><!--end of container-->
</section>
<!--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">
<!-- LightWidget WIDGET --><script src="https://cdn.lightwidget.com/widgets/lightwidget.js"></script><iframe src="//lightwidget.com/widgets/e13dc8299f325b9bb72ec990269d4701.html" scrolling="no" allowtransparency="true" class="lightwidget-widget" style="width:100%;border:0;overflow:hidden;"></iframe>
</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>