<!DOCTYPE html>
<html lang="en" id="extr-page" class="animated fadeInDown">
	<head>
		
		<link rel="manifest" href="/manifest.json" /> <!-- ATD  Pour OneSignal -->

		<meta charset="utf-8">
		<!--<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">-->

		<title> BDPV - HomePage - Photovoltaic Database Sites - BDPV </title>
		<meta name="description" content="">
		<meta name="author" content="">

		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

		<!-- Basic Styles -->
		<link rel="stylesheet" type="text/css" media="screen" href="https://www.bdpv.fr/include/SmartAdmin/css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" media="screen" href="https://www.bdpv.fr/include/SmartAdmin/css/font-awesome.min.css">

		<!-- SmartAdmin Styles : Caution! DO NOT change the order -->
		<link rel="stylesheet" type="text/css" media="screen" href="https://www.bdpv.fr/include/SmartAdmin/css/smartadmin-production-plugins.min.css">
		<link rel="stylesheet" type="text/css" media="screen" href="https://www.bdpv.fr/include/SmartAdmin/css/smartadmin-production.min.css">
		<link rel="stylesheet" type="text/css" media="screen" href="https://www.bdpv.fr/include/SmartAdmin/css/smartadmin-skins.min.css">

		<!-- SmartAdmin RTL Support is under construction-->
		<link rel="stylesheet" type="text/css" media="screen" href="https://www.bdpv.fr/include/SmartAdmin/css/smartadmin-rtl.min.css">

		<!-- We recommend you use "your_style.css" to override SmartAdmin
		     specific styles this will also ensure you retrain your customization with each SmartAdmin update.
		<link rel="stylesheet" type="text/css" media="screen" href="https://www.bdpv.fr/include/SmartAdmin/css/your_style.css"> -->

		<link rel="stylesheet" type="text/css" media="screen" href="https://www.bdpv.fr/include/SmartAdmin/css/your_style.css">
		

		<!-- Demo purpose only: goes with demo.js, you can delete this css when designing your own WebApp -->
<!-- ATD 		<link rel="stylesheet" type="text/css" media="screen" href="https://www.bdpv.fr/include/SmartAdmin/css/demo.min.css"> -->

		<!-- FAVICONS -->
		<link rel="shortcut icon" href="https://www.bdpv.fr/include/SmartAdmin/img/favicon/favicon.ico" type="image/x-icon">
		<link rel="icon" href="https://www.bdpv.fr/include/SmartAdmin/img/favicon/favicon.ico" type="image/x-icon">

		<!-- GOOGLE FONT -->
		<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,300,400,700">

		<!-- Specifying a Webpage Icon for Web Clip
			 Ref: https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html -->
		<!-- OLD DEB 1
		<link rel="apple-touch-icon" href="https://www.bdpv.fr/include/SmartAdmin/img/splash/sptouch-icon-iphone.png">
		<link rel="apple-touch-icon" sizes="76x76" href="https://www.bdpv.fr/include/SmartAdmin/img/splash/touch-icon-ipad.png">
		<link rel="apple-touch-icon" sizes="120x120" href="https://www.bdpv.fr/include/SmartAdmin/img/splash/touch-icon-iphone-retina.png">
		<link rel="apple-touch-icon" sizes="152x152" href="https://www.bdpv.fr/include/SmartAdmin/img/splash/touch-icon-ipad-retina.png">
		FIN 1 -->
		<!-- ATD NEW DEB -->
		<!-- Check https://realfavicongenerator.net/favicon_checker --></-->
									<link rel="apple-touch-icon" sizes="180x180" href="/img/favicon/apple-touch-icon.png">
									<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32x32.png">
									<link rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16x16.png">
		<link rel="manifest" href="/img/favicon/site.webmanifest">
									<link rel="mask-icon" href="/img/favicon/safari-pinned-tab.svg" color="#4a9127">
		<meta name="msapplication-TileColor" content="#2d89ef">
		<meta name="theme-color" content="#ffffff">
									<link rel="apple-touch-icon" sizes="57x57" href="/img/favicon/apple-touch-icon-57x57.png">
									<link rel="apple-touch-icon" sizes="60x60" href="/img/favicon/apple-touch-icon-60x60.png">
									<link rel="apple-touch-icon" sizes="72x72" href="/img/favicon/apple-touch-icon-72x72.png">
									<link rel="apple-touch-icon" sizes="76x76" href="/img/favicon/apple-touch-icon-76x76.png">
									<link rel="apple-touch-icon" sizes="114x114" href="/img/favicon/apple-touch-icon-114x114.png">
									<link rel="apple-touch-icon" sizes="120x120" href="/img/favicon/apple-touch-icon-120x120.png">
									<link rel="apple-touch-icon" sizes="144x144" href="/img/favicon/apple-touch-icon-144x144.png">
									<link rel="apple-touch-icon" sizes="152x152" href="/img/favicon/apple-touch-icon-152x152.png">
									<link rel="apple-touch-icon" sizes="180x180" href="/img/favicon/apple-touch-icon-180x180.png">
									<link rel="icon" type="image/png" sizes="192x192"	href="/img/favicon/android-chrome-192x192.png">
									<link rel="icon" type="image/png" sizes="512x512"	href="/img/favicon/android-chrome-512x512.png">
									<link rel="icon" type="image/png" href="/img/favicon/favicon.png">
									<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32x32.png">
									<link rel="icon" type="image/png" sizes="96x96" href="/img/favicon/favicon-96x96.png">
									<link rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16x16.png">
									<link rel="icon" type="image/svg+xml" href="/img/favicon/favicon.svg">
		<!-- ATD NEW END -->
		

		<!-- iOS web-app metas : hides Safari UI Components and Changes Status Bar Appearance -->
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<!-- Startup image for web apps -->
		<!-- OLD DEB 2
		<link rel="apple-touch-startup-image" href="https://www.bdpv.fr/include/SmartAdmin/img/splash/ipad-landscape.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)">
		<link rel="apple-touch-startup-image" href="https://www.bdpv.fr/include/SmartAdmin/img/splash/ipad-portrait.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)">
		<link rel="apple-touch-startup-image" href="https://www.bdpv.fr/include/SmartAdmin/img/splash/iphone.png" media="screen and (max-device-width: 320px)">
		FIN 2 -->

		<!-- Link to Google CDN's jQuery + jQueryUI; fall back to local -->
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
		<script>
			if (!window.jQuery) {
				document.write('<script src="https://www.bdpv.fr/include/SmartAdmin/js/libs/jquery-2.1.1.min.js"><\/script>');
			}
		</script>

		<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
		<script>
			if (!window.jQuery.ui) {
				document.write('<script src="https://www.bdpv.fr/include/SmartAdmin/js/libs/jquery-ui-1.10.3.min.js"><\/script>');
			}
		</script>


<!-- ATD DEBUT Rajout pour cookies -->
		<script type="text/javascript" src="https://www.bdpv.fr/include/SmartAdmin/js/carte/jquery.cookie.js"></script> <!-- https://github.com/carhartl/jquery-cookie-->		
<!-- ATD DEBUT Rajout pour cookies  -->

		<!-- ATD DEBUT Rajout pour OneSignal  -->
<script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async></script>
<script>
	
				function notifNavSubscribe(userId) {
						// On récupère le cookies
						idUtilisateurCookies = $.cookie("notifNavUtilId");
						
// console.log("Cookies Utilisateur : "+idUtilisateurCookies);
						// Si le numéro utilisateur est = -1
						// ou si le userId est le mien
						// ou si le cookies est placé (si le cookies existe, on a déjà fait l'appel au WS)

bIPAdmin = false;
if (bIPAdmin) // console.log("IP Admin");
if (-1 == -1 ) // console.log("Pas d'utilisateur connecté");						
if (idUtilisateurCookies == -1) // console.log("Cookies placé et égal à l'utilisateur en cours");						
						if ( (-1 == -1 ) || (bIPAdmin)|| (idUtilisateurCookies == -1) ) {								
								// Alors on ne fait rien
// console.log("Cookies déjà placé OU IP Admin OU Pas d'utilisateur connecté : On ne fait rien");
							} else { // Else of if (idUtilisateurCookies == -1) {
									// Sinon on fait appel au WS
// console.log("Cookies pas placé, on appele le WS");
									$.ajax({
										url: "/webservice/notifNav/notifSubscribe.php",				
										type: "POST",
										async: true,
										timeout: 10000, // sets timeout to 10 seconds
										data: {
										lang: 'en', // langue pour le retour des données
										d: -1, // IdUtilisateur
																				u : userId,
										i : 'd737160b5ddb26b9', // id
										m : 'afe03573984d82ca7d211d025fdfc2f0' // Code controle
										},
										success: function (msg) {
														if ( (msg.codeRetour != undefined) && (msg.codeRetour == 0)) {
// console.log("Ajax Ok."); 
// console.log("Cookies placé");
																// On place le cookie (avec une date de péremption de 10 ans
																$.cookie("notifNavUtilId", -1, { expires: 3650 });
														} else {
// console.log("Ajax PB : "+msg.codeRetour+" - "+msg.texteRetour); 
															} // End of if ( (msg.codeRetour != undefined) && (msg.codeRetour == 0)) {				
										}, // End of Success
										error: function (msg) {
													coursProche = 0;
													if  (msg.status == undefined)	{errCode = 0; errTxt = '';}
														else												{errCode = msg.status; errTxt = msg.statusText;}
// console.log("Erreur ajax : "+errCode+" - "+errTxt);
											} // End of  error: function (msg) {				
									}); // End of ajax
							} // End of if (idUtilisateurCookies == -1) {						
		} // End of function notifNavSubscribe(userId) {
	
	
  var OneSignal = window.OneSignal || [];
  
  OneSignal.push(function() {
    OneSignal.init({
      appId: "4a65365e-d46c-4c85-aed2-648134860a9b",
      autoRegister: false,
      persistNotification : true,      
      welcomeNotification: {
      	title : 'Merci pour votre inscription',
      	message : 'Vous recevrez les notifications directement dans votre navigateur.\nCliquez sur ce message pour gérer les notifications.\nL`\'équipe BDPV',
      	url: 'https://www.bdpv.fr/fr/notifications.php',
      },      
      webhooks: {
				'notification.displayed': 'https://www.bdpv.fr/webservice/notifNav/notifCallback.php?a=aff', 
    		'notification.clicked': 'https://www.bdpv.fr/webservice/notifNav/notifCallback.php?a=click',
		  },
/*  Désactivé    	*/	  
    promptOptions: {
        // These prompt options values configure both the HTTP prompt and the HTTP popup. 
        // actionMessage limited to 90 characters 
        actionMessage: "Voulez-vous recevoir les alertes ou rappels BDPV dans votre navigateur internet ?",
        // acceptButtonText limited to 15 characters 
        acceptButtonText: "OUI",
        // cancelButtonText limited to 15 characters 
        cancelButtonText: "Non merci"
    },
/* */        
/*  Désactivé    
    notifyButton: {  // https://documentation.onesignal.com/v4.0/docs/web-push-custom-code-examples#section-full-code-example-https-setup-subscription-bell 
        enable: true, // Required to use the Subscription Bell 
        size: 'medium', // One of 'small', 'medium', or 'large' 
        displayPredicate: function() {
            return OneSignal.isPushNotificationsEnabled()
                .then(function(isPushEnabled) {
                    // The user is subscribed, so we want to return "false" to hide the Subscription Bell 
                    return !isPushEnabled;
                });
        },
        theme: 'default', // One of 'default' (red-white) or 'inverse" (white-red) 
        position: 'bottom-right', // Either 'bottom-left' or 'bottom-right' 
        offset: {
            bottom: '0px',
            left: '0px', // Only applied if bottom-left 
            right: '0px' // Only applied if bottom-right 
        },
        prenotify: true, // Show an icon with 1 unread message for first-time site visitors 
        showCredit: false, // Hide the OneSignal logo 
				colors: { // Customize the colors of the main button and dialog popup button
				      'circle.background': 'rgb(84,110,123)',
				      'circle.foreground': 'white',
				      'badge.background': 'rgb(84,110,123)',
				      'badge.foreground': 'white',
				      'badge.bordercolor': 'white',
				      'pulse.color': 'white',
				      'dialog.button.background.hovering': 'rgb(77, 101, 113)',
				      'dialog.button.background.active': 'rgb(70, 92, 103)',
				      'dialog.button.background': 'rgb(84,110,123)',
				      'dialog.button.foreground': 'white'
				    },        
        text: {
            'tip.state.unsubscribed': 'Cliquez pour recevoir les alertes, rappels ou derni&egrave;res actualit&eacute;s directement dans votre navigateur internet ?',
            'tip.state.subscribed': "Vous recevez les notifications",
            'tip.state.blocked': "Vous avez bloqu&eacute; les notifications",
            'message.prenotify': 'Cliquez pour recevoir les notifications',
            'message.action.subscribed': "Merci pour votre inscription!",
            'message.action.resubscribed': "Vous recevez les notifications",
            'message.action.unsubscribed': "Vous ne recevrez plus de notifications",
            'dialog.main.title': 'Gestion des notifications',
            'dialog.main.button.subscribe': 'Recevoir &agrave; nouveau les notifications',
            'dialog.main.button.unsubscribe': 'Arr&ecirc;ter de recevoir les notifications',
            'dialog.blocked.title': 'Autoriser les notifications',
            'dialog.blocked.message': "Merci de suivre les instructions suivantes pour autoriser les notifications:"
        }    
    },		
*/    	
    });
        
  });

		//  Souscription (ou renouvellement)
		OneSignal.push(function() {
		  OneSignal.on('subscriptionChange', function(isSubscribed) {
		    if (isSubscribed) {
		      // The user is subscribed
		      //   Either the user subscribed for the first time
		      //   Or the user was subscribed -> unsubscribed -> subscribed
		      OneSignal.getUserId( function(userId) {
		        // Make a POST call to your server with the user ID
// console.log("Le userId associe - subscriptionChange");
// console.log("subscriptionChange - OneSignal User ID:", userId);   // !!!!!!!!!!!!!! ATD - MARCHE
		         notifNavSubscribe(userId); // Expedition via ajax du userId
		      });
		    } // End of  if (isSubscribed) {
		  });
		});  
		
		// Verif inscription et récupération du userId
		OneSignal.push(function() {
		  /* These examples are all valid */
		  OneSignal.isPushNotificationsEnabled(function(isEnabled) {
		    if (isEnabled) {
// console.log("Push notifications are enabled!");
					OneSignal.getUserId(function(userId) {
// console.log("Le userId associe - isPushNotificationsEnabled");
// console.log("isPushNotificationsEnabled - OneSignal User ID:", userId);   // !!!!!!!!!!!!!! ATD - MARCHE
					    notifNavSubscribe(userId); // Expedition via ajax du userId
					    // (Output) OneSignal User ID: 270a35cd-4dda-4b3f-b04e-41d7463a2316    
					  });
		    } else { 
// console.log("Push notifications are not enabled yet.");    
		    }
		  });
		 });           
		 
		 // Verif de l'état de la permission au niveau des notifications
		 OneSignal.push(["getNotificationPermission", function(permission) {
// console.log("Site Notification Permission:", permission); // (Output) Site Notification Permission: default
			}]);
  
  
  </script>
		
		<!-- ATD FIN Rajout pour OneSignal  -->
	</head>
	<body  class = "smart-style-3">

		<!-- POSSIBLE CLASSES: minified, fixed-ribbon, fixed-header, fixed-width
			 You can also add different skin classes such as "smart-skin-1", "smart-skin-2" etc...-->
		
<!-- ==========================CONTENT STARTS HERE ========================== -->
<!-- possible classes: minified, no-right-panel, fixed-ribbon, fixed-header, fixed-width-->
<div id="main" role="main">

	<!-- MAIN CONTENT -->
<!-- 
TODO Mettre un cookies pour stocker la langue qui a été choisie 
Faire même chose pour le headerLight
-->

	<div id="content" class="container-fluid">
		<div class="row margintm20">
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-1 doNotPrint">
						</div>			
			<div class="col-xs-6 col-sm-2 col-md-2 col-lg-7">
							<a href="/en/"><img src="https://res.cloudinary.com/assobdpv/image/upload/v1511012476/logoOrig_n3mjdg.png" class="img-responsive img-rounded" alt="BDPV"></a>
			</div>
			<div class="col-xs-6 col-sm-4 col-md-4 col-lg-2 doNotPrint">
						<ul class="header-dropdown-list">
							<li>
								<a href="#" class="dropdown-toggle" data-toggle="dropdown"> 
									<img src="https://res.cloudinary.com/assobdpv/image/upload/v1511012600/blank_cx7ylf.gif" class="flag flag-us" alt="English"> <span> English</span> <i class="fa fa-angle-down"></i> </a>
								<ul class="dropdown-menu pull-right">
									<li>
										<a href="javascript:window.location.replace('/en/index.php');"><img src="https://res.cloudinary.com/assobdpv/image/upload/v1511012600/blank_cx7ylf.gif" class="flag flag-gb" alt="United Kingdom"> English</a>
									</li>
									<li>
										<a href="javascript:window.location.replace('/fr/index.php');"><img src="https://res.cloudinary.com/assobdpv/image/upload/v1511012600/blank_cx7ylf.gif" class="flag flag-fr" alt="France"> Français</a>
									</li>
									<li>
										<a href="javascript:window.location.replace('/de/index.php');"><img src="https://res.cloudinary.com/assobdpv/image/upload/v1511012600/blank_cx7ylf.gif" class="flag flag-de" alt="Deutsch"> Deutsch</a>
									</li>
								</ul>
							</li>
						</ul>
			</div>
			<div class="col-xs-12 hidden-sm hidden-md hidden-lg"></div>
			<div class="col-xs-offset-3 col-xs-3 col-sm-offset-0 col-sm-2 col-md-2 col-lg-1">
					<a href="/en/create.php" class="btn btn-danger">Register</a>
			</div>
			<div class="col-xs-3 col-sm-2 col-md-2 col-lg-1">
					<a href="/en/connexion.php?src=".$GLOBALS['sScriptName']." class="btn btn-success">Log in</a>
			</div>
		</div>
	</div>


	<div id="content" class="container">
<!-- LINKY
		<div class='alert alert-warning fade in'><button class='close' data-dismiss='alert'> × </button><h4 class='alert-heading'> <i class='fa fa-fw fa-info'></i> Informations</h4><a target=_blank href=https://doc.bdpv.fr/fr/index.php/ufaqs/bdpv-et-le-linky/>Vous avez un compteur Linky associé à votre installation photovoltaïque : Découvrez comment surveiller gratuitement votre production en cliquant sur ce lien !</a></div>
-->
		<div class="row margintm20">
					<div class="col-xs-12 col-sm-7">
						<div class="col-xs-12">
							<h1 class="txt-color-red login-header-big">What about you ?</h1>
						</div>
						<div class="col-xs-12 well well-sm bg-color-lighten txt-color-black text-center" >
								<div class="col-xs-10 col-xs-offset-1 col-sm-offset-0  col-sm-5 col-md-4">
										<img src="https://res.cloudinary.com/assobdpv/image/upload/v1511011824/homepage-projet_afumqx.jpg" class="img-responsive img-thumbnail center-block" alt="You have a photovoltaïc project ?">
								</div>
								<div class="col-xs-12 offset col-sm-7 col-md-8 paddingl0">
									<div class="col-xs-12">
												<h1 class="text-center">Photovoltaïc project ?</h1>
									</div>
										<div class="col-xs-12 visible-lg  margint30"></div>
									<div class="col-xs-12">
											<div class="col-xs-6 col-sm-12 col-md-6 col-lg-5 col-md-offset-1 text-center marginb10">
														<a href="/en/verifDevis.php" class="btn btn-sm btn-danger">Check your quote</a>
											</div>
											<div class="col-xs-6 col-sm-12 col-md-5 text-center ">
													<button type="button" id="plusInfosProjetPV" class="btn btn-sm btn-success" >More informations</button>
											</div>
									</div>

								</div>
						</div>

						<div class="col-xs-12 well well-sm bg-color-lighten txt-color-black text-center">
								<div class="col-xs-10 col-xs-offset-1 col-sm-offset-0  col-sm-5 col-md-4 col-md-push-8">
									<img src="https://res.cloudinary.com/assobdpv/image/upload/v1511011832/homepage-proprio_d63sa7.jpg" class="img-responsive img-thumbnail center-block" alt="Owner of photovoltaïc panels ?">
								</div>
								<div class="col-xs-12 col-sm-7 col-md-8 col-md-pull-4 paddingl0">
										<div class="col-xs-12">
												<H1 class="text-center">Owner of photovoltaïc panels ?</H1>
										</div>
										<div class="col-xs-12">
												<div class="col-xs-6 col-sm-12 col-md-5 col-md-offset-1 text-center marginb10">
														<a href="/en/create.php" class="btn btn-sm btn-danger">Avoid losses</a>
												</div>
												<div class="col-xs-6 col-sm-12 col-md-5 text-center ">
														<button type="button" id="plusInfosProprio"  class="btn btn-sm btn-success" >More informations</button>
												</div>
										</div>
								</div>
						</div>
					</div>
					<div class="hidden-xs col-sm-5">
						<div class="visible-sm margint150">
							&nbsp;
						</div>

						<div class="col-sm-12">
									<img src="https://res.cloudinary.com/assobdpv/image/upload/v1507716315/homepage-screenshot_yxqo4s.jpg" class="img-responsive img-rounded center-block" alt="BDPV screenshot"> 
									
						</div>
						<div class="col-sm-12">
												<h1 class="txt-color-red login-header-big text-center">BDPV : Photovoltaic Database Sites</H1>
						</div>
					</div>
		</div>

<div class="row margintm20">
    <div class="col-xs-12">
        <a target=_blank href=https://doc.bdpv.fr/fr/index.php/ufaqs/production-certifiee-des-installations/><img src="https://res.cloudinary.com/assobdpv/image/upload/v1604738740/Publicit%C3%A9/bdpv-banniere-600-x-90px.jpg" class="img-responsive img-rounded center-block" alt="Surveiller gratuitement votre installation photovoltaïque"> </a>
<!--
        <a target=_blank href=http://bdpv.fr/linky><img src="https://res.cloudinary.com/assobdpv/image/upload/v1604738747/Publicit%C3%A9/bdpv-banniere-facebook.jpg" class="img-responsive img-rounded center-block" alt="Surveiller gratuitement votre installation photovoltaïque"> </a>
-->
        
    </div>   
</div>

<div class="margint20" class="panel-group smart-accordion-default" id="accordion">
									<div class="panel panel-default" id="panelProjetPV">
										<div class="panel-heading">
											<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapseProjetPV" class="collapsed"> <i class="fa fa-lg fa-angle-down pull-right"></i> <i class="fa fa-lg fa-angle-up pull-right"></i>
												<h2 class="margint10 marginb10">Want to install photovoltaïc panels ?</h2>
											</a></h4>
										</div>
										<div id="collapseProjetPV" class="panel-collapse collapse">
											<div class="panel-body paddingb0">
												<div class="row bg-color-lighten  margintm20">
															<div class="col-lg-12">
																		<div class="row">
																				<div class="row col-xs-12 col-sm-6">
																									<div class="col-xs-2 "><i class="fa fa-check-square-o fa-4x" ></i></div>
																									<div class="col-xs-10"><h4 class="margint10">Thanks to BDPV, check your quote</h4></div>
																									<div class="col-xs-2"></div>
																									<div class="col-xs-10"><p class="margint10">The performance assessment and financial analysis of our <a href="/en/verifDevis.php"> free service production estimate </a> you will verify your quote. Based on the collaborative sharing of 15000 users BDPV, it will prevent you from signing a bad commercial offer.</p></div>
																				</div>
																				<div class="row col-xs-12 col-sm-6">
																									<div class="col-xs-2"><i class="fa fa-chain fa-4x" ></i></div>
																									<div class="col-xs-10"><h4 class="margint10">Find systems like or close to yours</h4></div>
																									<div class="col-xs-2"></div>
																									<div class="col-xs-10"><p class="margint10">Find, via <a href="/en/searchInstall.php"> search engine </a> similar facility (same material, orientation, ..) and study its behavior over the months. You can also view through <a href="/en/carteInstallation.php"> map </a>, close facilities that undergo the same weather conditions.</p></div>
																				</div>

																		</div>

																		<div class="row ">
																				<div class="row col-xs-12 col-sm-6">
																									<div class="col-xs-2"><i class="fa fa-trophy fa-4x" ></i></div>
																									<div class="col-xs-10"><h4 class="margint10">Check the validity of your project</h4></div>
																									<div class="col-xs-2"></div>
																									<div class="col-xs-10"><p class="margint10">By computing, with our <a href="/en/verifDevis.php"> quote analysis module </a>, potential production losses due to poor orientation of your panels and comparing the income of sale electricity with the actual cost of your project, BDPV alert you on the weaknesses of it.</p></div>
																				</div>
																				<div class="row col-xs-12 col-sm-6">
																									<div class="col-xs-2"><i class="fa fa-list-alt fa-4x" ></i></div>
																									<div class="col-xs-10"><h4 class="margint10">PV key figures in your area</h4></div>
																									<div class="col-xs-2"></div>
																									<div class="col-xs-10"><p class="margint10">15 000 owners of photovoltaic installations share their monthly production data and allow for a full assessment of the actual solar performance <a href="/en/statListe.php"> each region , state or city </a> .</p></div>
																				</div>
																		</div>
																	<div class="row margint30">
																			<div class="row col-xs-12">
																						<div class="row col-xs-12 text-center marginb10">
																									<a href="/en/verifDevis.php" class="btn btn-success">Check my quote</a>
																						</div>
																			</div>
																	</div>
															</div>
														</div>
											</div>
										</div>
									</div>

									<div class="panel panel-default" id="panelSurveillez">
										<div class="panel-heading">
											<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapseSurveillez" class="collapsed"> <i class="fa fa-lg fa-angle-down pull-right"></i> <i class="fa fa-lg fa-angle-up pull-right"></i>
												<h2 class="margint10 marginb10">Monitor your system : easy and free !</h2></a></h4>
										</div>
										<div id="collapseSurveillez" class="panel-collapse collapse">
											<div class="panel-body paddingb0">
													<div class="row bg-color-lighten margintm20">
																<div class="col-lg-12">
																			<div class="row ">
																					<div class="col-xs-12 col-sm-4">
																										<div class="text-center margint10"><a href="" class="btn btn-primary btn-circle btn-lg">1</a></div>
																										<div><h2 class="text-center">Describe your system</h2></div>
																										<div>
																												<p><ul>
																													<li>Only once</li>
																													<li>With a friendly interface</li>
																													<li>In ten minutes</li>
																													<li>No equipment to buy</li>
																													<li>Free of charge</li>
																												</ul></p>
																										</div>
																					</div>
																					<div class="col-xs-12 col-sm-4">
																										<div class="text-center margint10"><a href="" class="btn btn-primary btn-circle btn-lg">2</a></div>
																										<div><h2 class="text-center">Enter your data regularly</h2></div>
																										<div>
																												<p><ul>
																													<li>You are notified by email or sms</li>
																													<li>Entering data from web, smartphone, mail</li>
																													<li>Possible automatic update for your production data</li>
																													<li>No charge, no subscription</li>
																												</ul></p>
																										</div>
																					</div>
																					<div class="col-xs-12 col-sm-4">
																										<div class="text-center margint10"><a href="" class="btn btn-primary btn-circle btn-lg">3</a></div>
																										<div><h2 class="text-center">Look at your dashboard</h2></div>
																										<div>
																												<p><ul>
																													<li>Green indicators: everything is fine</li>
																													<li><a href=https://doc.bdpv.fr/fr/index.php/gestion-des-alertes-et-notifications-bdpv/ target=_blank>Email alert in case of trouble</a></li>
																													<li><a href=rapportPerf-tuto.php>Rapport de performance</a></li>
																													<li>Help with a bulletin board</li>
																													<li>Multiple graphics</li>
																													<li><a href=statistiques.php>Comparison and ranking by region, city, ...</a></li>
																													<li>And much more ...</li>
																												</ul></p>
																										</div>
																					</div>
																			</div>
																			<div class="row hidden-xs">
																										<div class="col-xs-12 col-sm-4"><p class="text-center"><img src="https://res.cloudinary.com/assobdpv/image/upload/v1511012043/homepage-screenshot1_kdabzq.jpg" class="img-responsive img-rounded center-block" alt="BDPV"></p></div>
																										<div class="col-xs-12 col-sm-4"><p class="text-center"><img src="https://res.cloudinary.com/assobdpv/image/upload/v1511012059/homepage-screenshot2_jzvebj.jpg" class="img-responsive img-rounded center-block" alt="BDPV"></p></div>
																										<div class="col-xs-12 col-sm-4"><p class="text-center"><img src="https://res.cloudinary.com/assobdpv/image/upload/v1511012062/homepage-screenshot3_okn9ea.jpg" class="img-responsive img-rounded center-block" alt="BDPV"></p></div>
																			</div>

																		<div class="row margint30">
																				<div class="row col-xs-12">
																							<div class="row col-xs-12 col-sm-9 col-sm-offset-1 text-center  marginb20">
																										<a href="/en/create.php" class="btn btn-success">I'm starting to monitor my photovoltaic installation</a>
																							</div>
																							<div class="row col-xs-12 col-sm-1 text-center marginb20">
																										<button type="button" id="plusInfosControle" class="btn btn-sm btn-info" >More informations</button>
																							</div>
																				</div>
																		</div>


																</div>
															</div>

											</div>
										</div>
									</div>


									<div class="panel panel-default" id="panelControle">
										<div class="panel-heading">
											<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapseControle" class="collapsed"> <i class="fa fa-lg fa-angle-down pull-right"></i> <i class="fa fa-lg fa-angle-up pull-right"></i>
												<h2 class="margint10 marginb10">Keep your system under control...</h2></a></h4>
										</div>
										<div id="collapseControle" class="panel-collapse collapse">
											<div class="panel-body paddingb0">
														<div class="row bg-color-lighten  margintm20">
																	<div class="col-xs-12 col-sm-8">
																					<div class="col-lg-12">
																								<div class="row">
																										<div class="row col-xs-12">
																															<div class="col-xs-2 "><i class="fa fa-rocket fa-4x" ></i></div>
																															<div class="col-xs-10"><h4 class="margint10">Manage performance</h4></div>
																															<div class="col-xs-2"></div>
																															<div class="col-xs-10"><p class="margint10">Thanks to the multiple indicators, comparison tools... Be pro-active on the health of your installation to ensure and monitor its performance.</p></div>
																										</div>
																								</div>

																								<div class="row ">
																										<div class="row col-xs-12">
																															<div class="col-xs-2"><i class="fa fa-bullhorn fa-4x" ></i></div>
																															<div class="col-xs-10"><h4 class="margint10">Realtime alert</h4></div>
																															<div class="col-xs-2"></div>
																															<div class="col-xs-10"><p class="margint10">Email alert in case of reduced production, end of warranty, invoice ... You can react immediately.</p></div>
																										</div>
																								</div>

																								<div class="row ">
																										<div class="row col-xs-12">
																															<div class="col-xs-2"><i class="fa fa-dashboard  fa-4x" ></i></div>
																															<div class="col-xs-10"><h4 class="margint10">Full dashboard</h4></div>
																															<div class="col-xs-2"></div>
																															<div class="col-xs-10"><p class="margint10">A simple and clear, fully graphical interface provides you graphs, tables,... learn all about your installation.</p></div>
																										</div>
																								</div>

																							<div class="row margint30">
																									<div class="row col-xs-12">
																												<div class="row col-xs-12 text-center marginb20">
																															<a href="/en/create.php" class="btn btn-success">Control your installation</a>
																												</div>
																									</div>
																							</div>
																					</div>
																	</div>
																	<div class="hidden-xs col-sm-4  margint100">
																				<div id="myCarousel" class="carousel slide">
																					<ol class="carousel-indicators">
																						<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
																						<li data-target="#myCarousel" data-slide-to="1" class=""></li>
																						<li data-target="#myCarousel" data-slide-to="2" class=""></li>
																					</ol>
																					<div class="carousel-inner">
																									<!-- Slide 1 -->
																									<div class="item  active">
																										<img src="https://res.cloudinary.com/assobdpv/image/upload/v1511012043/homepage-screenshot1_kdabzq.jpg" alt="">																										
																									</div>
																									<!-- Slide 2 -->
																									<div class="item">
																										<img src="https://res.cloudinary.com/assobdpv/image/upload/v1511012059/homepage-screenshot2_jzvebj.jpg" alt="">
																									</div>
																									<!-- Slide 3 -->
																									<div class="item">
																										<img src="https://res.cloudinary.com/assobdpv/image/upload/v1511012062/homepage-screenshot3_okn9ea.jpg" alt="">
																									</div>
																					</div>
																					<a class="left carousel-control" href="#myCarousel" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left red"></span> </a>
																					<a class="right carousel-control" href="#myCarousel" data-slide="next"> <span class="glyphicon glyphicon-chevron-right red"></span> </a>
																				</div>
																	</div>
																</div>
											</div>
										</div>
									</div>

					<div class="row margint20 marginb20">
													<div class="col-xs-12">
																<h1 class="txt-color-red text-center">They use and appreciate BDPV</h1>
																<div id="myCarousel2" class="carousel slide">
																	<ol class="carousel-indicators">
																		<li data-target="#myCarousel2" data-slide-to="0" class="active"></li>
																		<li data-target="#myCarousel2" data-slide-to="1" class=""></li>
																		<li data-target="#myCarousel2" data-slide-to="2" class=""></li>
																	</ol>
																	<div class="carousel-inner">
																					<!-- Slide 1 -->
																					<div class="item  active">
																						<img src="https://res.cloudinary.com/assobdpv/image/upload/v1511012305/ligneVerticale_bkdlch.jpg" class="img-responsive" alt="">
																						<div class="carousel-caption caption-right">
																							<p>Thanks to your site which allowed me to quickly solve problems of production.</p>
																							<p class="text-right">Valérie C. - Carcassonne</p>

																						</div>
																					</div>
																					<!-- Slide 2 -->
																					<div class="item">
																						<img src="https://res.cloudinary.com/assobdpv/image/upload/v1511012305/ligneVerticale_bkdlch.jpg" class="img-responsive" alt="">
																						<div class="carousel-caption caption-right">
																							<p>I am satisfied of my installation performance. I use BDPV since the first kWh produce.<br> Thanks BDPV !</p>
																							<p class="text-right">Michel R. - Lyon</p>
																						</div>
																					</div>
																					<!-- Slide 3 -->
																					<div class="item">
																						<img src="https://res.cloudinary.com/assobdpv/image/upload/v1511012305/ligneVerticale_bkdlch.jpg" class="img-responsive" alt="">
																						<div class="carousel-caption caption-right">
																							<p>Fortunately I check my quote before signing, I would have made a big mistake !</p>
																							<p class="text-right">Paul B. - Tours</p>
																						</div>
																					</div>
																	</div>
																	<a class="left carousel-control" href="#myCarousel2" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left red"></span> </a>
																	<a class="right carousel-control" href="#myCarousel2" data-slide="next"> <span class="glyphicon glyphicon-chevron-right red" ></span> </a>
																</div>
													</div>
					</div>


	</div>

	<div id="footer" class="margint40 container doNotPrint">
        <div class="site-footer-nav row">
            <div class="col-sm-3">

                <div class="site-footer-nav-col">
                    <h4><span>About</span></h4>
                    <ul class="list-unstyled">
                        <li><a href="/en/about.php">Who are we?</a></li>
                        <li><a href="/en/contact.php">Contact</a></li>
                        <li><a href="/en/soutien.php">Help us</a></li>
							          <li>
							            <a href="https://twitter.com/bdpvFR" target="_blank"><i class="fa fa-2x fa-twitter-square"></i></a>
							            <a href="https://www.facebook.com/BdpvFr" target="_blank"><i class="fa fa-2x fa-facebook-square"></i></a>
							            <a href="http://forum-photovoltaique.fr/viewforum.php?f=7" target="_blank"><i class="fa fa-2x fa-group"></i></a>
							          </li>
                        <li class="margint30"><a target=_blank href=http://asso.bdpv.fr?utm_source=BDPV&utm_campaign=footer&utm_medium=link><img src="https://res.cloudinary.com/assobdpv/image/upload/v1511012729/logo_Asso_BDPV-carreBlanc-Moyen_mfjbje.png" class="img-responsive img-rounded" alt=""><br>http://asso.bdpv.fr</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="site-footer-nav-col">
							        <h4>BDPV functions</h4>
							        <ul class="list-unstyled footer-link">
                        <li><a href="/en/create.php">Monitor their PV plant</a></li>
                        <li><a href="/en/verifDevis.php">Verify an installation quote</a></li>
                        <li><a href="/en/verifDevis.php">Estimate your photovoltaic energy output</a></li>
                        <li>PV statistics</li>
                        	<ul>
														<li><a href="/en/classement.php">Energy output by area</a></li>
                        		<li><a href="/en/carteInstallation.php">Map of systems</a></li>
														<li><a href="/en/statListe.php?t=p">by area</a></li>
														<li><a href="/en/statListe.php?t=i">by installer</a></li>
														<li><a href="/en/statListe.php?t=mp">by panels</a></li>
														<li><a href="/en/statListe.php?t=mo">by inverters</a></li>
		                    	</ul>
							        </ul>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="site-footer-nav-col">
                    <h4><span>How does it work?</span></h4>
                    <ul class="list-unstyled">                    	
                        <li><a href="/en/indexBDPVFonctionnement.php">How does OCAE work?</a></li>
                        <li><a href="/en/indexComprendrePV.php">Discover and understand photovoltaics</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="site-footer-nav-col">
                    <h4>Acquire help</h4>
                    <ul class="list-unstyled">
                        <li><a href="/en/faq.php">Frequently Asked Questions (FAQ)</a></li>
                        <li><a href="/en/utilisationCondition.php">Terms of use</a></li>
                        <li><a href="/en/politiqueConfidentialite.php">Privacy Policy</a></li>
                        <li><a href="/en/utilisationDonnees.php">Data Policy</a></li>
                        <li><a href="/en/utilisationCookies.php">Use of Cookies</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

<!--
	<div class="col-xs-12 doNotPrint">
			<div class="visible-xs">Debug XS</div>
			<div class="visible-sm">Debug SM</div>
			<div class="visible-md">Debug MD</div>
			<div class="visible-lg">Debug LG</div>		
	</div>
-->

</div>


<script type="text/javascript" >

// Ce code permet de faire un focus sur l'accordéon qui s'ouvre, sauf le PanelSurveiller qui s'ouvre avec la page (et on veut rester en haut de la page)
$('.panel').on('shown.bs.collapse', function (e) {
    //$(document).scrollTop( $("#panelSurveillez").offset().top );
    $(document).scrollTop( $('#' + e.currentTarget.id).offset().top );
})


		// ce code permet d'ouvrir l'accordéon Propriétaire
    $('#plusInfosProprio').click(function() {
        //alert('cliqué !');
        $('#collapseSurveillez').collapse('toggle')
    });

 		// ce code permet d'ouvrir l'accordéon Projet PV
    $('#plusInfosProjetPV').click(function() {
        //alert('cliqué !');
        $('#collapseProjetPV').collapse('toggle')
    });

		// ce code permet d'ouvrir l'accordéon Propriétaire
    $('#plusInfosControle').click(function() {
        //alert('cliqué !');
        $('#collapseControle').collapse('toggle')
    });



</script>

<!-- END MAIN PANEL -->
<!-- ==========================CONTENT ENDS HERE ========================== -->

		<!--================================================== -->

		<!-- PACE LOADER - turn this on if you want ajax loading to show (caution: uses lots of memory on iDevices)-->
		<script data-pace-options='{ "restartOnRequestAfter": true }' src="https://www.bdpv.fr/include/SmartAdmin/js/plugin/pace/pace.min.js"></script>

		<!-- These scripts will be located in Header So we can add scripts inside body (used in class.datatables.php) -->
		<!-- Link to Google CDN's jQuery + jQueryUI; fall back to local 
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
		<script>
			if (!window.jQuery) {
				document.write('<script src="https://www.bdpv.fr/include/SmartAdmin/js/libs/jquery-2.0.2.min.js"><\/script>');
			}
		</script>

		<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
		<script>
			if (!window.jQuery.ui) {
				document.write('<script src="https://www.bdpv.fr/include/SmartAdmin/js/libs/jquery-ui-1.10.3.min.js"><\/script>');
			}
		</script> -->

		<!-- IMPORTANT: APP CONFIG -->
<!--ATD OLD- 		<script src="js/app.config.js"></script> -->
		<script src="https://www.bdpv.fr/include/SmartAdmin/js/app.config.js"></script>  <!-- Ajout ATD -->

		<!-- JS TOUCH : include this plugin for mobile drag / drop touch events-->
		<script src="https://www.bdpv.fr/include/SmartAdmin/js/plugin/jquery-touch/jquery.ui.touch-punch.min.js"></script> 

		<!-- BOOTSTRAP JS -->
		<script src="https://www.bdpv.fr/include/SmartAdmin/js/bootstrap/bootstrap.min.js"></script>

		<!-- CUSTOM NOTIFICATION -->
		<script src="https://www.bdpv.fr/include/SmartAdmin/js/notification/SmartNotification.min.js"></script>

		<!-- JARVIS WIDGETS -->
		<script src="https://www.bdpv.fr/include/SmartAdmin/js/smartwidgets/jarvis.widget.min.js"></script>

		<!-- EASY PIE CHARTS -->
		<script src="https://www.bdpv.fr/include/SmartAdmin/js/plugin/easy-pie-chart/jquery.easy-pie-chart.min.js"></script>

		<!-- SPARKLINES -->
		<script src="https://www.bdpv.fr/include/SmartAdmin/js/plugin/sparkline/jquery.sparkline.min.js"></script>

		<!-- JQUERY VALIDATE -->
		<script src="https://www.bdpv.fr/include/SmartAdmin/js/plugin/jquery-validate/jquery.validate.min.js"></script>

		<!-- JQUERY MASKED INPUT -->
		<script src="https://www.bdpv.fr/include/SmartAdmin/js/plugin/masked-input/jquery.maskedinput.min.js"></script>

		<!-- JQUERY SELECT2 INPUT -->
		<script src="https://www.bdpv.fr/include/SmartAdmin/js/plugin/select2/select2.min.js"></script>

		<!-- JQUERY UI + Bootstrap Slider -->
		<script src="https://www.bdpv.fr/include/SmartAdmin/js/plugin/bootstrap-slider/bootstrap-slider.min.js"></script>

		<!-- browser msie issue fix -->
		<script src="https://www.bdpv.fr/include/SmartAdmin/js/plugin/msie-fix/jquery.mb.browser.min.js"></script>

		<!-- FastClick: For mobile devices -->
		<script src="https://www.bdpv.fr/include/SmartAdmin/js/plugin/fastclick/fastclick.min.js"></script>


		<!-- ATD - Gestion des notifications Popup.  Ce fichier php g�n�re un .js -->		
				
		
			<script type="text/javascript">
	    window.cookieconsent_options = {
					message: 'We use cookies to enhance your experience on this website',
					dismiss: 'Ok, j\'accepte',
					domain: 'bdpv.fr',
					target: 'blank',
					theme: 'dark-top',
					container: '#main',
	        learnMore: 'Plus d\'infos.',
	        link: '/en/utilisationCookies.php'
	    };
	</script>
	<script src="/include/cookieconsent2/cookieconsent.min.js"></script>
		<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/56156647893fab59658a960a/1aots3qia';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->
				<!-- Your GOOGLE ANALYTICS CODE Below -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=G-ZPNWF7EQ92"></script>
		<script>
		  window.dataLayer = window.dataLayer || [];
		  function gtag(){dataLayer.push(arguments);}
		  gtag('js', new Date());

		  gtag('config', 'G-ZPNWF7EQ92');
		</script>

		<script>
								
		</script>

	</body>

</html>		
		<!--[if IE 8]>
			<h1>Your browser is out of date, please update your browser by going to www.microsoft.com/download</h1>
		<![endif]-->

		<!-- Demo purpose only -->
<!--	ATD 	<script src="https://www.bdpv.fr/include/SmartAdmin/js/demo.min.js"></script>  -->

		<!-- MAIN APP JS FILE -->
		<script src="https://www.bdpv.fr/include/SmartAdmin/js/app.min.en.js"></script>		<!-- ATD Rajout de la langue -->		 

		<!-- ENHANCEMENT PLUGINS : NOT A REQUIREMENT -->
		<!-- Voice command : plugin -->
<!--ATD 		<script src="https://www.bdpv.fr/include/SmartAdmin/js/speech/voicecommand.min.js"></script>	 -->

		<!-- SmartChat UI : plugin -->
		<script src="https://www.bdpv.fr/include/SmartAdmin/js/smart-chat-ui/smart.chat.ui.min.js"></script>
		<script src="https://www.bdpv.fr/include/SmartAdmin/js/smart-chat-ui/smart.chat.manager.min.js"></script>

		<script type="text/javascript">
			// DO NOT REMOVE : GLOBAL FUNCTIONS!
			$(document).ready(function() {
				pageSetUp();
				
				
			})
		</script>
<!-- PAGE RELATED PLUGIN(S) -->
