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="0">
<div class="background-image-holder">
#LOGO_RUBRIQUE
</div>
<div class="container">
<div class="row justify-content-around">
<div class="col-md-10 color--primary">
<div class="boxed boxed--border boxed--lg box-shadow">
<h1>#DESCRIPTIF</h1>
<p>#TEXTE</p>
</div> <!--end box-->
</div> <!--end col-->
</div><!--end of row-->
</div><!--end of container-->
</section>
<!--section presse-->
<section id="avantages" class="text-center bg--primary">
<div class="container">
<div class="masonry">
<div class="masonry__container row">
<div class="masonry">
<!--end masonry filters-->
<BOUCLE_argu2(ARTICLES) {id_rubrique}>
<div class="masonry__item 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">#SOUSTITRE</span>
<span class="h5">#SURTITRE</span>
#TEXTE
[<p ><:voir_en_ligne:> : <a href="(#URL_SITE)" target="_blank">[(#NOM_SITE|sinon{[(#URL_SITE|couper{80})]})]</a></p>]
</div><!--end box-->
</div><!--end of masonry item-->
</BOUCLE_argu2>
</div><!--end of masonry container-->
</div><!--end of masonry-->
</div><!--end of row-->
</div><!--end of container-->
</section>
<!--contact-->
<section id="contact" class="text-center" data-gradient-bg="#121a22,#192531,#23364b">
<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>