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">
<!--navigation in page-->
<section class="page-navigator">
<ul>
<li><a href="#une" class="inner-link" data-title="Accueil"></a></li>
<li><a href="#equipe" class="inner-link" data-title="L'équipe"></a></li>
<li><a href="#philo" class="inner-link" data-title="Nos valeurs"></a></li>
<li><a href="#contact" class="inner-link" data-title="Nous contacter"></a></li>
</ul>
</section>
<!--section Une-->
<section id="une" class="switchable bg--secondary imagebg parallax" data-overlay="0">
<div class="background-image-holder">
#LOGO_RUBRIQUE
</div>
<div class="container">
<div 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 team-->
<section id="equipe" class="height-100 bg--secondary imagebg parallax" data-overlay="0">
<BOUCLE_philo(RUBRIQUES) {id_rubrique=11}>
</BOUCLE_philo>
<div class="container">
<div class="row justify-content-around">
<BOUCLE_argu2(ARTICLES) {id_rubrique} {!par date}>
<div class="col-md-4">
<div class="feature feature-1 boxed boxed--sm boxed--border box-shadow text--center">
#LOGO_ARTICLE
<h4 class="team">#TITRE</h4>
<h5 class="titre">#DESCRIPTIF</h5>
#TEXTE
</div><!--end box-->
</div><!--end of col-->
</BOUCLE_argu2>
</div><!--end of row-->
</div><!--end of container-->
</section>
<!--section philosophie-->
<section id="philo" class="text-center bg--primary">
<div class="container">
<div class="row">
<div class="col-md-10 col-lg-8">
<BOUCLE_avantage(RUBRIQUES) {id_rubrique=11}>
<span class="h1">#TITRE</span>
</BOUCLE_avantage>
</div><!--end of col-->
</div><!--end of row-->
<div class="row justify-content-around">
<BOUCLE_valeur(ARTICLES) {id_rubrique=11} {par num titre}>
<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{80,*})]</i>
<h4 class="team">#TITRE</h4>
<h5 class="titre">#DESCRIPTIF</h5>
#TEXTE
</div><!--end box-->
</div><!--end of col-->
</BOUCLE_valeur>
</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>