PageSourceSearch

https://www.ccvusp.fr/ccvusp.html

html ccvusp.fr collected 2026-10-07 03:32:18 UTC 148,085 bytes, 3,067 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr" prefix="og: http://ogp.me/ns#">
3  <head>
4    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5    <meta http-equiv="X-UA-Compatible" content="IE=edge">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    
8    <title>Découvrez la Communauté de Communes Vallée de l'Ubaye Serre-Ponçon.</title>
9             <meta name="description" content="7800 habitants - 13 communes : Entre Alpes et Provence, une vallée sauvage et préservée.">
10    <meta name="keywords" content="ccvusp, ccvu, communauté de communes, ubaye, vallée, vallée de l'ubaye, Barcelonnette, Le Lauzet - Ubaye, Méolans - Revel, Les Thuiles, Saint - Pons, Faucon, Uvernet - Fours, Enchastrayes, Jausiers, La Condamine Châtelard, Saint Paul sur Ubaye, Val d'Oronaye">
11  
12   <meta name="reply-to" content="[email protected]">
13    
14    <meta name="robots" content="index, follow">
15 
16  <meta name="distribution" content="global">
17  <meta name="revisit-after" content="1 days">
18  <meta name="author" lang="fr" content="Communauté de Communes Vallée de l&#039;Ubaye Serre-Ponçon | CCVUSP">
19  <meta name="copyright" content="">
20  <meta name="identifier-url" content="https://www.ccvusp.fr">
21  <meta name="msvalidate.01" content="4379A08BF2E2C20DA555A1FE4482CA36" />
22  
23<!------- gestion cache navigateur ------->
24<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
25<meta http-equiv="Pragma" content="no-cache">
26<meta http-equiv="Expires" content="0">
27<!-------------------------->
28  
29  <meta name="Date-Revision-yyyymmdd" content="20241121">
30  <meta name="google-site-verification" content="kneaYSWdlTaSdfune5PzYqJg36Fw0IIWOZtggAxPU0c" />
31<!--htdig_noindex-->
32<!-- Meta -->
33<meta name="msapplication-TileColor" content="#00989d">
34<meta name="msapplication-TileImage" content="/ico/mstile-144x144.png">
35<!-- favicons -->
36<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
37<link rel="icon" href="/favicon-32x32.png" sizes="32x32" type="image/png">
38<link rel="icon" href="/favicon-16x16.png" sizes="16x16" type="image/png">
39<link rel="manifest" href="/manifest.json">
40<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#222a35">
41<link rel="icon" href="/favicon.ico" sizes="any">
42<meta name="theme-color" content="#222a35"><!-- CSS Implementing Plugins -->
43<link rel="stylesheet" href="/css/normalize.css">
44<link rel="stylesheet" href="/css/bootstrap.min.css">
45<link rel="stylesheet" href="/js/jquery.nyroModal/styles/nyroModal.css">
46<link rel="stylesheet" href="/js/owlcarousel/owl-carousel/owl.carousel.css">
47<link rel="stylesheet" href="/js/owlcarousel/owl-carousel/owl.theme.css">
48<link rel="stylesheet" href="/plugins/revolution-slider/examples/rs-plugin/css/settings.css">
49<link rel="stylesheet" href="/js/datepicker/jquery-ui.min.css">
50
51<!-- CSS Global Compulsory -->
52<link rel="stylesheet" href="/css/style.css?v=2">
53<link rel="stylesheet" href="/css/mediatheque.css">
54<!-- CSS Sectins console -->
55<link rel="stylesheet" href="/css/page-content.css?v=2">
56<link rel="stylesheet" href="/css2022/surcharge.css?v=2">
57
58<!-- CSS Fonts -->
59<link rel="stylesheet" href="/fonts/style.css" >
60<link rel="stylesheet" href="/fonts/font-awesome/css/font-awesome.min.css">
61
62<!-- JS Global  -->
63<script src="/js/jquery-1.11.3.min.js"></script>
vendor: 1 bytes, line 63
63
64<script src="/js/jquery-ui.min.js"></script>
vendor: 1 bytes, line 64
64
65<script src="/js/jquery-migrate-1.2.1.min.js"></script>
vendor: 1 bytes, line 65
65
66<script src="/plugins/bootstrap/js/bootstrap.min.js"></script>
vendor: 1 bytes, line 66
66
67<script src="/js/jquery.nyroModal/js/jquery.nyroModal.custom.min.js"></script>
vendor: 1 bytes, line 67
67
68<script src="/js/swfobject/swfobject.js"></script>
vendor: 1 bytes, line 68
68
69<script src="/js/owlcarousel/owl.carousel.js"></script>
69
70<!-- Date picker -->
71<script src="/js/datepicker/jquery-ui.min.js"></script>
71
72<!-- JS Map  -->
73<script src="/js/base.js"></script>
vendor: 1 bytes, line 73
73
74<script src="/js/markerclusterer.js"></script>
74
75<!-- JS Menu --> 
76<script src="/js/bootstrap-hover-dropdown.js"></script>
vendor: 1 bytes, line 76
76
77<script src="/js/fitdivs.js"></script>
77
78<!-- JS Et HOP --> 
79<script src="/js/back-to-top.js"></script>
79
80<!-- SLIDER REVOLUTION 4.x SCRIPTS  --> 
81<script src="/plugins/revolution-slider/examples/rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
vendor: 1 bytes, line 81
81
82<script src="/plugins/revolution-slider/examples/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
82
83<!-- JS Page Level --> 
84<script src="/js/app.js"></script>
vendor: 1 bytes, line 84
84
85<script src="/js/index.js"></script>
vendor: 1 bytes, line 85
85
86<script src="/csx/src/Core/public/generic.js"></script>
vendor: 1 bytes, line 86
86
87<script src="/csx/src/Core/public/generic8.js"></script>
vendor: 1 bytes, line 87
87
88<script src="/csx/src/Core/public/genericX.js"></script>
88
89<!--[if lt IE 9]>
90<script src="/assets/plugins/respond.js"></script>
90
91<![endif]--> 
92
93<script src="/js/init.js"></script>
93
94
95  
95<script src="/csx/VendorJS/node_modules/tarteaucitronjs/tarteaucitron.js"></script>
vendor: 1 bytes, line 95
95
96<script>tarteaucitron.init({
97"privacyUrl": "/mentions-legales.html",
98"hashtag": "#tarteaucitron",
99"cookieName": "tarteaucitron",
100"orientation": "middle",
101"showAlertSmall": false,
102"showIcon": false,
103"iconPosition": "BottomRight",
104"cookieslist": true,
105"adblocker": false,
106"AcceptAllCta": true,
107"DenyAllCta": true,
108"highPrivacy": true,
109"handleBrowserDNTRequest": false,
110"removeCredit": false,
111"moreInfoLink": false,
112"useExternalCss": false,
113"readmoreLink": "",
114"mandatory": false,
115"closePopup": false,
116});
117
118        tarteaucitron.services.facebookcustomerchatperso = {
119          'key': 'facebookcustomerchatperso',
120          'type': 'social',
121          'name': 'Facebook (Customer Chat)',
122          'needConsent': true,
123          
124          'cookies': ['act','c_user','datr','dpr','presence','sb','wd','xs','tr'],
125          'readmoreLink': 'https://www.facebook.com/policies/cookies/',
126          
127          'js': function() {
128            'use strict';
129            var chatbox = document.getElementById('fb-customer-chat');
130      chatbox.setAttribute("page_id", "406159636109151");
131      chatbox.setAttribute("attribution", "biz_inbox");
132
133  window.fbAsyncInit = function() {
134        FB.init({
135          xfbml : true,
136          version : 'v16.0'
137        });
138      };
139
140    (function(d, s, id) {
141        var js, fjs = d.getElementsByTagName(s)[0];
142        if (d.getElementById(id)) return;
143        js = d.createElement(s); js.id = id;
144        js.src = 'https://connect.facebook.net/fr_FR/sdk/xfbml.customerchat.js';
145        fjs.parentNode.insertBefore(js, fjs);
146      }(document, 'script', 'facebook-jssdk'));
147          },
148          'fallback': function() {
149            'use strict';
150            var id = 'facebookcustomerchatperso';
151tarteaucitron.fallback(['fb-customerchat'], tarteaucitron.engage(id));
152$('.fb-customerchat').find('.tarteaucitronAllow').css('display', 'none');
153          }
154        }
155        
156
157        tarteaucitron.services.facebookpixel_perso = {
158          'key': 'facebookpixel_perso',
159          'type': 'ads',
160          'name': 'Facebook Pixel',
161          'needConsent': true,
162          
163          'cookies': ['datr','fr','reg_ext_ref','reg_fb_gate','reg_fb_ref','sb','wd','x-src','_fbp'],
164          'readmoreLink': 'https://www.facebook.com/policy.php',
165          
166          'js': function() {
167            'use strict';
vendor: 418 bytes, lines 167-176
167
168            !function(f,b,e,v,n,t,s)
169{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
170n.callMethod.apply(n,arguments):n.queue.push(arguments)};
171if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
172n.queue=[];t=b.createElement(e);t.async=!0;
173t.src=v;s=b.getElementsByTagName(e)[0];
174s.parentNode.insertBefore(t,s)}(window,document,'script',
175'https://connect.facebook.net/en_US/fbevents.js');
176fbq('init', '
1761083197473620960
vendor: 42 bytes, lines 176-178
176'); 
177fbq('track', 'PageView');
178          
178},
179          'fallback': function() {
180            'use strict';
181            
182          }
183        }
184        
185
186        tarteaucitron.services.sharethis_perso = {
187          'key': 'sharethis_perso',
188          'type': 'social',
189          'name': 'ShareThis',
190          'needConsent': true,
191          
192          'cookies': ['__unam'],
193          'readmoreLink': 'http://www.sharethis.com/legal/privacy/',
194          
195          'js': function() {
196            'use strict';
197            var script = document.createElement('script');
198script.type = 'text/javascript';
199script.src = 'https://platform-api.sharethis.com/js/sharethis.js#property=62970c9f93aa1c00193de18d&product=sticky-share-buttons';
200script.async = 'async';
201
202document.body.appendChild(script);
203          },
204          'fallback': function() {
205            'use strict';
206            
207          }
208        }
209        
210</script>
210
211
212<script src="/csx/scripts/onejs.php?files=/csx/src/Pack/Leaflet/public/js/leaflet.min.js:/csx/src/Pack/Leaflet/public/js/control.geocoder.js:/csx/src/Pack/Leaflet/public/js/leaflet.markercluster.js:/csx/src/Pack/Leaflet/public/js/leaflet.omnivore.min.js:/csx/src/Pack/Leaflet/public/js/leaflet-gesture-handling.min.js"></script>
vendor: 1 bytes, line 212
212
213<script>TZR["\Seolan\Pack\Leaflet\Leaflet"]=true;</script>
213
214<link href="/csx/src/Pack/Leaflet/public/css/leaflet.css" rel="stylesheet" type="text/css" media="all">
215<link href="/csx/src/Pack/Leaflet/public/css/MarkerCluster.css" rel="stylesheet" type="text/css" media="all">
216<link href="/csx/src/Pack/Leaflet/public/css/MarkerCluster.Default.css" rel="stylesheet" type="text/css" media="all">
217<link href="/csx/src/Pack/Leaflet/public/css/leaflet-gesture-handling.css" rel="stylesheet" type="text/css" media="all">
218
219
220
221  
222  <meta property="og:title" content="Découvrez la Communauté de Communes Vallée de l&#039;Ubaye Serre-Ponçon." />
223  <meta property="og:description" content="7800 habitants - 13 communes : Entre Alpes et Provence, une vallée sauvage et préservée." />
224<meta property="og:image" content="https://www.ccvusp.fr/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F58%2Fc0%2F58g5lq55i3td&amp;mime=image%252Fjpeg&amp;originalname=logo-menu.jpg&amp;geometry=1200x%3E" />
225<meta property="og:image:type" content="image/jpeg" />
226<meta property="og:image:width" content="500" />
227<meta property="og:image:height" content="266" />
228  <meta property="og:url" content="https://www.ccvusp.fr/ccvusp.html" />
229<meta property="og:site_name" content="Communauté de Communes Vallée de l&#039;Ubaye Serre-Ponçon | CCVU" />
230<meta property="og:type" content="article" />
231<meta name="twitter:card" content="summary_large_image">
232
233 <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=133419071944381&ev=PageView&noscript=1" /></noscript>
234<!-- End Meta Pixel Code -->
235
236<!--/htdig_noindex-->
237</head>
238
239<body class="ccvusp">
240
241  <div class="header navbar-fixed-top">
242    <div class="container">
243      <div class="row">
244        <div class="col-xs-12">
245          <div class="logo">
246            <a href="/" title="Communaut&eacute; de Communes Vall&eacute;e de l'Ubaye"> 
247              <span><img class="img-responsive" src="/images/ccvusp-logo.svg" alt="Communaut&eacute; de Communes Vall&eacute;e de l'Ubaye"></span> 
248            </a>
249          </div>
250          <!--htdig_noindex-->
251          <div class="pictos-block"> 
252            <ul>
253              <li><a href="/contact.html" title="Contact"><span class="glyphicon csico-email"></span></a></li>
254              <li class="search-btn">
255                <a data-toggle="collapse" href="#search-form" aria-expanded="false" onClick="jQuery(this).toggleClass('active');return false;" title="Recherche">
256                                    <span class="glyphicon csico-search"></span>
257                </a>
258              </li>
259			  <li class="dropleft"><a class="dropdown-toggle" aria-expanded="false" aria-haspopup="true" role="button" data-toggle="dropdown" href="#" title="Espace &eacute;lus"><span class="glyphicon csico-users"></span></a>
260			   <ul class="dropdown-menu">
261			   <li class="cv3-private">
262                <form name="privateform" method="post" action="/index.php?" class="privateform">
263        <input name="_next" value="/espace-elus.html" type="hidden">
264        <input name="_function" value="procAuth" type="hidden">
265        <input name="_class" value="\Seolan\Core\Session" type="hidden">
266        <input name="onerror" value="alias=connexion-elus" type="hidden">
267        <h4>Espace &eacute;lus</h4>
268        <div class="form-group">
269          <input name="login" value="" size="22" type="text" placeholder="Login">
270        </div>
271        <div class="form-group">
272          <input name="password" value="" size="22" type="password" placeholder="Mot de passe">
273        </div>
274        <div class="action">
275          <a class="btn btn-primary" href="javascript:document.privateform.submit();">Se connecter</a>
276        </div>
277      </form>
278        
278<script>
279      // Pour éviter la fermeture du formulaire de connexion lors du clic dans un champ
280      jQuery('li.cv3-private').on('click',function(e){
281        e.stopPropagation();
282      });
283    </script>
283
284			  </li>
285			  </ul>
286			  </li>
287            </ul>
288          </div>
289          <!--/htdig_noindex-->
290                  </div>
291      </div>
292    </div>
293      
294      <!--htdig_noindex-->
295      <div id="search-form" class="search collapse" role="search">
296        <div class="container">
297          <!-- cv3-recherche.html -->
298<div class="cv3-recherche">
299  <div id="recherche6ac5b9abaa31a">
300    <div class="middle">    
301    <form name="frmHtdig" method="post" action="/index.php?" accept-charset="ISO-8859-15" role="search">
302      <input type="hidden" name="config" value="ccvusp">
303      <input type="hidden" name="alias" value="search">
304      <input type="hidden" name="page" value="1">
305      <input type="hidden" name="insidefile" value="application:search.html">
306               
307      <input type="text" name="words" placeholder="Recherchez sur le site..." value=""/> 
308      <button class="btn btn-primary" type="submit" name="button" >Ok</button>
309    </form>
310    </div>
311  </div>
312</div>
313<!-- /cv3-recherche.html -->          <a class="btn btn-default" data-toggle="collapse" href="#search-form" aria-expanded="true" onclick="jQuery('.search-btn a').removeClass('active')"><span class="glyphicon csico-close"></span></a>
314        </div>
315      </div>
316      <div class="bgnavbar">
317  <div class="container">
318    <nav class="navbar fhmm">
319      <button type="button" data-toggle="collapse" data-target="#inversemenu" class="navbar-toggle">
320        <span class="icon-bar"></span>
321        <span class="icon-bar"></span>
322        <span class="icon-bar"></span>
323      </button>
324            <div class="navbar-header"></div>
325      <div id="inversemenu" class="navbar-collapse collapse">
326        <ul class="nav navbar-nav">
327          
328          
329          
330		  
331 <li class="dropdown fhmm-fw" style="z-index:900">
332            <a href="/accueil.html" title="&#127968;">&#127968;</a>
333          		  
334                                                                          
335                          
336                          
337                          
338
339                          
340
341            
342          
343          
344		  
345          <li class="dropdown fhmm-fw" style="z-index:900">
346            <a href="#" data-toggle="dropdown" class="dropdown-toggle">La CCVUSP<strong class="caret"></strong></a>
347			          		  
348                                                                          
349                          
350                          
351                          
352
353                          
354
355            
356          		  
357                        <ul class="dropdown-menu">
358              <li>
359                <div class="col-md-12">                  <div class="col">
360                                                                              </div>
361                </div>
362                                                                              
363                          
364                          
365                          
366
367                          
368
369            
370          		  
371                                            <div class="col-md-4 col-sm-6 col-xs-12" style="z-index:999">
372                  <div class="col">
373                                                                              </div>
374                  <!-- /Rubrique Colonne -->
375                  <div class="col">
376                    <ul>
377                                                                  <li class="margin-bottom-10 margin-bottom-20-xs">
378                        <div class="group">
379                          <div class="media">
380                            <a class="pull-left" href="/ccvusp.html">
381                              <img class="img-responsive"
382                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F58%2Fc0%2F58g5lq55i3td&amp;mime=image%252Fjpeg&amp;originalname=logo-menu.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
383                                                                     title=""
384                                                                     alt="">                              <div class="media-body hover-effect">
385                                <h5>
386                                  Découvrir</h5>                                <p>
387  Découvrez la Communauté de Communes Vallée de l'Ubaye Serre-Ponçon.
388</p>                              </div>
389                            </a>
390                          </div>
391                        </div>
392                        
393                                                
394                          
395                          
396                          
397
398                          
399
400            
401          		  
402                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
403                        <div class="group">
404                          <div class="media">
405                            <a class="pull-left" href="/statuts-competences.html">
406                              <img class="img-responsive"
407                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F40%2F05%2F2rb5lq51a36l&amp;mime=image%252Fjpeg&amp;originalname=decouvrir-ccvusp.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
408                                                                     title=""
409                                                                     alt="">                              <div class="media-body hover-effect">
410                                <h5>
411                                  Les statuts et les compétences</h5>                                <p>
412  Le fonctionnement et les compétences transférées à la communauté par les communes adhérentes.
413</p>                              </div>
414                            </a>
415                          </div>
416                        </div>
417                        
418                                                
419                          
420                          
421                          
422
423                          
424
425            
426          		  
427                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
428                        <div class="group">
429                          <div class="media">
430                            <a class="pull-left" href="/elus-et-commissions.html">
431                              <img class="img-responsive"
432                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2Fe9%2F3a%2F5bt5tty7nnmo&amp;mime=image%252Fjpeg&amp;originalname=Elus-CCVUSP.JPG&geometry=200x%3E&crop=200x134&gravity=Center"
433                                                                     title=""
434                                                                     alt="">                              <div class="media-body hover-effect">
435                                <h5>
436                                  Les élus et les commissions</h5>                                <p>
437  Découvrez les élus et les membres des commissions.
438</p>                              </div>
439                            </a>
440                          </div>
441                        </div>
442                        
443                                                
444                          
445                          
446                          
447
448                                                                              
449                          <!-- close 3 to 2 : 3, index 0 -->
450                                              </ul>
451                  </div>
452                </div><!--level 3-->
453                
454                        
455
456            
457          		  
458                                                                          
459                          
460                          
461                          
462
463                          
464
465            
466          		  
467                                            <div class="col-md-4 col-sm-6 col-xs-12" style="z-index:999">
468                  <div class="col">
469                                                                              </div>
470                  <!-- /Rubrique Colonne -->
471                  <div class="col">
472                    <ul>
473                                                                  <li class="margin-bottom-10 margin-bottom-20-xs">
474                        <div class="group">
475                          <div class="media">
476                            <a class="pull-left" href="/les-services.html">
477                              <img class="img-responsive"
478                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F25%2Fae%2Flqlkze7znde&amp;mime=image%252Fjpeg&amp;originalname=les-services-de-la-ccvusp.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
479                                                                     title=""
480                                                                     alt="">                              <div class="media-body hover-effect">
481                                <h5>
482                                  Les pôles et les services</h5>                                <p>
483  L'organigramme et les pôles de la CCVUSP.
484</p>                              </div>
485                            </a>
486                          </div>
487                        </div>
488                        
489                                                
490                          
491                          
492                          
493
494                          
495
496            
497          		  
498                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
499                        <div class="group">
500                          <div class="media">
501                            <a class="pull-left" href="/publications.html">
502                              <img class="img-responsive"
503                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F61%2F05%2F6l75tty9vyey&amp;mime=image%252Fjpeg&amp;originalname=deliberations.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
504                                                                     title=""
505                                                                     alt="">                              <div class="media-body hover-effect">
506                                <h5>
507                                  Les publications</h5>                                <p>
508  Les délibérations, comptes-rendus, procès-verbaux et les arrêtés.
509</p>                              </div>
510                            </a>
511                          </div>
512                        </div>
513                        
514                                                
515                          
516                          
517                          
518
519                          
520
521            
522          		  
523                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
524                        <div class="group">
525                          <div class="media">
526                            <a class="pull-left" href="/ordres-du-jour.html">
527                              <img class="img-responsive"
528                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2Ffc%2F61%2Fm8i5ttya23vd&amp;mime=image%252Fjpeg&amp;originalname=IMG_6987.JPG&geometry=200x%3E&crop=200x134&gravity=Center"
529                                                                     title=""
530                                                                     alt="">                              <div class="media-body hover-effect">
531                                <h5>
532                                  Les ordres du jour</h5>                                <p>
533  L'ensemble des questions et points présentés en séance du conseil communautaire.
534</p>                              </div>
535                            </a>
536                          </div>
537                        </div>
538                        
539                                                
540                          
541                          
542                          
543
544                                                                              
545                          <!-- close 3 to 2 : 3, index 0 -->
546                                              </ul>
547                  </div>
548                </div><!--level 3-->
549                
550                        
551
552            
553          		  
554                                                                          
555                          
556                          
557                          
558
559                          
560
561            
562          		  
563                                            <div class="col-md-4 col-sm-6 col-xs-12" style="z-index:999">
564                  <div class="col">
565                                                                              </div>
566                  <!-- /Rubrique Colonne -->
567                  <div class="col">
568                    <ul>
569                                                                  <li class="margin-bottom-10 margin-bottom-20-xs">
570                        <div class="group">
571                          <div class="media">
572                            <a class="pull-left" href="/marches-publics.html">
573                              <img class="img-responsive"
574                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F21%2Faf%2F8p15tty8ahsw&amp;mime=image%252Fjpeg&amp;originalname=marches-publics.JPG&geometry=200x%3E&crop=200x134&gravity=Center"
575                                                                     title=""
576                                                                     alt="">                              <div class="media-body hover-effect">
577                                <h5>
578                                  Les marchés publics</h5>                                <p>
579  Les marchés publics publiés par la CCVUSP.
580</p>                              </div>
581                            </a>
582                          </div>
583                        </div>
584                        
585                                                
586                          
587                          
588                          
589
590                          
591
592            
593          		  
594                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
595                        <div class="group">
596                          <div class="media">
597                            <a class="pull-left" href="/les-communes.html">
598                              <img class="img-responsive"
599                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F85%2F63%2Fh06
5995tty6tqal&amp;mime=image%252Fjpeg&amp;originalname=les-communes.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
600                                                                     title=""
601                                                                     alt="">                              <div class="media-body hover-effect">
602                                <h5>
603                                  Les communes</h5>                                <p>
604  Les 13 communes de la Communauté de Communes Vallée de l'Ubaye Serre-Ponçon.
605</p>                              </div>
606                            </a>
607                          </div>
608                        </div>
609                        
610                                                
611                          
612                          
613                          
614
615                                                                              
616                          <!-- close 3 to 1 : 3, index 0 -->
617                                              </ul>
618                  </div>
619                </div><!--level 3-->
620                
621                                      
622                          <!-- close 3 to 1 : 2, index 1 -->
623                                                    </li></ul><!--level 2-->
624                        
625                        
626
627            
628          
629          
630		  
631          <li class="dropdown fhmm-fw" style="z-index:900">
632            <a href="#" data-toggle="dropdown" class="dropdown-toggle">Économie<strong class="caret"></strong></a>
633			          		  
634                                                                          
635                          
636                          
637                          
638
639                          
640
641            
642          		  
643                        <ul class="dropdown-menu">
644              <li>
645                <div class="col-md-12">                  <div class="col">
646                                                                              </div>
647                </div>
648                                                                              
649                          
650                          
651                          
652
653                          
654
655            
656          		  
657                                            <div class="col-md-4 col-sm-6 col-xs-12" style="z-index:999">
658                  <div class="col">
659                                                                              </div>
660                  <!-- /Rubrique Colonne -->
661                  <div class="col">
662                    <ul>
663                                                                  <li class="margin-bottom-10 margin-bottom-20-xs">
664                        <div class="group">
665                          <div class="media">
666                            <a class="pull-left" href="/taxe-de-sejour.html">
667                              <img class="img-responsive"
668                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F17%2F2a%2Fmlh5ttz1rthr&amp;mime=image%252Fjpeg&amp;originalname=La+taxe+de+s%C3%A9jour.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
669                                                                     title=""
670                                                                     alt="">                              <div class="media-body hover-effect">
671                                <h5>
672                                  La taxe de séjour</h5>                                <p>
673  Période de perception, déclaration, paiement, tout savoir sur la taxe de séjour.
674</p>                              </div>
675                            </a>
676                          </div>
677                        </div>
678                        
679                                                
680                          
681                          
682                          
683
684                          
685
686            
687          		  
688                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
689                        <div class="group">
690                          <div class="media">
691                            <a class="pull-left" href="/charte-forestiere.html">
692                              <img class="img-responsive"
693                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2Ff5%2F5c%2Fd58kzear1v7&amp;mime=image%252Fjpeg&amp;originalname=juncala-forest-7406241.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
694                                                                     title=""
695                                                                     alt="">                              <div class="media-body hover-effect">
696                                <h5>
697                                  Charte forestière</h5>                                <p>
698  Vers une filière plus durable, innovante et compétitive.
699</p>                              </div>
700                            </a>
701                          </div>
702                        </div>
703                        
704                                                
705                          
706                          
707                          
708
709                                                                              
710                          <!-- close 3 to 2 : 3, index 0 -->
711                                              </ul>
712                  </div>
713                </div><!--level 3-->
714                
715                        
716
717            
718          		  
719                                                                          
720                          
721                          
722                          
723
724                          
725
726            
727          		  
728                                            <div class="col-md-4 col-sm-6 col-xs-12" style="z-index:999">
729                  <div class="col">
730                                                                              </div>
731                  <!-- /Rubrique Colonne -->
732                  <div class="col">
733                    <ul>
734                                                                  <li class="margin-bottom-10 margin-bottom-20-xs">
735                        <div class="group">
736                          <div class="media">
737                            <a class="pull-left" href="/espace-valleen.html">
738                              <img class="img-responsive"
739                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F9f%2F37%2F49z5v91wj6a7&amp;mime=image%252Fjpeg&amp;originalname=Alexandre+Assemat.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
740                                                                     title=""
741                                                                     alt="">                              <div class="media-body hover-effect">
742                                <h5>
743                                  Espace valléen </h5>                                <p>
744  Un programme pour la diversification touristique des Alpes françaises.
745</p>                              </div>
746                            </a>
747                          </div>
748                        </div>
749                        
750                                                
751                          
752                          
753                          
754
755                          
756
757            
758          		  
759                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
760                        <div class="group">
761                          <div class="media">
762                            <a class="pull-left" href="/tourisme-en-ubaye.html">
763                              <img class="img-responsive"
764                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F50%2F4e%2Fhuu5ttyz9j0s&amp;mime=image%252Fjpeg&amp;originalname=Engagement+dans+un+syndicat+unique+%C2%AB+espace+lumi%C3%A8re+%C2%BB..jpg&geometry=200x%3E&crop=200x134&gravity=Center"
765                                                                     title=""
766                                                                     alt="">                              <div class="media-body hover-effect">
767                                <h5>
768                                  Le tourisme</h5>                                <p>
769  Un remarquable concentré de ressources uniques
770</p>                              </div>
771                            </a>
772                          </div>
773                        </div>
774                        
775                                                
776                          
777                          
778                          
779
780                                                                              
781                          <!-- close 3 to 2 : 3, index 0 -->
782                                              </ul>
783                  </div>
784                </div><!--level 3-->
785                
786                        
787
788            
789          		  
790                                                                          
791                          
792                          
793                          
794
795                          
796
797            
798          		  
799                                            <div class="col-md-4 col-sm-6 col-xs-12" style="z-index:999">
800                  <div class="col">
801                                                                              </div>
802                  <!-- /Rubrique Colonne -->
803                  <div class="col">
804                    <ul>
805                                                                  <li class="margin-bottom-10 margin-bottom-20-xs">
806                        <div class="group">
807                          <div class="media">
808                            <a class="pull-left" href="/portrait-du-territoire.html">
809                              <img class="img-responsive"
810                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2Fda%2Fb3%2F6dg5ttz1yma1&amp;mime=image%252Fjpeg&amp;originalname=carte-territoire-ccvusp.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
811                                                                     title=""
812                                                                     alt="">                              <div class="media-body hover-effect">
813                                <h5>
814                                  Portrait du territoire</h5>                                <p>
815  La Vallée de l'Ubaye Serre-Ponçon figure parmi les territoires touristiques les plus complets.
816</p>                              </div>
817                            </a>
818                          </div>
819                        </div>
820                        
821                                                
822                          
823                          
824                          
825
826                                                                              
827                          <!-- close 3 to 1 : 3, index 0 -->
828                                              </ul>
829                  </div>
830                </div><!--level 3-->
831                
832                                      
833                          <!-- close 3 to 1 : 2, index 1 -->
834                                                    </li></ul><!--level 2-->
835                        
836                        
837
838            
839          
840          
841		  
842          <li class="dropdown fhmm-fw" style="z-index:900">
843            <a href="#" data-toggle="dropdown" class="dropdown-toggle">Travailler et entreprendre<strong class="caret"></strong></a>
844			          		  
845                                                                          
846                          
847                          
848                          
849
850                          
851
852            
853          		  
854                        <ul class="dropdown-menu">
855              <li>
856                <div class="col-md-12">                  <div class="col">
857                                                                              </div>
858                </div>
859                                                                              
860                          
861                          
862                          
863
864                          
865
866            
867          		  
868                                            <div class="col-md-6 col-sm-6 col-xs-12" style="z-index:999">
869                  <div class="col">
870                                                                              </div>
871                  <!-- /Rubrique Colonne -->
872                  <div class="col">
873                    <ul>
874                                                                  <li class="margin-bottom-10 margin-bottom-20-xs">
875                        <div class="group">
876                          <div class="media">
877                            <a class="pull-left" href="/accueil-entreprises.html">
878                              <img class="img-responsive"
879                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F2b%2Fc3%2F6z25ttyz0ver&amp;mime=image%252Fjpeg&amp;originalname=Accueil+entreprises.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
880                                                                     title=""
881                                                                     alt="">                              <div class="media-body hover-effect">
882                                <h5>
883                                  Accueil entreprises</h5>                                <p>
884  Être accompagné dans la création ou le développement de votre activité.
885</p>                              </div>
886                            </a>
887                          </div>
888                        </div>
889                        
890                                                
891                          
892                          
893                          
894
895                          
896
897            
898          		  
899                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
900                        <div class="group">
901                          <div class="media">
902                            <a class="pull-left" href="/hotel-entreprises.html">
903                              <img class="img-responsive"
904                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2Fea%2F07%2Fkjx5ttz0fu25&amp;mime=image%252Fjpeg&amp;originalname=hotel-d-entreprises.JPG&geometry=200x%3E&crop=200x134&gravity=Center"
905                                                                     title=""
906                                                                     alt="">                              <div class="media-body hover-effect">
907                                <h5>
908                                  L'hôtel d'entreprises</h5>                                <p>
909  Installez votre entreprise au coeur d'une vallée de montagne
910</p>                              </div>
911                            </a>
912                          </div>
913                        </div>
914                        
915                                                
916                          
917                          
918                          
919
920                                                                              
921                          <!-- close 3 to 2 : 3, index 0 -->
922                                              </ul>
923                  </div>
924                </div><!--level 3-->
925                
926                        
927
928            
929          		  
930                                                                          
931                          
932                          
933                          
934
935                          
936
937            
938          		  
939                                                                          
940                          
941                          
942                          
943
944                          
945
946            
947          		  
948                                            <div class="col-md-6 col-sm-6 col-xs-12" style="z-index:999">
949                  <div class="col">
950                                                                              </div>
951                  <!-- /Rubrique Colonne -->
952                  <div class="col">
953                    <ul>
954                                                                  <li class="margin-bottom-10 margin-bottom-20-xs">
955                        <div class="group">
956                          <div class="media">
957                            <a class="pull-left" href="/locaux-a-louer.html">
958                              <img class="img-responsive"
959                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F76%2Fe8%2Feup5wippkqkd&amp;mime=image%252Fjpeg&amp;originalname=Local+12+b%C3%A2t+19+%285%29.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
960                                                                     title=""
961                                                                     alt="">                              <div class="media-body hover-effect">
962                                <h5>
963                                  A vendre et à louer</h5>                                <p>
964  Découvrez les bureaux, locaux à louer et les terrains à vendre.
965</p>                              </div>
966                            </a>
967                          </div>
968                        </div>
969                        
970                                                
971                          
972                          
973                          
974
975                          
976
977            
978          		  
979                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
980                        <div class="group">
981                          <div class="media">
982                            <a class="pull-left" href="/offres-d-emploi.html">
983                              <img class="img-responsive"
984                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F9f%2F55%2F7r35ttz05iet&amp;mime=image%252Fjpeg&amp;originalname=Offres_d_emploi.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
985                                                                     title=""
986                                                                     alt="">                              <div class="media-body hover-effect">
987                                <h5>
988                                  Offres d'emploi et de stages</h5>                                <p>
989  La Communauté de Communes Vallée de l'Ubaye Serre-Ponçon recrute.
990</p>                              </div>
991                            </a>
992                          </div>
993                        </div>
994                        
995                                                
996                          
997                          
998                          
999
1000                                                                              
1001                          <!-- close 3 to 1 : 3, index 0 -->
1002                                              </ul>
1003                  </div>
1004                </div><!--level 3-->
1005                
1006                                      
1007                          <!-- close 3 to 1 : 2, index 1 -->
1008                                                    </li></ul><!--level 2-->
1009                        
1010                        
1011
1012            
1013          
1014          
1015		  
1016          <li class="dropdown fhmm-fw" style="z-index:900">
1017            <a href="#" data-toggle="dropdown" class="dropdown-toggle">Nos projets<strong class="caret"></strong></a>
1018			          		  
1019                                                                          
1020                          
1021                          
1022                          
1023
1024                          
1025
1026            
1027          		  
1028                        <ul class="dropdown-menu">
1029              <li>
1030                <div class="col-md-12">                  <div class="col">
1031                                                                              </div>
1032                </div>
1033                                                                              
1034                          
1035                          
1036                          
1037
1038                          
1039
1040            
1041          		  
1042                                            <div class="col-md-4 col-sm-6 col-xs-12" style="z-index:999">
1043                  <div class="col">
1044                                                                              </div>
1045                  <!-- /Rubrique Colonne -->
1046                  <div class="col">
1047                    <ul>
1048                                                                  <li class="margin-bottom-10 margin-bottom-20-xs">
1049                        <div class="group">
1050        
1050                  <div class="media">
1051                            <a class="pull-left" href="/villages-d-avenir.html">
1052                              <img class="img-responsive"
1053                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F77%2F8a%2F9sx68zauwmtx&amp;mime=image%252Fjpeg&amp;originalname=gendarmerie-du-lauzet-ubaye.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
1054                                                                     title=""
1055                                                                     alt="">                              <div class="media-body hover-effect">
1056                                <h5>
1057                                  Villages d'avenir</h5>                                <p>
1058   Accompagner nos communes dans la réalisation de leurs projets de développement.
1059</p>                              </div>
1060                            </a>
1061                          </div>
1062                        </div>
1063                        
1064                                                
1065                          
1066                          
1067                          
1068
1069                          
1070
1071            
1072          		  
1073                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
1074                        <div class="group">
1075                          <div class="media">
1076                            <a class="pull-left" href="/requalification-de-la-friche-breissand.html">
1077                              <img class="img-responsive"
1078                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2Fc6%2Fb6%2Fdtk68wf8s2up&amp;mime=image%252Fjpeg&amp;originalname=Breissand.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
1079                                                                     title=""
1080                                                                     alt="">                              <div class="media-body hover-effect">
1081                                <h5>
1082                                  Friche Breissand </h5>                                <p>
1083  Réinventer un lieu emblématique de la vallée.
1084</p>                              </div>
1085                            </a>
1086                          </div>
1087                        </div>
1088                        
1089                                                
1090                          
1091                          
1092                          
1093
1094                          
1095
1096            
1097          		  
1098                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
1099                        <div class="group">
1100                          <div class="media">
1101                            <a class="pull-left" href="/activites-de-pleine-nature.html">
1102                              <img class="img-responsive"
1103                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F25%2F32%2Fb5n5uwtimef9&amp;mime=image%252Fjpeg&amp;originalname=Activit%C3%A9s+de+pleine+nature.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
1104                                                                     title=""
1105                                                                     alt="">                              <div class="media-body hover-effect">
1106                                <h5>
1107                                  Activités de pleine nature</h5>                                <p>
1108  Structurer et développer les activités de pleine nature afin de renforcer l'attractivité du territoire
1109</p>                              </div>
1110                            </a>
1111                          </div>
1112                        </div>
1113                        
1114                                                
1115                          
1116                          
1117                          
1118
1119                          
1120
1121            
1122          		  
1123                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
1124                        <div class="group">
1125                          <div class="media">
1126                            <a class="pull-left" href="/podcasts.html">
1127                              <img class="img-responsive"
1128                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F12%2Fae%2Fnou8158onz&amp;mime=image%252Fjpeg&amp;originalname=Andre-honnorat.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
1129                                                                     title=""
1130                                                                     alt="">                              <div class="media-body hover-effect">
1131                                <h5>
1132                                  OSE</h5>                                <p>
1133  OSE les podcasts de la CCVUSP.
1134</p>                              </div>
1135                            </a>
1136                          </div>
1137                        </div>
1138                        
1139                                                
1140                          
1141                          
1142                          
1143
1144                                                                              
1145                          <!-- close 3 to 2 : 3, index 0 -->
1146                                              </ul>
1147                  </div>
1148                </div><!--level 3-->
1149                
1150                        
1151
1152            
1153          		  
1154                                                                          
1155                          
1156                          
1157                          
1158
1159                          
1160
1161            
1162          		  
1163                                            <div class="col-md-4 col-sm-6 col-xs-12" style="z-index:999">
1164                  <div class="col">
1165                                                                              </div>
1166                  <!-- /Rubrique Colonne -->
1167                  <div class="col">
1168                    <ul>
1169                                                                  <li class="margin-bottom-10 margin-bottom-20-xs">
1170                        <div class="group">
1171                          <div class="media">
1172                            <a class="pull-left" href="/piter-terres-monviso.html">
1173                              <img class="img-responsive"
1174                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F25%2Ff5%2Fwq64fsr8miu&amp;mime=image%252Fpng&amp;originalname=terres-monviso.png&geometry=200x%3E&crop=200x134&gravity=Center"
1175                                                                     title=""
1176                                                                     alt="">                              <div class="media-body hover-effect">
1177                                <h5>
1178                                  PITER+ Terres Monviso </h5>                                <p>
1179  Renforcer l'attractivité, la résilience et la revitalisation 
1180</p>                              </div>
1181                            </a>
1182                          </div>
1183                        </div>
1184                        
1185                                                
1186                          
1187                          
1188                          
1189
1190                          
1191
1192            
1193          		  
1194                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
1195                        <div class="group">
1196                          <div class="media">
1197                            <a class="pull-left" href="/itineraire-cyclable.html">
1198                              <img class="img-responsive"
1199                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2Fd6%2F48%2F5ys5uwtspp3w&amp;mime=image%252Fjpeg&amp;originalname=Itineraire-cyclable.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
1200                                                                     title=""
1201                                                                     alt="">                              <div class="media-body hover-effect">
1202                                <h5>
1203                                  Itinéraire cyclable</h5>                                <p>
1204  6 km de Jausiers à Barcelonnette en passant par Faucon-de-Barcelonnette.
1205</p>                              </div>
1206                            </a>
1207                          </div>
1208                        </div>
1209                        
1210                                                
1211                          
1212                          
1213                          
1214
1215                          
1216
1217            
1218          		  
1219                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
1220                        <div class="group">
1221                          <div class="media">
1222                            <a class="pull-left" href="/programme-LEADER.html">
1223                              <img class="img-responsive"
1224                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F75%2F54%2Fig263t5mff0j&amp;mime=image%252Fjpeg&amp;originalname=Col-de-la-Cayolle-Manu-Molle-8.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
1225                                                                     title=""
1226                                                                     alt="">                              <div class="media-body hover-effect">
1227                                <h5>
1228                                  Programme LEADER</h5>                                <p>
1229   Dynamiser l’activité du territoire.
1230</p>                              </div>
1231                            </a>
1232                          </div>
1233                        </div>
1234                        
1235                                                
1236                          
1237                          
1238                          
1239
1240                          
1241
1242            
1243          		  
1244                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
1245                        <div class="group">
1246                          <div class="media">
1247                            <a class="pull-left" href="/maison-des-services-et-des-solidarites.html">
1248                              <img class="img-responsive"
1249                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2Fc6%2F80%2Fmgi5wzrh8l7b&amp;mime=image%252Fjpeg&amp;originalname=Maison-des-solidarites.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
1250                                                                     title=""
1251                                                                     alt="">                              <div class="media-body hover-effect">
1252                                <h5>
1253                                  Maison des services et des solidarités</h5>                                <p>
1254  Une maison des services et des solidarités dans l’ancien centre de secours.
1255</p>                              </div>
1256                            </a>
1257                          </div>
1258                        </div>
1259                        
1260                                                
1261                          
1262                          
1263                          
1264
1265                                                                              
1266                          <!-- close 3 to 2 : 3, index 0 -->
1267                                              </ul>
1268                  </div>
1269                </div><!--level 3-->
1270                
1271                        
1272
1273            
1274          		  
1275                                                                          
1276                          
1277                          
1278                          
1279
1280                          
1281
1282            
1283          		  
1284                                            <div class="col-md-4 col-sm-6 col-xs-12" style="z-index:999">
1285                  <div class="col">
1286                                                                              </div>
1287                  <!-- /Rubrique Colonne -->
1288                  <div class="col">
1289                    <ul>
1290                                                                  <li class="margin-bottom-10 margin-bottom-20-xs">
1291                        <div class="group">
1292                          <div class="media">
1293                            <a class="pull-left" href="/aliment-r-lab-ubaye.html">
1294                              <img class="img-responsive"
1295                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F1e%2Faa%2Fdr9m8476x5z&amp;mime=image%252Fjpeg&amp;originalname=Aliment%27R+Lab+Ubaye.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
1296                                                                     title=""
1297                                                                     alt="">                              <div class="media-body hover-effect">
1298                                <h5>
1299                                  Aliment'R Lab Ubaye</h5>                                <p>
1300   Renforcer la résilience alimentaire et économique de l'Ubaye.
1301</p>                              </div>
1302                            </a>
1303                          </div>
1304                        </div>
1305                        
1306                                                
1307                          
1308                          
1309                          
1310
1311                          
1312
1313            
1314          		  
1315                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
1316                        <div class="group">
1317                          <div class="media">
1318                            <a class="pull-left" href="/patrimoine-fortifie.html">
1319                              <img class="img-responsive"
1320                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2Fee%2Ff8%2Fe435uwqt9sma&amp;mime=image%252Fjpeg&amp;originalname=tournoux-3.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
1321                                                                     title=""
1322                                                                     alt="">                              <div class="media-body hover-effect">
1323                                <h5>
1324                                  Patrimoine fortifié</h5>                                <p>
1325  La vallée de l'Ubaye a déclaré le patrimoine fortifié prioritaire dans sa politique culturelle
1326</p>                              </div>
1327                            </a>
1328                          </div>
1329                        </div>
1330                        
1331                                                
1332                          
1333                          
1334                          
1335
1336                          
1337
1338            
1339          		  
1340                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
1341                        <div class="group">
1342                          <div class="media">
1343                            <a class="pull-left" href="/projets-assainissement.html">
1344                              <img class="img-responsive"
1345                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2Fd1%2F1c%2F90e5xzkomdd1&amp;mime=image%252Fjpeg&amp;originalname=station-epuration-ecologique.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
1346                                                                     title=""
1347                                                                     alt="">                              <div class="media-body hover-effect">
1348                                <h5>
1349                                  Assainissement</h5>                                <p>
1350  Collecte, évacuation et traitement des eaux usé
1350es.
1351</p>                              </div>
1352                            </a>
1353                          </div>
1354                        </div>
1355                        
1356                                                
1357                          
1358                          
1359                          
1360
1361                          
1362
1363            
1364          		  
1365                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
1366                        <div class="group">
1367                          <div class="media">
1368                            <a class="pull-left" href="/archives-des-projets.html">
1369                              <img class="img-responsive"
1370                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F97%2F6a%2Fnpg5xiwjk09c&amp;mime=image%252Fjpeg&amp;originalname=Alexandre+Assemat.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
1371                                                                     title=""
1372                                                                     alt="">                              <div class="media-body hover-effect">
1373                                <h5>
1374                                  Archives des projets</h5>                                <p>
1375  Consultez les projets menés par la CCVUSP.
1376</p>                              </div>
1377                            </a>
1378                          </div>
1379                        </div>
1380                        
1381                                                
1382                          
1383                          
1384                          
1385
1386                                                                              
1387                          <!-- close 3 to 1 : 3, index 0 -->
1388                                              </ul>
1389                  </div>
1390                </div><!--level 3-->
1391                
1392                                      
1393                          <!-- close 3 to 1 : 2, index 1 -->
1394                                                    </li></ul><!--level 2-->
1395                        
1396                        
1397
1398            
1399          
1400          
1401		  
1402          <li class="dropdown fhmm-fw" style="z-index:900">
1403            <a href="#" data-toggle="dropdown" class="dropdown-toggle">L'environnement<strong class="caret"></strong></a>
1404			          		  
1405                                                                          
1406                          
1407                          
1408                          
1409
1410                          
1411
1412            
1413          		  
1414                        <ul class="dropdown-menu">
1415              <li>
1416                <div class="col-md-12">                  <div class="col">
1417                                                                              </div>
1418                </div>
1419                                                                              
1420                          
1421                          
1422                          
1423
1424                          
1425
1426            
1427          		  
1428                                            <div class="col-md-4 col-sm-6 col-xs-12" style="z-index:999">
1429                  <div class="col">
1430                                                                              </div>
1431                  <!-- /Rubrique Colonne -->
1432                  <div class="col">
1433                    <ul>
1434                                                                  <li class="margin-bottom-10 margin-bottom-20-xs">
1435                        <div class="group">
1436                          <div class="media">
1437                            <a class="pull-left" href="/gemapi.html">
1438                              <img class="img-responsive"
1439                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F73%2F6c%2F5akzecjmlt&amp;mime=image%252Fjpeg&amp;originalname=Mise+en+%C5%93uvre+de+la+comp%C3%A9tence+GEMAPI.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
1440                                                                     title=""
1441                                                                     alt="">                              <div class="media-body hover-effect">
1442                                <h5>
1443                                  Grand cycle de l'eau, milieux aquatiques et risques naturels</h5>                                <p>
1444  Découvrez la mise en œuvre de la compétence GEMAPI.
1445</p>                              </div>
1446                            </a>
1447                          </div>
1448                        </div>
1449                        
1450                                                
1451                          
1452                          
1453                          
1454
1455                          
1456
1457            
1458          		  
1459                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
1460                        <div class="group">
1461                          <div class="media">
1462                            <a class="pull-left" href="/risques-naturels.html">
1463                              <img class="img-responsive"
1464                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F04%2F24%2Fctl63bpv29mj&amp;mime=image%252Fjpeg&amp;originalname=Steprim.JPG&geometry=200x%3E&crop=200x134&gravity=Center"
1465                                                                     title=""
1466                                                                     alt="">                              <div class="media-body hover-effect">
1467                                <h5>
1468                                  Risques naturels</h5>                                <p>
1469  Appréhender les risques naturels de manière globale...
1470</p>                              </div>
1471                            </a>
1472                          </div>
1473                        </div>
1474                        
1475                                                
1476                          
1477                          
1478                          
1479
1480                          
1481
1482            
1483          		  
1484                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
1485                        <div class="group">
1486                          <div class="media">
1487                            <a class="pull-left" href="/dicrim.html">
1488                              <img class="img-responsive"
1489                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2Fed%2Fb8%2Fo7j5ttznc66w&amp;mime=image%252Fjpeg&amp;originalname=DICRIM.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
1490                                                                     title=""
1491                                                                     alt="">                              <div class="media-body hover-effect">
1492                                <h5>
1493                                  DICRIM</h5>                                <p>
1494  Le document d'information communal sur les risques majeurs.
1495</p>                              </div>
1496                            </a>
1497                          </div>
1498                        </div>
1499                        
1500                                                
1501                          
1502                          
1503                          
1504
1505                                                                              
1506                          <!-- close 3 to 2 : 3, index 0 -->
1507                                              </ul>
1508                  </div>
1509                </div><!--level 3-->
1510                
1511                        
1512
1513            
1514          		  
1515                                                                          
1516                          
1517                          
1518                          
1519
1520                          
1521
1522            
1523          		  
1524                                            <div class="col-md-4 col-sm-6 col-xs-12" style="z-index:999">
1525                  <div class="col">
1526                                                                              </div>
1527                  <!-- /Rubrique Colonne -->
1528                  <div class="col">
1529                    <ul>
1530                                                                  <li class="margin-bottom-10 margin-bottom-20-xs">
1531                        <div class="group">
1532                          <div class="media">
1533                            <a class="pull-left" href="/outil-de-surveillance-et-d-alerte-des-aleas-naturels.html">
1534                              <img class="img-responsive"
1535                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2Fde%2F03%2F5p55xiwppmet&amp;mime=image%252Fjpeg&amp;originalname=Outil+de+surveillance+et+d%E2%80%99alerte+des+al%C3%A9as+naturels.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
1536                                                                     title=""
1537                                                                     alt="">                              <div class="media-body hover-effect">
1538                                <h5>
1539                                  Détection des crues</h5>                                <p>
1540  L'instrumentation de la vallée en stations de mesure.
1541</p>                              </div>
1542                            </a>
1543                          </div>
1544                        </div>
1545                        
1546                                                
1547                          
1548                          
1549                          
1550
1551                          
1552
1553            
1554          		  
1555                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
1556                        <div class="group">
1557                          <div class="media">
1558                            <a class="pull-left" href="/natura-2000.html">
1559                              <img class="img-responsive"
1560                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F27%2F27%2Fk5q5ttzh7mks&amp;mime=image%252Fjpeg&amp;originalname=natura-2000.JPG&geometry=200x%3E&crop=200x134&gravity=Center"
1561                                                                     title=""
1562                                                                     alt="">                              <div class="media-body hover-effect">
1563                                <h5>
1564                                  Natura 2000</h5>                                <p>
1565  Concilier activités humaines, protection de la biodiversité et valorisation des territoires.
1566</p>                              </div>
1567                            </a>
1568                          </div>
1569                        </div>
1570                        
1571                                                
1572                          
1573                          
1574                          
1575
1576                          
1577
1578            
1579          		  
1580                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
1581                        <div class="group">
1582                          <div class="media">
1583                            <a class="pull-left" href="/gestion-sedimentaire.html">
1584                              <img class="img-responsive"
1585                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2Fd4%2Fcd%2F4uullkkqcs9&amp;mime=image%252Fjpeg&amp;originalname=Travaux+de+gestion+s%C3%A9dimentaire+et+de+correction+torrentielle+.JPG&geometry=200x%3E&crop=200x134&gravity=Center"
1586                                                                     title=""
1587                                                                     alt="">                              <div class="media-body hover-effect">
1588                                <h5>
1589                                  Gestion sédimentaire </h5>                                <p>
1590  Travaux de gestion sédimentaire et de correction torrentielle 
1591</p>                              </div>
1592                            </a>
1593                          </div>
1594                        </div>
1595                        
1596                                                
1597                          
1598                          
1599                          
1600
1601                                                                              
1602                          <!-- close 3 to 2 : 3, index 0 -->
1603                                              </ul>
1604                  </div>
1605                </div><!--level 3-->
1606                
1607                        
1608
1609            
1610          		  
1611                                                                          
1612                          
1613                          
1614                          
1615
1616                          
1617
1618            
1619          		  
1620                                            <div class="col-md-4 col-sm-6 col-xs-12" style="z-index:999">
1621                  <div class="col">
1622                                                                              </div>
1623                  <!-- /Rubrique Colonne -->
1624                  <div class="col">
1625                    <ul>
1626                                                                  <li class="margin-bottom-10 margin-bottom-20-xs">
1627                        <div class="group">
1628                          <div class="media">
1629                            <a class="pull-left" href="/alte.html">
1630                              <img class="img-responsive"
1631                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F42%2F20%2F9nj5ttzedv4g&amp;mime=image%252Fjpeg&amp;originalname=Agence+locale+pour+la+transition+%C3%A9nerg%C3%A9tique.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
1632                                                                     title=""
1633                                                                     alt="">                              <div class="media-body hover-effect">
1634                                <h5>
1635                                  Economies d'énergie</h5>                                <p>
1636  Être accompagné dans votre projet de rénovation énergétique.
1637</p>                              </div>
1638                            </a>
1639                          </div>
1640                        </div>
1641                        
1642                                                
1643                          
1644                          
1645                          
1646
1647                                                                              
1648                          <!-- close 3 to 1 : 3, index 0 -->
1649                                              </ul>
1650                  </div>
1651                </div><!--level 3-->
1652                
1653                                      
1654                          <!-- close 3 to 1 : 2, index 1 -->
1655                                                    </li></ul><!--level 2-->
1656                        
1657                        
1658
1659            
1660          
1661          
1662		  
1663          <li class="dropdown fhmm-fw" style="z-index:900">
1664            <a href="#" data-toggle="dropdown" class="dropdown-toggle">
1664Le patrimoine<strong class="caret"></strong></a>
1665			          		  
1666                                                                          
1667                          
1668                          
1669                          
1670
1671                          
1672
1673            
1674          		  
1675                        <ul class="dropdown-menu">
1676              <li>
1677                <div class="col-md-12">                  <div class="col">
1678                                                                              </div>
1679                </div>
1680                                                                              
1681                          
1682                          
1683                          
1684
1685                          
1686
1687            
1688          		  
1689                                            <div class="col-md-4 col-sm-6 col-xs-12" style="z-index:999">
1690                  <div class="col">
1691                                                                              </div>
1692                  <!-- /Rubrique Colonne -->
1693                  <div class="col">
1694                    <ul>
1695                                                                  <li class="margin-bottom-10 margin-bottom-20-xs">
1696                        <div class="group">
1697                          <div class="media">
1698                            <a class="pull-left" href="/le-centre-d-art-de-jausiers.html">
1699                              <img class="img-responsive"
1700                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F40%2F72%2F4rv6aobgimaw&amp;mime=image%252Fjpeg&amp;originalname=expo-centre-art-jausiers.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
1701                                                                     title=""
1702                                                                     alt="">                              <div class="media-body hover-effect">
1703                                <h5>Le centre d'art de Jausiers</h5>                                <p>
1704  Des expressions artistiques à travers des expositions, régulièrement renouvelées...
1705</p>                              </div>
1706                            </a>
1707                          </div>
1708                        </div>
1709                        
1710                                                
1711                          
1712                          
1713                          
1714
1715                          
1716
1717            
1718          		  
1719                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
1720                        <div class="group">
1721                          <div class="media">
1722                            <a class="pull-left" href="/espace-culturel-pellegrin.html">
1723                              <img class="img-responsive"
1724                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F7a%2F0c%2Fjwm6b6on29ck&amp;mime=image%252Fjpeg&amp;originalname=Espace-culturel-pellegrin.JPG&geometry=200x%3E&crop=200x134&gravity=Center"
1725                                                                     title=""
1726                                                                     alt="">                              <div class="media-body hover-effect">
1727                                <h5>
1728                                  L'espace culturel Pellegrin </h5>                                <p>
1729  Une immersion dans l’univers de la transhumance.
1730</p>                              </div>
1731                            </a>
1732                          </div>
1733                        </div>
1734                        
1735                                                
1736                          
1737                          
1738                          
1739
1740                          
1741
1742            
1743          		  
1744                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
1745                        <div class="group">
1746                          <div class="media">
1747                            <a class="pull-left" href="/le-musee-de-saint-paul-sur-ubaye.html">
1748                              <img class="img-responsive"
1749                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2Ff1%2F68%2Flxhmpvbkvuv&amp;mime=image%252Fpng&amp;
1749originalname=visuel+Radouan+2026.png&geometry=200x%3E&crop=200x134&gravity=Center"
1750                                                                     title=""
1751                                                                     alt="">                              <div class="media-body hover-effect">
1752                                <h5>
1753                                  Le musée de Saint-Paul-sur-Ubaye </h5>                                <p>
1754  La laine au cœur du pastoralisme.
1755</p>                              </div>
1756                            </a>
1757                          </div>
1758                        </div>
1759                        
1760                                                
1761                          
1762                          
1763                          
1764
1765                                                                              
1766                          <!-- close 3 to 2 : 3, index 0 -->
1767                                              </ul>
1768                  </div>
1769                </div><!--level 3-->
1770                
1771                        
1772
1773            
1774          		  
1775                                                                          
1776                          
1777                          
1778                          
1779
1780                          
1781
1782            
1783          		  
1784                                            <div class="col-md-4 col-sm-6 col-xs-12" style="z-index:999">
1785                  <div class="col">
1786                                                                              </div>
1787                  <!-- /Rubrique Colonne -->
1788                  <div class="col">
1789                    <ul>
1790                                                                  <li class="margin-bottom-10 margin-bottom-20-xs">
1791                        <div class="group">
1792                          <div class="media">
1793                            <a class="pull-left" href="/le-musee-du-lauzet-ubaye.html">
1794                              <img class="img-responsive"
1795                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2Fbd%2F60%2Fjog6b6pmzy6c&amp;mime=image%252Fjpeg&amp;originalname=visuel_mus_e_du_Lauzet_1.JPG&geometry=200x%3E&crop=200x134&gravity=Center"
1796                                                                     title=""
1797                                                                     alt="">                              <div class="media-body hover-effect">
1798                                <h5>
1799                                  Le musée du Lauzet-Ubaye</h5>                                <p>
1800  Des montagnes et des hommes.
1801</p>                              </div>
1802                            </a>
1803                          </div>
1804                        </div>
1805                        
1806                                                
1807                          
1808                          
1809                          
1810
1811                          
1812
1813            
1814          		  
1815                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
1816                        <div class="group">
1817                          <div class="media">
1818                            <a class="pull-left" href="/escape-box.html">
1819                              <img class="img-responsive"
1820                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F0f%2Fba%2Fnft5z8244cj1&amp;mime=image%252Fjpeg&amp;originalname=escape+box+Jausiers+affaire+Alf+Hoc%C3%A8re.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
1821                                                                     title=""
1822                                                                     alt="">                              <div class="media-body hover-effect">
1823                                <h5>Escape box</h5>                                <p>
1824  Des jeux d'évasion à destination des adultes et des enfants...
1825</p>                              </div>
1826                            </a>
1827                          </div>
1828                        </div>
1829                        
1830                                                
1831                          
1832                          
1833                          
1834
1835                          
1836
1837            
1838          		  
1839                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
1840                        <div class="group">
1841                          <div class="media">
1842                            <a class="pull-left" href="/les-mediations-scolaires.html">
1843                              <img class="img-responsive"
1844                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F92%2F56%2Fndy5z8282j4s&amp;mime=image%252Fjpeg&amp;originalname=M%C3%A9diation-scolaire.JPG&geometry=200x%3E&crop=200x134&gravity=Center"
1845                                                                     title=""
1846                                                                     alt="">                              <div class="media-body hover-effect">
1847                                <h5>Les médiations scolaires</h5>                                <p>
1848  Rendre la culture accessible à tous dès le plus jeune âge...
1849</p>                              </div>
1850                            </a>
1851                          </div>
1852                        </div>
1853                        
1854                                                
1855                          
1856                          
1857                          
1858
1859                                                                              
1860                          <!-- close 3 to 2 : 3, index 0 -->
1861                                              </ul>
1862                  </div>
1863                </div><!--level 3-->
1864                
1865                        
1866
1867            
1868          		  
1869                                                                          
1870                          
1871                          
1872                          
1873
1874                          
1875
1876            
1877          		  
1878                                            <div class="col-md-4 col-sm-6 col-xs-12" style="z-index:999">
1879                  <div class="col">
1880                                                                              </div>
1881                  <!-- /Rubrique Colonne -->
1882                  <div class="col">
1883                    <ul>
1884                                                                  <li class="margin-bottom-10 margin-bottom-20-xs">
1885                        <div class="group">
1886                          <div class="media">
1887                            <a class="pull-left" href="/les-visites-de-territoire.html">
1888                              <img class="img-responsive"
1889                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F35%2F56%2Fgnu5z80nt6ff&amp;mime=image%252Fjpeg&amp;originalname=visuel+visites+Faucon+un+riche+patrimoine.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
1890                                                                     title=""
1891                                                                     alt="">                              <div class="media-body hover-effect">
1892                                <h5> Les visites de territoire</h5>                                <p>
1893  Un patrimoine riche et varié qui lui confère son identité...
1894</p>                              </div>
1895                            </a>
1896                          </div>
1897                        </div>
1898                        
1899                                                
1900                          
1901                          
1902                          
1903
1904                          
1905
1906            
1907          		  
1908                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
1909                        <div class="group">
1910                          <div class="media">
1911                            <a class="pull-left" href="/les-fortifications.html">
1912                              <img class="img-responsive"
1913                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2Fef%2F04%2F7c75z80i8iq7&amp;mime=image%252Fjpeg&amp;originalname=visuel+ouvrage+Maginot+RLC+2.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
1914                                                                     title=""
1915                                                                     alt="">                              <div class="media-body hover-effect">
1916                                <h5>Les fortifications</h5>                                <p>
1917  Plongez dans l'histoire tumultueuse de notre vallée...
1918</p>                              </div>
1919                            </a>
1920                          </div>
1921                        </div>
1922                        
1923                                                
1924                          
1925                          
1926                          
1927
1928                          
1929
1930            
1931          		  
1932                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
1933                        <div class="group">
1934                          <div class="media">
1935                            <a class="pull-left" href="/les-rallyes-patrimoine.html">
1936                              <img class="img-responsive"
1937                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2Ffd%2F21%2F9p5z80ssz48&amp;mime=image%252Fjpeg&amp;originalname=rallyes+patrimoine.JPG&geometry=200x%3E&crop=200x134&gravity=Center"
1938                                                                     title=""
1939                                                                     alt="">                              <div class="media-body hover-effect">
1940                                <h5>Les rallyes patrimoine</h5>                                <p>
1941  Découvrir l’histoire et le patrimoine des villages...
1942</p>                              </div>
1943                            </a>
1944                          </div>
1945                        </div>
1946                        
1947                                                
1948                          
1949                          
1950                          
1951
1952                                                                              
1953                          <!-- close 3 to 1 : 3, index 0 -->
1954                                              </ul>
1955                  </div>
1956                </div><!--level 3-->
1957                
1958                                      
1959                          <!-- close 3 to 1 : 2, index 1 -->
1960                                                    </li></ul><!--level 2-->
1961                        
1962                        
1963
1964            
1965          
1966          
1967		  
1968          <li class="dropdown fhmm-fw" style="z-index:900">
1969            <a href="#" data-toggle="dropdown" class="dropdown-toggle">Vos déchets<strong class="caret"></strong></a>
1970			          		  
1971                                                                          
1972                          
1973                          
1974                          
1975
1976                          
1977
1978            
1979          		  
1980                        <ul class="dropdown-menu">
1981              <li>
1982                <div class="col-md-12">                  <div class="col">
1983                                                                              </div>
1984                </div>
1985                                                                              
1986                          
1987                          
1988                          
1989
1990                          
1991
1992            
1993          		  
1994                                            <div class="col-md-4 col-sm-6 col-xs-12" style="z-index:999">
1995                  <div class="col">
1996                                                                              </div>
1997                  <!-- /Rubrique Colonne -->
1998                  <div class="col">
1999                    <ul>
2000                                                                  <li class="margin-bottom-10 margin-bottom-20-xs">
2001                        <div class="group">
2002                          <div class="media">
2003                            <a class="pull-left" href="/dechets.html">
2004                              <img class="img-responsive"
2005                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F37%2F49%2F6jd5ttzjoi85&amp;mime=image%252Fjpeg&amp;originalname=decharge_du_beynon.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
2006                                                                     title=""
2007                                                                     alt="">                              <div class="media-body hover-effect">
2008                                <h5>
2009                                  Tout savoir sur vos déchets</h5>                                <p>
2010  Réduire nos déchets : Un enjeu majeur et une nécessité environnementale mais aussi financière
2011</p>                              </div>
2012                            </a>
2013                          </div>
2014                        </div>
2015                        
2016                                                
2017                          
2018                          
2019                          
2020
2021                          
2022
2023            
2024          		  
2025                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
2026                        <div class="group">
2027                          <div class="media">
2028                            <a class="pull-left" href="/tri-selectif.html">
2029                              <img class="img-responsive"
2030                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2Ff3%2F76%2F1cx5ttzkkclc&amp;mime=image%252Fjpeg&amp;originalname=Colonnes_de_tri.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
2031                                                                     title=""
2032                                                                     alt="">                              <div class="media-body hover-effect">
2033                                <h5>
2034                                  Les points d'apport volontaire</h5>                                <p>
2035  Une grise pour les ordures ménagères, une jaune pour tous les emballages et le papier et une verte pour le verre.
2036</p>                              </div>
2037                            </a>
2038                          </div>
2039                        </div>
2040                        
2041                                                
2042                          
2043                          
2044                          
2045
2046                          
2047
2048            
2049          		  
2050                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
2051                        <div class="group">
2052                          <div class="media">
2053                            <a class="pull-left" href="/cartons.html">
2054                              <img class="img-responsive"
2055                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F6c%2F80%2Fav5ttzkq5ms&amp;mime=image%252Fpng&amp;originalname=abri-a-cartons.png&geometry=200x%3E&crop=200x134&gravity=Center"
2056                                                                     title=""
2057                                                                     alt="">                              <div class="media-body hover-effect">
2058                                <h5>
2059                                  Les cartons</h5>                                <p>
2060  Tous les cartons se recyclent, à l'exception des cartons souillés ou mouillés.
2061</p>                              </div>
2062                            </a>
2063                          </div>
2064                        </div>
2065                        
2066                                                
2067                          
2068                          
2069                          
2070
2071                          
2072
2073            
2074          		  
2075                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
2076                        <div class="group">
2077                          <div class="media">
2078                            <a class="pull-left" href="/dechetteries.html">
2079                              <img class="img-responsive"
2080                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2Fe5%2F07%2F8jc5ttzlqxxi&amp;mime=image%252Fjpeg&amp;originalname=dechetterie-de-plan-la-croix.JPG&geometry=200x%3E&crop=200x134&gravity=Center"
2081                                                                     title=""
2082                                                                     alt="">                              <div class="media-body hover-effect">
2083                                <h5>
2084                                  Les déchetteries</h5>                                <p>
2085  Toutes les infos des déchetteries de Plan-la-Croix et des Terrasses.
2086</p>                              </div>
2087                            </a>
2088                          </div>
2089                        </div>
2090                        
2091                                                
2092                          
2093                          
2094                          
2095
2096                                                                              
2097                          <!-- close 3 to 2 : 3, index 0 -->
2098                                              </ul>
2099                  </div>
2100                </div><!--level 3-->
2101                
2102                        
2103
2104            
2105          		  
2106                                                                          
2107                          
2108                          
2109                          
2110
2111                          
2112
2113            
2114          		  
2115                                            <div class="col-md-4 col-sm-6 col-xs-12" style="z-index:999">
2116                  <div class="col">
2117                                                                              </div>
2118                  <!-- /Rubrique Colonne -->
2119                  <div class="col">
2120                    <ul>
2121                                                                  <li class="margin-bottom-10 margin-bottom-20-xs">
2122                        <div class="group">
2123                          <div class="media">
2124                            <a class="pull-left" href="/biodechets-et-compostage.html">
2125                              <img class="img-responsive"
2126                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2Fff%2F1a%2Fgnd5ttzl6aer&amp;mime=image%252Fjpeg&amp;originalname=composteur-ubaye.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
2127                                                                     title=""
2128                                                                     alt="">                              <div class="media-body hover-effect">
2129                                <h5>
2130                                  Biodéchets et compostage</h5>                                <p>
2131  Commandez votre composteur et recyclez vos déchets verts du jardin et de la maison !
2132</p>                              </div>
2133                            </a>
2134                          </div>
2135                        </div>
2136                        
2137                                                
2138                          
2139                          
2140                          
2141
2142                          
2143
2144            
2145          		  
2146                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
2147                        <div class="group">
2148                          <div class="media">
2149                            <a class="pull-left" href="/reemploi-reparation-reutilisation.html">
2150                              <img class="img-responsive"
2151                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F67%2F67%2F5yh641gmevcp&amp;mime=image%252Fjpeg&amp;originalname=vg-R%C3%A9emploi%2C-r%C3%A9paration-et-r%C3%A9utilisation.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
2152                                                                     title=""
2153                                                                     alt="">                              <div class="media-body hover-effect">
2154                                <h5>
2155                                  Réemploi et réparation</h5>                                <p>
2156  Prolongez la durée de vie de vos produits...
2157</p>                              </div>
2158                            </a>
2159                          </div>
2160                        </div>
2161                        
2162                                                
2163                          
2164                          
2165                          
2166
2167                          
2168
2169            
2170          		  
2171                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
2172                        <div class="group">
2173                          <div class="media">
2174                            <a class="pull-left" href="/ramassage-des-encombrants.html">
2175                              <img class="img-responsive"
2176                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F9a%2F41%2Fi8x5ttzkvc2s&amp;mime=image%252Fjpeg&amp;originalname=encombrants.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
2177                                                                     title=""
2178                                                                     alt="">                              <div class="media-body hover-effect">
2179                                <h5>
2180                                  Les encombrants</h5>                                <p>
2181  Toutes les solutions pour faire recycler ce type de déchet.
2182</p>                              </div>
2183                            </a>
2184                          </div>
2185                        </div>
2186                        
2187                                                
2188                          
2189                          
2190                          
2191
2192                          
2193
2194            
2195          		  
2196                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
2197                        <div class="group">
2198                          <div class="media">
2199                            <a class="pull-left" href="/enlevement-d-epave-de-voiture.html">
2200                              <img class="img-responsive"
2201                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F80%2F11%2F5
2201o15ttzlf94t&amp;mime=image%252Fjpeg&amp;originalname=Enl_vement_d_paves_de_voiture.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
2202                                                                     title=""
2203                                                                     alt="">                              <div class="media-body hover-effect">
2204                                <h5>
2205                                  Enlèvement d'épaves de voiture</h5>                                <p>
2206  Faire enlever votre voiture pour la destruction.
2207</p>                              </div>
2208                            </a>
2209                          </div>
2210                        </div>
2211                        
2212                                                
2213                          
2214                          
2215                          
2216
2217                                                                              
2218                          <!-- close 3 to 2 : 3, index 0 -->
2219                                              </ul>
2220                  </div>
2221                </div><!--level 3-->
2222                
2223                        
2224
2225            
2226          		  
2227                                                                          
2228                          
2229                          
2230                          
2231
2232                          
2233
2234            
2235          		  
2236                                            <div class="col-md-4 col-sm-6 col-xs-12" style="z-index:999">
2237                  <div class="col">
2238                                                                              </div>
2239                  <!-- /Rubrique Colonne -->
2240                  <div class="col">
2241                    <ul>
2242                                                                  <li class="margin-bottom-10 margin-bottom-20-xs">
2243                        <div class="group">
2244                          <div class="media">
2245                            <a class="pull-left" href="/dechets-verts.html">
2246                              <img class="img-responsive"
2247                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F9e%2F20%2F7125ttzkz56r&amp;mime=image%252Fjpeg&amp;originalname=d%C3%A9chets+verts.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
2248                                                                     title=""
2249                                                                     alt="">                              <div class="media-body hover-effect">
2250                                <h5>
2251                                  Les déchets verts</h5>                                <p>
2252  Les déchets verts regroupent l'ensemble des résidus végétaux.
2253</p>                              </div>
2254                            </a>
2255                          </div>
2256                        </div>
2257                        
2258                                                
2259                          
2260                          
2261                          
2262
2263                          
2264
2265            
2266          		  
2267                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
2268                        <div class="group">
2269                          <div class="media">
2270                            <a class="pull-left" href="/signalement-pav.html">
2271                              <img class="img-responsive"
2272                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F15%2Fc0%2Fkx95w23uin0u&amp;mime=image%252Fpng&amp;originalname=signalement+PAV.png&geometry=200x%3E&crop=200x134&gravity=Center"
2273                                                                     title=""
2274                                                                     alt="">                              <div class="media-body hover-effect">
2275                                <h5>
2276                                  Signalement</h5>                                <p>
2277  Vous constatez un problème ou un dysfonctionnement sur un PAV, signalez-le.
2278</p>                              </div>
2279                            </a>
2280                          </div>
2281                        </div>
2282                        
2283                                                
2284                          
2285                          
2286                          
2287
2288                          
2289
2290            
2291          		  
2292                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
2293                        <div class="group">
2294                          <div class="media">
2295                            <a class="pull-left" href="/demande-de-badge-dechetterie.html">
2296                              <img class="img-responsive"
2297                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2Fb2%2Fe1%2F8ad5ttzm4tv9&amp;mime=image%252Fpng&amp;originalname=badges.png&geometry=200x%3E&crop=200x134&gravity=Center"
2298                                                                     title=""
2299                                                                     alt="">                              <div class="media-body hover-effect">
2300                                <h5>Demande de badge</h5>                                <p>
2301  Faites votre demande de badge d'accès à Plan-la-Croix.
2302</p>                              </div>
2303                            </a>
2304                          </div>
2305                        </div>
2306                        
2307                                                
2308                          
2309                          
2310                          
2311
2312                                                                              
2313                          <!-- close 3 to 1 : 3, index 0 -->
2314                                              </ul>
2315                  </div>
2316                </div><!--level 3-->
2317                
2318                                      
2319                          <!-- close 3 to 1 : 2, index 1 -->
2320                                                    </li></ul><!--level 2-->
2321                        
2322                        
2323
2324            
2325          
2326          
2327		  
2328          <li class="dropdown fhmm-fw" style="z-index:900">
2329            <a href="#" data-toggle="dropdown" class="dropdown-toggle">Vos services<strong class="caret"></strong></a>
2330			          		  
2331                                                                          
2332                          
2333                          
2334                          
2335
2336                          
2337
2338            
2339          		  
2340                        <ul class="dropdown-menu">
2341              <li>
2342                <div class="col-md-12">                  <div class="col">
2343                                                                              </div>
2344                </div>
2345                                                                              
2346                          
2347                          
2348                          
2349
2350                          
2351
2352            
2353          		  
2354                                            <div class="col-md-4 col-sm-6 col-xs-12" style="z-index:999">
2355                  <div class="col">
2356                                                                              </div>
2357                  <!-- /Rubrique Colonne -->
2358                  <div class="col">
2359                    <ul>
2360                                                                  <li class="margin-bottom-10 margin-bottom-20-xs">
2361                        <div class="group">
2362                          <div class="media">
2363                            <a class="pull-left" href="/maison-de-sante.html">
2364                              <img class="img-responsive"
2365                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F3f%2Ff6%2F3eo5ttz6wis4&amp;mime=image%252Fjpeg&amp;originalname=maison-de-sant%C3%A9.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
2366                                                                     title=""
2367                                                                     alt="">                              <div class="media-body hover-effect">
2368                                <h5>
2369                                  Maison de santé</h5>                                <p>
2370  Une équipe pluridisciplinaire et un plateau technique en un lieu unique pour favoriser la pratique médicale au service de la population.
2371</p>                              </div>
2372                            </a>
2373                          </div>
2374                        </div>
2375                        
2376                                                
2377                          
2378                          
2379                          
2380
2381                          
2382
2383            
2384          		  
2385                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
2386                        <div class="group">
2387                          <div class="media">
2388                            <a class="pull-left" href="/maison-france-services.html">
2389                              <img class="img-responsive"
2390                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F70%2F64%2F1bt5uwv5605h&amp;mime=image%252Fjpeg&amp;originalname=france-services.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
2391                                                                     title=""
2392                                                                     alt="">                              <div class="media-body hover-effect">
2393                                <h5>
2394                                  Maison France Services</h5>                                <p>
2395  Être accompagné dans toutes vos démarches administratives.
2396</p>                              </div>
2397                            </a>
2398                          </div>
2399                        </div>
2400                        
2401                                                
2402                          
2403                          
2404                          
2405
2406                          
2407
2408            
2409          		  
2410                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
2411                        <div class="group">
2412                          <div class="media">
2413                            <a class="pull-left" href="/sig.html">
2414                              <img class="img-responsive"
2415                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F6b%2Ff3%2Faem5y12m3hf8&amp;mime=image%252Fjpeg&amp;originalname=geomas.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
2416                                                                     title=""
2417                                                                     alt="">                              <div class="media-body hover-effect">
2418                                <h5>
2419                                  Géomas</h5>                                <p>
2420  Consultez le système d’information géographique.
2421</p>                              </div>
2422                            </a>
2423                          </div>
2424                        </div>
2425                        
2426                                                
2427                          
2428                          
2429                          
2430
2431                          
2432
2433            
2434          		  
2435                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
2436                        <div class="group">
2437                          <div class="media">
2438                            <a class="pull-left" href="/telealerte-ubaye.html">
2439                              <img class="img-responsive"
2440                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F50%2Fbf%2Fil15ttzn4mg3&amp;mime=image%252Fjpeg&amp;originalname=tele-alerte.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
2441                                                                     title=""
2442                                                                     alt="">                              <div class="media-body hover-effect">
2443                                <h5>
2444                                  TéléAlerte Ubaye</h5>                                <p>
2445  Être averti en cas de situation de crise : inondations, séismes, tempêtes, incidents sanitaires ou autres catastrophes.
2446</p>                              </div>
2447                            </a>
2448                          </div>
2449                        </div>
2450                        
2451                                                
2452                          
2453                          
2454                          
2455
2456                                                                              
2457                          <!-- close 3 to 2 : 3, index 0 -->
2458                                              </ul>
2459                  </div>
2460                </div><!--level 3-->
2461                
2462                        
2463
2464            
2465          		  
2466                                                                          
2467                          
2468                          
2469                          
2470
2471                          
2472
2473            
2474          		  
2475                                            <div class="col-md-4 col-sm-6 col-xs-12" style="z-index:999">
2476                  <div class="col">
2477                                                                              </div>
2478                  <!-- /Rubrique Colonne -->
2479                  <div class="col">
2480                    <ul>
2481                                                                  <li class="margin-bottom-10 margin-bottom-20-xs">
2482                        <div class="group">
2483                          <div class="media">
2484                            <a class="pull-left" href="/demande-de-subvention.html">
2485                              <img class="img-responsive"
2486                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F0c%2Fe4%2Fepa691ay5cnw&amp;mime=image%252Fjpeg&amp;originalname=vg_subvention.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
2487                                                                     title=""
2488                                                                     alt="">                              <div class="media-body hover-effect">
2489                                <h5>
2490                                  Demande de subvention</h5>                                <p>
2491   Toutes les conditions, les étapes et les documents nécessaires.
2492</p>                              </div>
2493                            </a>
2494                          </div>
2495                        </div>
2496                        
2497                                                
2498                          
2499                          
2500                          
2501
2502                          
2503
2504            
2505          		  
2506                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
2507                        <div class="group">
2508                          <div class="media">
2509                            <a class="pull-left" href="/autorisation-d-urbanisme.html">
2510                              <img class="img-responsive"
2511                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F08%2F5b%2Fm52lcg3xy9n&amp;mime=image%252Fjpeg&amp;originalname=Autorisation+d%27urbanisme.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
2512                                                                     title=""
2513                                                                     alt="">                              <div class="media-body hover-effect">
2514                                <h5>
2515                                  Autorisation d'urbanisme</h5>                                <p>
2516  Déposez vos demandes par voie électronique.
2517</p>                              </div>
2518                            </a>
2519         
2519                 </div>
2520                        </div>
2521                        
2522                                                
2523                          
2524                          
2525                          
2526
2527                          
2528
2529            
2530          		  
2531                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
2532                        <div class="group">
2533                          <div class="media">
2534                            <a class="pull-left" href="/assainissement.html">
2535                              <img class="img-responsive"
2536                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F0e%2F08%2Ffsg5ttzdvc8p&amp;mime=image%252Fjpeg&amp;originalname=demande-assainissement.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
2537                                                                     title=""
2538                                                                     alt="">                              <div class="media-body hover-effect">
2539                                <h5>
2540                                  Assainissement</h5>                                <p>
2541  Vos démarches et les documents à télécharger pour votre raccordement.
2542</p>                              </div>
2543                            </a>
2544                          </div>
2545                        </div>
2546                        
2547                                                
2548                          
2549                          
2550                          
2551
2552                          
2553
2554            
2555          		  
2556                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
2557                        <div class="group">
2558                          <div class="media">
2559                            <a class="pull-left" href="/signalement.html">
2560                              <img class="img-responsive"
2561                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2Ff8%2F98%2Faxl5v20h82st&amp;mime=image%252Fjpeg&amp;originalname=signalement.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
2562                                                                     title=""
2563                                                                     alt="">                              <div class="media-body hover-effect">
2564                                <h5>
2565                                  Signalement</h5>                                <p>
2566  Un problème sur un PAV, un dépôt sauvage, un problème d'éclairage public ? Faites remonter vos informations.
2567</p>                              </div>
2568                            </a>
2569                          </div>
2570                        </div>
2571                        
2572                                                
2573                          
2574                          
2575                          
2576
2577                                                                              
2578                          <!-- close 3 to 2 : 3, index 0 -->
2579                                              </ul>
2580                  </div>
2581                </div><!--level 3-->
2582                
2583                        
2584
2585            
2586          		  
2587                                                                          
2588                          
2589                          
2590                          
2591
2592                          
2593
2594            
2595          		  
2596                                            <div class="col-md-4 col-sm-6 col-xs-12" style="z-index:999">
2597                  <div class="col">
2598                                                                              </div>
2599                  <!-- /Rubrique Colonne -->
2600                  <div class="col">
2601                    <ul>
2602                                                                  <li class="margin-bottom-10 margin-bottom-20-xs">
2603                        <div class="group">
2604                          <div class="media">
2605                            <a class="pull-left" href="/skipass-jeunes.html">
2606                              <img class="img-responsive"
2607                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F17%2F94%2Flhl5ttzpb9w8&amp;mime=image%252Fjpeg&amp;originalname=Skipass-jeune.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
2608                                                                     title=""
2609                                                                     alt="">                              <div class="media-body hover-effect">
2610                                <h5>
2611                                  Skipass jeunes</h5>                                <p>
2612  Un forfait de ski pour nos jeunes scolaires et étudiants.
2613</p>                              </div>
2614                            </a>
2615                          </div>
2616                        </div>
2617                        
2618                                                
2619                          
2620                          
2621                          
2622
2623                          
2624
2625            
2626          		  
2627                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
2628                        <div class="group">
2629                          <div class="media">
2630                            <a class="pull-left" href="/fibre-optique.html">
2631                              <img class="img-responsive"
2632                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F85%2F15%2F4535ttzd1t3m&amp;mime=image%252Fjpeg&amp;originalname=La-fibre-en-Ubaye.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
2633                                                                     title=""
2634                                                                     alt="">                              <div class="media-body hover-effect">
2635                                <h5>
2636                                  Fibre optique</h5>                                <p>
2637  Les infos pratiques pour vous faire raccorder.
2638</p>                              </div>
2639                            </a>
2640                          </div>
2641                        </div>
2642                        
2643                                                
2644                          
2645                          
2646                          
2647
2648                          
2649
2650            
2651          		  
2652                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
2653                        <div class="group">
2654                          <div class="media">
2655                            <a class="pull-left" href="/navettes.html">
2656                              <img class="img-responsive"
2657                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F02%2F85%2Fbal5ttzoqqz1&amp;mime=image%252Fjpeg&amp;originalname=navettes-ubaye.jpg&geometry=200x%3E&crop=200x134&gravity=Center"
2658                                                                     title=""
2659                                                                     alt="">                              <div class="media-body hover-effect">
2660                                <h5>
2661                                  Les navettes</h5>                                <p>
2662  Le déplacement facile et gratuit !
2663</p>                              </div>
2664                            </a>
2665                          </div>
2666                        </div>
2667                        
2668                                                
2669                          
2670                          
2671                          
2672
2673                          
2674
2675            
2676          		  
2677                                                                        <li class="margin-bottom-10 margin-bottom-20-xs">
2678                        <div class="group">
2679                          <div class="media">
2680                            <a class="pull-left" href="/transport-en-ubaye.html">
2681                              <img class="img-responsive"
2682                                                                     src="/csx/scripts/resizer.php?filename=T003%2Fpictoxxl%2F45%2F1f%2Fn916c18jaohz&amp;mime=image%252Fjpeg&amp;originalname=le-tub.JPG&geometry=200x%3E&crop=200x134&gravity=Center"
2683                                                                     title=""
2684                                                                     alt="">                              <div class="media-body hover-effect">
2685                                <h5>Transport en Ubaye</h5>                                <p>
2686  Un service pour tous vos déplacements.
2687</p>                              </div>
2688                            </a>
2689                          </div>
2690                        </div>
2691                        
2692                                                
2693                          
2694                          
2695                          
2696
2697                                                                              
2698                          <!-- close 3 to 1 : 3, index 0 -->
2699                                              </ul>
2700                  </div>
2701                </div><!--level 3-->
2702                
2703                                      
2704                          <!-- close 3 to 1 : 2, index 1 -->
2705                                                    </li></ul><!--level 2-->
2706                        
2707                        
2708
2709            
2710          
2711          
2712		  
2713 <li class="dropdown fhmm-fw" style="z-index:900">
2714            <a href="/sortir.html" title="Sortir et se cultiver">Sortir et se cultiver</a>
2715          		  
2716                                                                          
2717                          
2718                          
2719                          
2720
2721                          
2722
2723            
2724          
2725          
2726		  
2727 <li class="dropdown fhmm-fw" style="z-index:900">
2728            <a href="/actualites.html" title="Actualités">Actualités</a>
2729          		  
2730                                                                          
2731                          
2732                          
2733                          
2734
2735                                                                              
2736                          <!-- close 1 to  : 1, index 0 -->
2737                                                    </li><!--level 1-->
2738                          
2739                        
2740
2741                    </ul>
2742      </div>
2743    </nav>
2744  </div>
2745</div>
2746
2747
2748      <!--/htdig_noindex-->
2749  </div>
2750
2751      <div class="container content">
2752      <!--htdig_noindex-->
2753      <!--=== Breadcrumbs ===-->
2754<div class="breadcrumbs margin-bottom-20">
2755   <ol class="breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList">
2756                        <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
2757		 <a itemprop="item" title="Accueil" href="/">
2758		 <span itemprop="name">Accueil</span>
2759		 </a>
2760		 <meta itemprop="position" content="1" />
2761		 </li>
2762                                       <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
2763		  <a itemprop="item" title="La CCVUSP" href="decouvrir.html">
2764		  <span itemprop="name">La CCVUSP</span>
2765		  </a>
2766		  <meta itemprop="position" content="1" />
2767		  </li>
2768                                             <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="active">
2769		  <span itemprop="name">Découvrir</span>
2770		  <meta itemprop="position" content="2" />
2771		  </li>
2772              
2773    </ol>
2774</div>
2775<!--/breadcrumbs-->
2776      <!--/htdig_noindex-->
2777      <!-- Contenu -->
2778      <div class="row">
2779        <div class="col-xs-12">
2780      	    <div class="tzr-page-content cv3-col-contenu" id="tzr-page-content">
2781                                                           
2782                
2783      
2784
2785                                    <header class="cv3-titrepage clearfix">
2786 <h1>Bienvenue à la CCVUSP</h1> </header>
2787
2788                
2789      
2790
2791                                    <div class="cv3-grdimage clearfix">
2792               
2793   <!---->
2794  <a class="nyroModal" href="/csx/scripts/resizer.php?filename=T004%2Fimg1%2F57%2F79%2Ff805tzuf3tog&amp;mime=image%252Fjpeg&amp;originalname=ccvusp.jpg&amp;geometry=1680x%3E&amp;t=.jpg" rel="T00358g5lq55i3td" title="" >
2795 
2796
2797<img class="img-responsive" src="/csx/scripts/resizer.php?filename=T004%2Fimg1%2F57%2F79%2Ff805tzuf3tog&amp;mime=image%252Fjpeg&amp;originalname=ccvusp.jpg&amp;geometry=1440x%3E" alt="image" >
2798
2799                
2800 </a>
2801  </div>
2802
2803                
2804      
2805
2806                                    <div class="cv3-imagetxt clearfix">
2807      
2808   <!---->
2809  <a class="nyroModal" href="/csx/scripts/resizer.php?filename=T004%2Fimg1%2F1e%2F82%2Fcwr5tzufhw6c&amp;mime=image%252Fjpeg&amp;originalname=logo-ccvusp.jpg&amp;geometry=1680x%3E&amp;t=.jpg" title="Communauté de Communes " >
2810 
2811
2812<img class="img-responsive" src="/csx/scripts/resizer.php?filename=T004%2Fimg1%2F1e%2F82%2Fcwr5tzufhw6c&amp;mime=image%252Fjpeg&amp;originalname=logo-ccvusp.jpg&amp;geometry=720x%3E" alt="Communauté de Communes " title="Communauté de Communes " >
2813
2814                
2815 </a>
2816
2817
2818     <h2>Communauté de Communes </h2>  <h3>Vallée de l'Ubaye Serre-Ponçon</h3>  <h4>Sa situation géographique privilégiée, son attractivité reconnue tout au long de l'année, sa variété d'atouts naturels font d'elle un remarquable concentré de ressources uniques</h4>  <p>
2819  Sur la route des Grandes Alpes entre Lac Léman et Méditerranée, la vallée de l'Ubaye s'ouvre sur Marseille (à 2h30 de la gare TVG d'Aix-en-Provence et de l'aéroport Marseille-Provence), Nice, Grenoble et Cuneo (Italie).
2820</p>
2821<p>
2822  Cette situation géographique place ce territoire à portée d'un bassin de population de 2,2 millions habitants à moins de 2 heures de route (hors Italie).
2823</p></div>
2824
2825                
2826      
2827
2828                                    <div class="cv3-txtseul clearfix">
2829    <p>
2830  Bordée par le lac de Serre-Ponçon, un des plus grands lacs artificiels de France, et par le Parc National du Mercantour, ce territoire est reconnu « Pays d'art et d'histoire ». Il est aussi le lieu de toutes les itinérances à pieds, à vélo, à moto… La communauté de communes Vallée de l'Ubaye Serre-Ponçon a été cr
2830ée en 2017.
2831</p>
2832<h3>
2833  Elle regroupe les communes de :
2834</h3></div>
2835
2836                
2837      
2838
2839                                    <!-- texte double colonnage -->
2840<div class="cv3-2cols clearfix">
2841  <div class="colg">
2842                   
2843    <ul>
2844  <li>Barcelonnette
2845  </li>
2846  <li>Jausiers
2847  </li>
2848  <li>Saint-Pons
2849  </li>
2850  <li>Faucon-de-Barcelonnette
2851  </li>
2852  <li>Les Thuiles
2853  </li>
2854  <li>La Condamine-Châtelard (Sainte - Anne)
2855  </li>
2856  <li>Uvernet - Fours (Pra Loup)
2857  </li>
2858</ul>
2859     
2860  </div>
2861  <div class="cold">
2862                
2863
2864    <ul>
2865  <li>Enchastrayes (Le Sauze)
2866  </li>
2867  <li>Méolans-Revel
2868  </li>
2869  <li>Le Lauzet-Ubaye
2870  </li>
2871  <li>Val d'Oronaye
2872  </li>
2873  <li>Saint-Paul-sur-Ubaye
2874  </li>
2875  <li>Ubaye Serre-Ponçon
2876  </li>
2877</ul>
2878          </div>
2879</div>
2880
2881                
2882      
2883
2884                                    <div class="cv3-grdimage clearfix">
2885  <h2>La Vallée de l'Ubaye Serre-Ponçon</h2>             
2886   <!---->
2887  <a class="nyroModal" href="/csx/scripts/resizer.php?filename=T004%2Fimg1%2F87%2F57%2Fd5a5y56twun2&amp;mime=image%252Fjpeg&amp;originalname=carte_maj+CCVUSP+21-09-20.jpg&amp;geometry=1680x%3E&amp;t=.jpg" rel="T00358g5lq55i3td" title="La Vallée de l&#039;Ubaye Serre-Ponçon" >
2888 
2889
2890<img class="img-responsive" src="/csx/scripts/resizer.php?filename=T004%2Fimg1%2F87%2F57%2Fd5a5y56twun2&amp;mime=image%252Fjpeg&amp;originalname=carte_maj+CCVUSP+21-09-20.jpg&amp;geometry=1440x%3E" alt="La Vallée de l&#039;Ubaye Serre-Ponçon" title="La Vallée de l&#039;Ubaye Serre-Ponçon" >
2891
2892                
2893 </a>
2894  </div>
2895
2896                
2897      
2898
2899                                    <div class="cv3-grdimage clearfix">
2900  <h2>Une situation géographique privilégiée</h2>             
2901   <!---->
2902  <a class="nyroModal" href="/csx/scripts/resizer.php?filename=T004%2Fimg1%2F88%2F01%2Fmfj5u0abwup0&amp;mime=image%252Fjpeg&amp;originalname=carte-territoire-ccvusp.jpg&amp;geometry=1680x%3E&amp;t=.jpg" rel="T00358g5lq55i3td" title="Une situation géographique privilégiée" >
2903 
2904
2905<img class="img-responsive" src="/csx/scripts/resizer.php?filename=T004%2Fimg1%2F88%2F01%2Fmfj5u0abwup0&amp;mime=image%252Fjpeg&amp;originalname=carte-territoire-ccvusp.jpg&amp;geometry=1440x%3E" alt="Une situation géographique privilégiée" title="Une situation géographique privilégiée" >
2906
2907                
2908 </a>
2909  </div>
2910
2911                
2912      
2913
2914                                    <div class="cv3-txtseul clearfix">
2915 <h2>Historique</h2>   <div>
2916  <strong>1962 :</strong> Création du Syndicat Intercommunal à Vocation Multiple (SIVOM) par arrêté préfectoral N°62.82 du 25 Janvier 1962 <br />
2917   
2918</div>
2919<div>
2920  <strong>1985 : </strong>Création du District de la Rive Gauche de Serre-Ponçon par arrêté Préfectoral N°85.1878 du 15.7.1985.<br />
2921   
2922</div>
2923<div>
2924  <strong>1993 : </strong>Création de la Communauté de Communes « Vallée de l'Ubaye » (CVVU) en substitution du SIVOM par arrêté préfectoral N°92.2750 du 31.12.1992. <br />
2925   
2926</div>
2927<div>
2928  <strong>2002 :</strong> Création de la Communauté de Communes « Ubaye Serre-Ponçon » (CCUSP) en substitution du District précité par arrêté préfectoral N°2001-3343 du 24 décembre 2001. <br />
2929   
2930</div>
2931<div>
2932  <strong>2017 :</strong> Création de la Communauté de Communes « Vallée de l'Ubaye Serre-Ponçon » (CCVUSP) par arrêté préfectoral N°2016.351.012 du 16 Décembre 2016 : Nouvelle structure issue de la fusion des deux communautés de communes précitées soit : la Communauté de Communes « Vallée de l'Ubaye » et la Communauté de Communes « Ubaye Serre-Ponçon ».
2933</div></div>
2934
2935                          
2936       
2937                   
2938  </div>
2939        </div>
2940      </div>
2941    </div>
2942    <!--htdig_noindex-->
2943    <!--=== Footer ===-->
2944<footer class="footer">
2945  <div class="container">
2946    <div class="row">
2947
2948	
2949
2950      <div class="col-md-3 md-margin-bottom-20">
2951        <div class="footer-subsribe">
2952		
2953
2954		<div class="partage">
2955		<h3>Newsletter</h3>
2956		</div>
2957          <div class="input-group">
2958		  <a href="/newsletter-inscription.html">Inscription / Désinscription</a>
2959		              </div>
2960			
2961			</div>
2962			<div class="footer-subsribe">
2963		   <h3>Restez connect&eacute;</h3>
2964		   <div class="pictos-block"> 
2965  <ul>
2966   <li><a href="https://www.facebook.com/ccvusp" title="Facebook" target="_blank"><span class="glyphicon csico-facebook"></span></a></li>       <li><a href="https://www.instagram.com/ccvusp/" title="Instagram" target="_blank"><span class="glyphicon csico-instagram"></span></a></li>    <li><a href="" title="Twitter" target="_blank"><span class="glyphicon csico-twitter"></span></a></li>     <li><a href="https://www.youtube.com/@ccvusp" title="Youtube" target="_blank"><span class="glyphicon csico-youtube"></span></a></li>	   <li><a href="https://www.linkedin.com/company/ccvusp" title="Linkedin" target="_blank"><span class="glyphicon csico-linkedin"></span></a></li>  </ul>
2967</div>
2968	    </div>
2969      </div>
2970      <!--/col-md-3-->
2971      
2972      <div class="col-md-3 md-margin-bottom-20">
2973	   <div class="partage">
2974          <h3>Informations</h3>
2975        </div>
2976	<div class="navbas">
2977  <ul>
2978        <li><a href="/contact.html">Nous contacter</a></li>
2979        <li><a href="/mentions-legales.html">Mentions légales</a></li>
2980        <li><a href="/charte-graphique.html">Charte graphique</a></li>
2981        <li><a href="/plansite.html">Plan du site</a></li>
2982    	<li><a href="#tarteaucitron">Gestion des cookies</a>
2983  </ul>
2984</div>
2985
2986
2987      </div>
2988      <!--/col-md-3-->
2989      
2990      <div class="col-md-3 md-margin-bottom-20"> 
2991        <!-- Contact -->
2992        <div class="ot">
2993          <h3>Communaut&eacute; de communes<br>Vall&eacute;e de l&acute; Ubaye Serre-Pon&ccedil;on</h3>
2994        </div>
2995        <address class="md-margin-bottom-20">
2996        4, Av. des 3 frères Arnaud<br />
299704400 Barcelonnette<br />
2998T. 04 92 81 28 23<br/>
2999        
3000        </address>
3001        <!-- End Contact -->
3002      </div>
3003      <!--/col-md-3-->
3004
3005
3006
3007      <div class="col-md-3 md-margin-bottom-20">
3008
3009
3010 <div class="partenaires"> 
3011 <a href="https://www.mondepartement04.fr/" target="_blank" title="Alpes de Haute Provence - Mon d&eacute;partement 04"><img src="/images/logo-04.png" style="float:left; margin:0 0 10px 0; width:200px;" class="img-responsive" alt="Alpes de Haute Provence - Mon d&eacute;partement 04"></a>
3012<a href="https://www.maregionsud.fr/" target="_blank" title="R&eacute;gion Sud - Provence Alpes C&ocirc;te d&acute;Azur"><img src="/images/logo-paca.png" style="float:left; margin:0 0 10px 0; width:200px;" class="img-responsive" alt="R&eacute;gion Sud - Provence Alpes C&ocirc;te d&acute;Azur"></a>
3013
3014</div>
3015           <!--/col-md-3--> 
3016      </div>
3017    </div>
3018  </div>
3019  <!--/footer--> 
3020  
3020<script>
3021    TZR.referer('ccvusp','FR');
3022  </script>
3022
3023       
3023<script>
3024(tarteaucitron.job = tarteaucitron.job || []).push("dailymotion");
3025tarteaucitron.user.gtagUa = "G-W9Q8TCR2S4";
3026(tarteaucitron.job = tarteaucitron.job || []).push("gtag");
3027(tarteaucitron.job = tarteaucitron.job || []).push("vimeo");
3028(tarteaucitron.job = tarteaucitron.job || []).push("youtube");
3029(tarteaucitron.job = tarteaucitron.job || []).push("facebookcustomerchatperso");
3030(tarteaucitron.job = tarteaucitron.job || []).push("facebookpixel_perso");
3031(tarteaucitron.job = tarteaucitron.job || []).push("sharethis_perso");
3032</script>
3032
3033   <!--/htdig_noindex-->
3034
3035<!--/wrapper-->
3036</footer>
3037<script>
3038  jQuery("input[name='coords_HID[lat]']").attr("readonly",true);
3039  jQuery("input[name='coords_HID[lng]']").attr("readonly",true);
3040</script>
3040
3041    <!--/htdig_noindex-->
3042  
3043
3044  <!-- Début de modal -->
3045  <div id="cs-default-dialog" class="modal" aria-hidden="true" role="dialog">
3046  <div class="modal-dialog modal-lg" role="document">
3047    <div class="modal-content">
3048      <div class="modal-header">
3049	<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
3050	<h4 class="modal-title">&nbsp;</h4>
3051      </div>
3052      <div class="modal-body"></div>
3053      <p id="gmapMsg">Déplacez le curseur en cliquant dessus et double cliquez pour valider la position</p>
3054      <div class="modal-footer"></div>
3055    </div>
3056  </div>
3057  </div>
3058  
3059  <!-- Messenger Plugin de discussion Code -->
3060    <div id="fb-root"></div>
3061
3062    <!-- Your Plugin de discussion code -->
3063    <div id="fb-customer-chat" class="fb-customerchat">
3064    </div>
3065
3066    </body>
3067</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.