Your IP : 216.73.217.6
<BOUCLE_principale(RUBRIQUES) {id_rubrique}>
<!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|couper{150}|attribut_html)" />]
<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" />
<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">
<!--section home-->
<section class="switchable bg--secondary imagebg parallax" data-overlay="1">
<div class="background-image-holder">
#LOGO_RUBRIQUE
</div>
<div class="container">
<div class="boxed boxed--border boxed--lg box-shadow text-center">
<div row text-center>
<div class="col-md-12 color--primary">
<h1>#DESCRIPTIF</h1>
<p>#TEXTE</p>
</div> <!--end col-->
</div><!--end of row-->
<div row justify-content-center>
<BOUCLE_srub(RUBRIQUES) {id_parent}>
<a class="btn btn--lg btn--primary1 type--uppercase " href="#[(#ID_RUBRIQUE)]">
<span>
#TITRE
<small>#TEXTE</small>
</span>
</a>
</BOUCLE_srub>
</div><!--end of row-->
</div> <!--end box-->
</div><!--end of container-->
</section>
<!--surelevation-->
<BOUCLE_prez(RUBRIQUES) {id_rubrique=6} >
<section id="#ID_RUBRIQUE" class="bg--secondary text-center">
<div class="container">
<BOUCLE_art(ARTICLES) {id_rubrique=6} >
<div class="row text-left">
<div class="col-md-12">
<div class="typed-headline">
<span class="h2 inline-block">#TITRE</span>
</div><!--fin headline-->
</div><!--end col-->
[(#COMPTEUR_BOUCLE| alterner{
<div class="col-md-7 col-lg-5">
#TEXTE
</div><!--end col-->, <div class="col-md-5">
<div class="images">
[(#LOGO_ARTICLE|inserer_attribut{class,border--round box-shadow-wide})]
</div>
</div><!--end col-->})]
[(#COMPTEUR_BOUCLE| alterner{<div class="col-md-5">
<div class="image2">
[(#LOGO_ARTICLE|inserer_attribut{class,border--round box-shadow-wide})]
</div>
</div><!--end col-->, <div class="col-md-7 col-lg-5">
#TEXTE
</div><!--end col-->})]
</div><!--end of row-->
</BOUCLE_art>
</div><!--end of container-->
</section>
</BOUCLE_prez>
<!--etapes-->
<BOUCLE_etaptitre(RUBRIQUES) {id_rubrique=7} >
<section id="#ID_RUBRIQUE" class="bg--primary">
<div class="container">
<div class="row justify-content-around">
<div class="col-md-12">
<div class="typed-headline">
<span class="h1">#TITRE</span>
</div><!--fin headline-->
</div><!--end col-->
</div><!--end of row-->
<div class="row justify-content-around">
<div class="col-md-3">
<div class="radial" data-value="11" data-timing="1000" data-color="#e2790b" data-size="200" data-bar-width="1">
<span class="h3 radial__label">étape 1</span>
</div>
<h5>Rendez-vous pour mesurer l'intérêt</h5>
</div>
<div class="col-md-3">
<div class="radial" data-value="22" data-timing="1000" data-color="#e2790b" data-size="200" data-bar-width="2">
<span class="h3 radial__label">étape 2</span>
</div>
<h5>Etude de la faisabilité administrative et juridique</h5>
</div>
<div class="col-md-3">
<div class="radial" data-value="33" data-timing="1000" data-color="#e2790b" data-size="200" data-bar-width="3">
<span class="h3 radial__label">étape 3</span>
</div>
<h5>Etude de la faisabilité technique</h5>
</div>
<div class="col-md-3">
<div class="radial" data-value="44" data-timing="1000" data-color="#e2790b" data-size="200" data-bar-width="4">
<span class="h3 radial__label">étape 4</span>
</div>
<h5>Proposition financière pour racheter le droit de surélever</h5>
</div>
<div class="col-md-3">
<div class="radial" data-value="55" data-timing="1000" data-color="#e2790b" data-size="200" data-bar-width="5">
<span class="h3 radial__label">étape 5</span>
</div>
<h5>AG pour statuer la vente du droit de surélever + vote</h5>
</div>
<div class="col-md-3">
<div class="radial" data-value="66" data-timing="1000" data-color="#e2790b" data-size="200" data-bar-width="6">
<span class="h3 radial__label">étape 6</span>
</div>
<h5>Dépôt d'un permis de construire</h5>
</div>
<div class="col-md-3">
<div class="radial" data-value="77" data-timing="1000" data-color="#e2790b" data-size="200" data-bar-width="7">
<span class="h3 radial__label">étape 7</span>
</div>
<h5>Totalité de la somme payée à la copropriété dès obtention du permis de construire purgé de tout recours</h5>
</div>
<div class="col-md-3">
<div class="radial" data-value="100" data-timing="1000" data-color="#e2790b" data-size="200" data-bar-width="8">
<span class="h3 radial__label">étape 8</span>
</div>
<h5>Réalisation de la surélévation</h5>
</div>
</div><!--end of row-->
<BOUCLE_etap(ARTICLES) {id_rubrique=7} >
<div class="row justify-content-around">
<div class="col-md-8">
<div class="typed-headline">
<span class="h2 inline-block">#TITRE</span>
</div><!--fin headline-->
<h3>#DESCRIPTIF</h3>
#TEXTE
</div><!--end col-->
</div><!--end of row-->
</BOUCLE_etap>
</div><!--end of container-->
</section>
</BOUCLE_etaptitre>
<!--contact-->
<section id="contact" class="text-center bg--primary">
<div class="container">
<div class="row justify-content-center">
<BOUCLE_contacttel(ARTICLES) {id_article=38}>
<div class="col-md-4 text-center">
<a class="btn modal-trigger" href="tel:01 86 95 27 28">
<span>#TITRE</span>
</a>
<h7>#TEXTE</h7>
</div><!--end of col-->
</BOUCLE_contacttel>
<BOUCLE_contactmail(ARTICLES) {id_article=39}>
<div class="col-md-4 text-center">
<a class="btn modal-trigger" href="mailto:contact@ap-surelevation.com">
<span>#TITRE</span>
</a>
<h7>#TEXTE</h7>
</div><!--end of col-->
</BOUCLE_contactmail>
<BOUCLE_contactform(ARTICLES) {id_article=40}>
<div class="col-md-4">
<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>
</div><!--end of row-->
</div><!--end of container-->
</section>
<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>
</BOUCLE_principale>