Your IP : 216.73.217.68
<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})" />]
[(#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">
<!--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-->
<INCLURE{fond=inclure/contact} />
<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>