PageSourceSearch

https://www.cabinetbastien.fr/

html cabinetbastien.fr collected 2026-09-26 12:34:05 UTC 102,377 bytes, 2,561 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr">
3<head>
4    <meta charset="UTF-8">
5    <title>Accueil - Cabinet BASTIEN</title>
6    <meta name="description" content="Le Cabinet BASTIEN est né de la volonté de promouvoir par la qualité du service un nouveau modèle d&#039;exercice de la profession d&#039;avocat.Nous apportons un"/>
7    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
8    <meta name="csrf-token" content="FuPN4Eb9bRJmQMhk7qS3gLxMdnbLAfmQpHbfpDzL"/>
9    
10            <meta name="robots" content="index, follow"/>
11            
12    <meta property="og:site_name" content="Maître Delphine BASTIEN Avocat"/>
13    <meta property="og:locale"
14          content="fr_FR"/>
15
16    
17                
18    
19    <link rel="apple-touch-icon" sizes="180x180" href="https://www.cabinetbastien.fr/favicon/apple-touch-icon.png">
20    <link rel="icon" type="image/png" href="https://www.cabinetbastien.fr/favicon/favicon-32x32.png" sizes="32x32">
21    <link rel="icon" type="image/png" href="https://www.cabinetbastien.fr/favicon/favicon-16x16.png" sizes="16x16">
22    <link rel="icon" href="https://www.cabinetbastien.fr/favicon/favicon.ico" />
23    <link rel="shortcut icon" type="image/x-icon" href="https://www.cabinetbastien.fr/favicon/favicon.ico">
24    <link rel="manifest" href="https://www.cabinetbastien.fr/favicon/manifest.json">
25    <link rel="mask-icon" href="https://www.cabinetbastien.fr/favicon/safari-pinned-tab.svg'" color="#5bbad5">
26<meta name="theme-color" content="#ffffff">
27
28    <link rel="stylesheet" href="/vendor/izimodal/iziModal.min.css">
29            <link rel="stylesheet" href="/vendor/aos/aos.css">
30            <link rel="stylesheet" href="/vendor/leaflet/leaflet.css">
31            <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css">
32    
33            <link rel="stylesheet" href="/css/foundation.global.css?id=8203402eafd1cf3216b6">
34            <link rel="stylesheet" href="/css/backoffice.css?id=fd99fd53f4f884f7d4fa">
35            <link rel="stylesheet" href="/css/chosen.css?id=efbe932d688eca5e0dd9">
36            <link rel="stylesheet" href="/css/jquery.qtip.css?id=a96667dfd862a27bd55f">
37            <link rel="stylesheet" href="/css/select2.min.css?id=9f54e6414f87e0d14b9e">
38            <link rel="stylesheet" href="/css/templates/template-86.css?id=46af223d8b1e2efb1e7a">
39    
40
41
42
43
44    
45    
46    <link rel="stylesheet" href="//www.cabinetbastien.fr/colors.css?colorset_id=451&amp;template_id=89">
47    
48    
49    
50            
50<script type="text/javascript" src="https://js.stripe.com/v2/"></script>
50
51        
51<script src="/js/all.js?id=87abc1b55d2862b5b121"></script>
51
52    
52<script src="https://www.cabinetbastien.fr/vendor/leaflet/leaflet.js"></script>
52
53    
53<script src="https://www.cabinetbastien.fr/vendor/leaflet/Leaflet.Sleep.js"></script>
53
54    
54<script src="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
54
55
56    <link rel="stylesheet" href="https://www.cabinetbastien.fr/css/custom.css">
57    
58    
59    
60</head>
61<body
62    id="template-86"
63    class="template-86 home  "
64    data-is-dirty="0"
65    ng-app="editorApp" ng-controller="PaginationController as pagination"
66    data-page-id="84915"
67    data-page-type="home"
68    data-template-id="89"
69    data-color-template="00838f"
70>
71<style>
72#carrousel-site .slide .overlay-slide {
73    background-color: rgba(0,0,0,0)!important;
74}
75
76body.scrollTop #header-website .mainMenu > .pages > .page > a {
77  color: #282828;
78}
79
80body.scrollTop #header-website .container-menu {
81  border-bottom: 1px solid #ffffff;
82  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.41);
83  background: #fff;
84}
85
86.editmode.page .da-container[da-type="header"] .da-line.background-image[data-position="0"]::before, .page #header-website .da-container[da-type="header"] .da-line {
87  background-color: rgba(0,0,0,0);
88}
89#cookiebanner {
90  display: none;
91}
92</style>
93
94
95
96<script>
97    if (window == parent && (window.location.search.match(new RegExp('[?&]editorVersion=2')) || [, null])[1]) {
98        window.location = `https://espaceclient.digital-avocat.fr${decodeURIComponent((window.location.search.match(new RegExp('[?&]editorUrl=([^&]+)')) || [, null])[1])}?uri=`;
99    }
100</script>
100
101
102<div
103    class="container"
104    id="da-page">
105    
106    
107    <header id="header-website" role="banner">
108    <div class="container-menu ">
109        <div class="wrapper-logo-menu">
110            <div id="site-title">
111        <a class="emblem-wrapper " href="https://www.cabinetbastien.fr">
112        <div class="logo layout-1 number_lines-2">
113            <div class="icon-wrapper icon-rectangles-full">
114                            <svg class="icon rectangles-full">
115        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href=""></use>
116    </svg>
117                    </div>
118        <div class="wrapper-texts">
119        <div class="name" style=" font-family:Open Sans;   "></div>
120        <div class="slogan" style=" font-family:Open Sans ;  "></div>
121    </div>
122</div>
123        </a>
124</div>
125
126            <div class="menu-mobile-picto">
127                <svg xmlns="http://www.w3.org/2000/svg" style="display:none;">
128    <symbol id="close-tpl" viewBox="0 0 23.042 23.042">
129        <path d="M13.289 11.521l9.514-9.513c.383-.382.299-1.089-.189-1.577s-1.195-.573-1.578-.19l-9.514 9.513L2.007.239C1.625-.144.918-.059.43.43S-.143 1.625.24 2.007l9.514 9.514L.24 21.035c-.382.383-.298 1.09.191 1.576.488.488 1.194.574 1.577.191l9.513-9.513 9.514 9.514c.383.382 1.09.298 1.576-.191.488-.488.574-1.194.191-1.577l-9.513-9.514z"/>
130    </symbol>
131    <symbol id="menu-tpl" viewBox="0 0 40 21">
132        <rect width="40" height="3" rx="1.5"/>
133        <rect width="40" height="3" y="9" rx="1.5"/>
134        <rect width="27" height="3" x="13" y="18" rx="1.5"/>
135    </symbol>
136</svg>
137
138<div class="picto-mobile-wrapper-close">
139    <svg class="picto-close">
140        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#close-tpl"></use>
141    </svg>
142    <span class="text">FERMER</span>
143</div>
144<div class="picto-mobile-wrapper-open">
145    <span class="text">MENU</span>
146    <svg class="picto-menu">
147        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#menu-tpl"></use>
148    </svg>
149</div>            </div>
150
151            <nav role="navigation" class="mainMenu  ">
152    <ul class="pages">
153                                    <li class="
154    page page-84915
155 active         ">
156    
157    <a  href="https://www.cabinetbastien.fr"
158        >
159                    <svg class="home home">
160        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/icon/sprite.svg#home"></use>
161    </svg>
162            </a>
163    
164        
165    </li>
166                                                <li class="
167    page page-84903
168 sub         ">
169    
170    <a >
171                    <span class="name">
172                Cabinet
173                                    <svg class="sub-picto chevron-down">
174        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/icon/sprite.svg#chevron-down"></use>
175    </svg>
176                            </span>
177            </a>
178    
179        
180            <div class="sub-pages">
181            <ul class="list-sub-pages">
182
183                                                            <li class="
184    page page-84896
185        ">
186    
187    <a  href="https://www.cabinetbastien.fr/cabinet/presentation"
188        >
189                    <span class="name">
190                Présentation
191                            </span>
192            </a>
193    
194        
195    </li>
196                                                                                <li class="
197    page page-85065
198        ">
199    
200    <a  href="https://www.cabinetbastien.fr/cabinet/avis-clients"
201        >
202                    <span class="name">
203                Avis clients
204                            </span>
205            </a>
206    
207        
208    </li>
209                                                                                <li class="
210    page page-84979
211        ">
212    
213    <a  href="https://www.cabinetbastien.fr/cabinet/me-delphine-bastien"
214        >
215                    <span class="name">
216                Me Delphine BASTIEN
217                            </span>
218            </a>
219    
220        
221    </li>
222                                                                                <li class="
223    page page-84980
224        ">
225    
226    <a  href="https://www.cabinetbastien.fr/cabinet/specialites-de-me-bastien"
227        >
228                    <span class="name">
229                Spécialités de Me Bastien
230                            </span>
231            </a>
232    
233        
234    </li>
235                                                                                <li class="
236    page page-84897
237        ">
238    
239    <a  href="https://www.cabinetbastien.fr/cabinet/honoraires"
240        >
241                    <span class="name">
242                Honoraires
243                            </span>
244            </a>
245    
246        
247    </li>
248                                    
249            </ul>
250        </div>
251    </li>
252                                                <li class="
253    page page-84898
254 sub         ">
255    
256    <a >
257                    <span class="name">
258                Compétences
259                                    <svg class="sub-picto chevron-down">
260        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/icon/sprite.svg#chevron-down"></use>
261    </svg>
262                            </span>
263            </a>
264    
265        
266            <div class="sub-pages">
267            <ul class="list-sub-pages">
268
269                                                            <li class="
270    page page-84899
271        ">
272    
273    <a  href="https://www.cabinetbastien.fr/competences/droit-des-affaires"
274        >
275                    <span class="name">
276                Droit des affaires
277                            </span>
278            </a>
279    
280        
281    </li>
282                                                                                <li class="
283    page page-84900
284        ">
285    
286    <a  href="https://www.cabinetbastien.fr/competences/droit-de-la-propriete-intellectuelle"
287        >
288                    <span class="name">
289                Droit de la propriété intellectuelle
290                            </span>
291            </a>
292    
293        
294    </li>
295                                                                                <li class="
296    page page-84901
297        ">
298    
299    <a  href="https://www.cabinetbastien.fr/competences/droit-des-nouvelles-technologies"
300        >
301                    <span class="name">
302                Droit des nouvelles technologies
303                            </span>
304            </a>
305    
306        
307    </li>
308                                                                                <li class="
309    page page-84983
310        ">
311    
312    <a  href="https://www.cabinetbastien.fr/competences/dpo"
313        >
314                    <span class="name">
315                DPO
316                            </span>
317            </a>
318    
319        
320    </li>
321                                    
322            </ul>
323        </div>
324    </li>
325                                                <li class="
326    page page-84992
327 sub         ">
328    
329    <a  href="https://www.cabinetbastien.fr/formations"
330        >
331                    <span class="name">
332                Formations
333                                    <svg class="sub-picto chevron-down">
334        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/icon/sprite.svg#chevron-down"></use>
335    </svg>
336                            </span>
337            </a>
338    
339        
340            <div class="sub-pages">
341            <ul class="list-sub-pages">
342
343                                                            <li class="
344    page page-85041
345        ">
346    
347    <a  href="https://www.cabinetbastien.fr/formations/formations-inter-entreprise-et-intra-entreprise"
348        >
349                    <span class="name">
350                Formations inter entreprise et intra entreprise
351                            </span>
352            </a>
353    
354        
355    </li>
356                                                                                <li class="
357    page page-84994
358        ">
359    
360    <a  href="https://www.cabinetbastien.fr/formations/catalogue-de-formations"
361        >
362                    <span class="name">
363                Catalogue de formations
364                            </span>
365            </a>
366    
367        
368    </li>
369                                    
370            </ul>
371        </div>
372    </li>
373                                                <li class="
374    page page-84993
375 sub         ">
376    
377    <a  href="https://www.cabinetbastien.fr/enseignements"
378        >
379                    <span class="name">
380                Enseignements
381                                    <svg class="sub-picto chevron-down">
382        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/icon/sprite.svg#chevron-down"></use>
383    </svg>
384                            </span>
385            </a>
386    
387        
388            <div class="sub-pages">
389            <ul class="list-sub-pages">
390
391                                                            <li class="
392    page page-85064
393        ">
394    
395    <a  href="https://www.cabinetbastien.fr/enseignements/enseignements-actuels"
396        >
397                    <span class="name">
398                Enseignements actuels
399                            </span>
400            </a>
401    
402        
403    </li>
404                                                                                <li class="
405    page page-85043
406        ">
407    
408    <a  href="https://www.cabinetbastien.fr/enseignements/enseignements-passes"
409        >
410                    <span class="name">
411                Enseignements passés
412                            </span>
413            </a>
414    
415        
416    </li>
417                                    
418            </ul>
419        </div>
420    </li>
421                                                <li class="
422    page page-84902
423        ">
424    
425    <a  href="https://www.cabinetbastien.fr/publications"
426        >
427                    <span class="name">
428                Publications
429                            </span>
430            </a>
431    
432        
433    </li>
434                    
435        
436            </ul>
437</nav>
438
439
440        </div>
441    </div>
442
443    <div id="carrousel-diapo-container" class="da-container" da-id="86982" da-type="header">
444            <div id="carrousel-site" data-carrousel-id="9195" class="section line-wrapper da-line background-image">
445    <div class="line wrapper-carrousel">
446                    <div class="slide" style="background: url('/storage/images/3917/bastiendelphine-bandeau-accueil-3-230724-174950.jpg') top center no-repeat; background-position-y: 0%" data-bg_position_y="0">
447                <div class="overlay-slide"></div>
448                            </div>
449            </div>
450        <a class="drag-message-carrousel">
451        <svg class="icon move-vertical">
452        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/icon/sprite.svg#move-vertical"></use>
453    </svg>
454        Glissez votre image pour la repositionner
455        <br>
456        Ensuite, cliquez sur ce bouton pour terminer
457    </a>
458
459    </div>
460<script>
461    $(document).ready(function () {
462        $('#carrousel-site .wrapper-carrousel').slick({
463            adaptiveHeight: false,
464
465            arrows: false,
466            dots: false,
467            swipe: false,
468
469            autoplay: true,
470            autoplaySpeed: 3000,
471
472                        fade: true,
473                        pauseOnHover: false,
474        });
475
476        $('#carrousel-site .prev-slide-carrousel').click(function () {
477            $('#carrousel-site .wrapper-carrousel').slick("slickPrev");
478        })
479
480        $('#carrousel-site .next-slide-carrousel').click(function () {
481            $('#carrousel-site .wrapper-carrousel').slick("slickNext");
482        })
483    });
484</script>
484
485            </div>
486
487    <div class="wrapper-social-contact">
488        <ul class="list">
489            
490            <li class="contact">
491                <a onclick="contactOpen()">
492                    <svg class="icon envelope">
493        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/icon/sprite.svg#envelope"></use>
494    </svg>
495                    <span class="text">
496                        Contactez-nous                    </span>
497                </a>
498            </li>
499        </ul>
500
501        <div class="mouse">
502            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 48"><g fill="#FFF" fill-rule="nonzero"><path d="M16 0C7.2 0 0 7.2 0 16v16c0 8.8 7.2 16 16 16s16-7.2 16-16V16c0-8.8-7.2-16-16-16zm14.2 32c0 7.8-6.4 14.2-14.2 14.2-7.8 0-14.2-6.4-14.2-14.2V16C1.8 8.2 8.2 1.8 16 1.8c7.8 0 14.2 6.4 14.2 14.2v16z"/><path d="M16 3c-.6 0-1 .4-1 .8v7.4c0 .4.4.8 1 .8s1-.4 1-.8V3.8c0-.4-.4-.8-1-.8z"/></g></svg>
503        </div>
504
505    </div>
506    
507    
508    
509</header>
510
511    
512            <main id="main-website"  role="main">
513    
514            
515        
516                    
517            <div class="da-container" da-id="87002" da-type="content">
518                
519                                
520                                                            
521                        <div
522    class="section line-wrapper da-line  background-gray "
523    id="ligne-275119"
524    da-id="275119"
525    data-element-type="line"
526    data-bg_type="gray"
527    data-bg_id="288"
528    data-position="0"
529    data-bg_effets="off"
530
531    
532    >
533    <style>
534    .da-line[da-id="275119"] {
535        border-style: solid !important;
536        border-width: 0;
537        border-color: #00838f;
538    }
539            @media  screen  {
540            .da-line[da-id="275119"] {
541                                                                                                                                                                                                                                                                                                                                                            }
542        }
543            @media  screen and (max-width: 1024px) {
544            .da-line[da-id="275119"] {
545                                                                                                                                                                                                                                                                                                                                                            }
546        }
547            @media  screen and (max-width: 768px) {
548            .da-line[da-id="275119"] {
549                                                                                                                                                                                                                                                                                                                                                            }
550        }
551    </style>
552
553    
554    
555    <div class="line bloc-line  background-transparent "
556         data-bg_type="transparent"
557         data-bg_id=""
558         data-bg_trans="0"
559         data-bg_rgbtrans="0"
560
561             >
562
563                    <div class="row">
564                                                    <h1                        class="h1 hx small-12 large-12 column title title-section text-color "
565                                            >
566                        <div style="text-align: center;">Domaines de compétence</div>
567                    </h1>
568                            </div>
569                <div class="row">
570                                                <div
571    class="
572        column-wrapper
573        da-column
574         column          small-12          medium-12         large-4
575        xlarge-4
576         background-transparent     "
577    da-number="0"
578    da-id="474621"
579    data-element-type="column"
580    data-ratio="4"
581    data-bg_type="transparent"
582    data-bg_id=""
583    data-nb-column="1"
584
585    da-cell-type="pictogramtextbutton"
586
587    >
588    <style>
589    .da-column[da-id="474621"] {
590        border-style: solid !important;
591        border-width: 0;
592        border-color: #00838f;
593    }
594            @media  screen  {
595            .da-column[da-id="474621"] {
596                                                                                                                                                                                                                                                                                                                                                            }
597        }
598            @media  screen and (max-width: 1024px) {
599            .da-column[da-id="474621"] {
600                                                                                                                                                                                                                                                                                                                                                            }
601        }
602            @media  screen and (max-width: 768px) {
603            .da-column[da-id="474621"] {
604                                                                                                                                                                                                                                                                                                                                                            }
605        }
606    </style>
607
608    
609    
610                        <div
611                class="
612                cell-wrapper da-cell
613                 background-transparent "
614                da-id="695484"
615                da-type="pictogram"
616                data-bg_type="transparent"
617                data-bg_id=""
618                data-bg_trans="0"
619                data-bg_rgbtrans="0"
620                                    data-aos="fade-up"
621                    data-aos-duration="500"
622                    data-aos-easing="ease-in-out-sine"
623                    data-aos-delay="250"
624                    data-aos-once="true"
625                                
626                            >
627                <style>
628    .da-cell[da-id="695484"] {
629        border-style: solid !important;
630        border-width: 0;
631        border-color: #00838f;
632    }
633            @media  screen  {
634            .da-cell[da-id="695484"] {
635                                                                                                                                                                                                                                                                                                                                                            }
636        }
637            @media  screen and (max-width: 1024px) {
638            .da-cell[da-id="695484"] {
639                                                                                                                                                                                                                                                                                                                                                            }
640        }
641            @media  screen and (max-width: 768px) {
642            .da-cell[da-id="695484"] {
643                                                                                                                                                                                                                                                                                                                                                            }
644        }
645    </style>
646
647                <div
648    class="block-pictogram da-cell-pictogram  ">
649        <div class="da-cell-content">
650                    <div class="text-center">
651    <h3><a    class="da-pictogram ajaxcall"
652
653    data-picto="competence-2"
654
655    data-align="center"
656    data-size="l"
657    data-shape="circle"
658    data-icon_color="white"
659    data-bg_color="transparent"
660    data-border_color="transparent"
661
662    data-text="Droit des affaires"
663    data-text_position="b"
664    data-text_color="white"
665
666            data-target_type="page"
667        data-page_id="84899"
668        data-uploaded_file_id=""
669        data-link=""
670        
671                    href="https://www.cabinetbastien.fr/competences/droit-des-affaires"
672                
673                                            >
674    <div class="picto">
675    <svg class="icon competence-2">
676        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/icon/competences.svg#competence-2"></use>
677    </svg>
678    </div>
679    <div class="text">Droit des affaires</div>
680</a></h3>
681</div>
682        
683            </div>
684</div>
685
686<div class="clearfix"></div>
687            </div>
688                    <div
689                class="
690                cell-wrapper da-cell
691                 background-transparent "
692                da-id="695485"
693                da-type="text"
694                data-bg_type="transparent"
695                data-bg_id=""
696                data-bg_trans="0"
697                data-bg_rgbtrans="0"
698                                    data-aos="fade-up"
699                    data-aos-duration="500"
700                    data-aos-easing="ease-in-out-sine"
701                    data-aos-delay="250"
702                    data-aos-once="true"
703                                
704                            >
705                <style>
706    .da-cell[da-id="695485"] {
707        border-style: solid !important;
708        border-width: 0;
709        border-color: #00838f;
710    }
711            @media  screen  {
712            .da-cell[da-id="695485"] {
713                                                                                                                                                                                                                                                                                                                                                            }
714        }
715            @media  screen and (max-width: 1024px) {
716            .da-cell[da-id="695485"] {
717                                                                                                                                                                                                                                                                                                                                                            }
718        }
719            @media  screen and (max-width: 768px) {
720            .da-cell[da-id="695485"] {
721                                                                                                                                                                                                                                                                                                                                                            }
722        }
723    </style>
724
725                <div
726    class="block-text da-cell-text  ">
727        <div class="da-cell-content">
728                    <div >
729                    <p>
729Litiges et contentieux commerciaux, concurrence, actions en paiement, publicité, droit des contrats, droit de la distribution, CGV, ...</p>
730            </div>
731        
732            </div>
733</div>
734
735<div class="clearfix"></div>
736            </div>
737                    <div
738                class="
739                cell-wrapper da-cell
740                 background-transparent "
741                da-id="695486"
742                da-type="button"
743                data-bg_type="transparent"
744                data-bg_id=""
745                data-bg_trans="0"
746                data-bg_rgbtrans="0"
747                                    data-aos="fade-up"
748                    data-aos-duration="500"
749                    data-aos-easing="ease-in-out-sine"
750                    data-aos-delay="250"
751                    data-aos-once="true"
752                                
753                            >
754                <style>
755    .da-cell[da-id="695486"] {
756        border-style: solid !important;
757        border-width: 0;
758        border-color: #00838f;
759    }
760            @media  screen  {
761            .da-cell[da-id="695486"] {
762                                                                                                                                                                                                                                                                                                                                                            }
763        }
764            @media  screen and (max-width: 1024px) {
765            .da-cell[da-id="695486"] {
766                                                                                                                                                                                                                                                                                                                                                            }
767        }
768            @media  screen and (max-width: 768px) {
769            .da-cell[da-id="695486"] {
770                                                                                                                                                                                                                                                                                                                                                            }
771        }
772    </style>
773
774                <div
775    class="block-button da-cell-button  ">
776        <div class="da-cell-content">
777                    <div class="text-center">
778    <a
779    class="da-button withhover ajaxcall"
780
781    data-picto="no-icon"
782            data-text="En savoir plus"
783    
784    data-align="center"
785    data-layout="horizontal"
786    data-color="transparent"
787    data-border_color="white"
788    data-size="s"
789    data-shape="rounded-large"
790
791            data-target_type="page"
792        data-page_id="84899"
793        data-uploaded_file_id=""
794        data-link=""
795        
796                    href="https://www.cabinetbastien.fr/competences/droit-des-affaires"
797                
798                
799                                                    >
800    <span class="da_button_flex">
801        <span class="svg-wrapper  hide ">
802            <svg class="icon no-icon">
803        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/icon/sprite.svg#no-icon"></use>
804    </svg>
805        </span>
806        <span class="text">
807                            En savoir plus
808                    </span>
809    </span>
810</a>
811</div>
812        
813            </div>
814</div>
815
816<div class="clearfix"></div>
817            </div>
818            </div>
819                                    <div
820    class="
821        column-wrapper
822        da-column
823         column          small-12          medium-12         large-4
824        xlarge-4
825         background-transparent     "
826    da-number="1"
827    da-id="474622"
828    data-element-type="column"
829    data-ratio="4"
830    data-bg_type="transparent"
831    data-bg_id=""
832    data-nb-column="1"
833
834    da-cell-type="pictogramtextbutton"
835
836    >
837    <style>
838    .da-column[da-id="474622"] {
839        border-style: solid !important;
840        border-width: 0;
841        border-color: #00838f;
842    }
843            @media  screen  {
844            .da-column[da-id="474622"] {
845                                                                                                                                                                                                                                                                                                                                                            }
846        }
847            @media  screen and (max-width: 1024px) {
848            .da-column[da-id="474622"] {
849                                                                                                                                                                                                                                                                                                                                                            }
850        }
851            @media  screen and (max-width: 768px) {
852            .da-column[da-id="474622"] {
853                                                                                                                                                                                                                                                                                                                                                            }
854        }
855    </style>
856
857    
858    
859                        <div
860                class="
861                cell-wrapper da-cell
862                 background-transparent "
863                da-id="695487"
864                da-type="pictogram"
865                data-bg_type="transparent"
866                data-bg_id=""
867                data-bg_trans="0"
868                data-bg_rgbtrans="0"
869                                    data-aos="fade-up"
870                    data-aos-duration="500"
871                    data-aos-easing="ease-in-out-sine"
872                    data-aos-delay="250"
873                    data-aos-once="true"
874                                
875                            >
876                <style>
877    .da-cell[da-id="695487"] {
878        border-style: solid !important;
879        border-width: 0;
880        border-color: #00838f;
881    }
882            @media  screen  {
883            .da-cell[da-id="695487"] {
884                                                                                                                                                                                                                                                                                                                                                            }
885        }
886            @media  screen and (max-width: 1024px) {
887            .da-cell[da-id="695487"] {
888                                                                                                                                                                                                                                                                                                                                                            }
889        }
890            @media  screen and (max-width: 768px) {
891            .da-cell[da-id="695487"] {
892                                                                                                                                                                                                                                                                                                                                                            }
893        }
894    </style>
895
896                <div
897    class="block-pictogram da-cell-pictogram  ">
898        <div class="da-cell-content">
899                    <div class="text-center">
900    <h3><a    class="da-pictogram ajaxcall"
901
902    data-picto="competence-6"
903
904    data-align="center"
905    data-size="l"
906    data-shape="circle"
907    data-icon_color="white"
908    data-bg_color="transparent"
909    data-border_color="transparent"
910
911    data-text="Droit de la propriété intellectuelle"
912    data-text_position="b"
913    data-text_color="white"
914
915            data-target_type="page"
916        data-page_id="84900"
917        data-uploaded_file_id=""
918        data-link=""
919        
920                    href="https://www.cabinetbastien.fr/competences/droit-de-la-propriete-intellectuelle"
921                
922                                            >
923    <div class="picto">
924    <svg class="icon competence-6">
925        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/icon/competences.svg#competence-6"></use>
926    </svg>
927    </div>
928    <div class="text">Droit de la propriété intellectuelle</div>
929</a></h3>
930</div>
931        
932            </div>
933</div>
934
935<div class="clearfix"></div>
936            </div>
937                    <div
938                class="
939                cell-wrapper da-cell
940                 background-transparent "
941                da-id="695488"
942                da-type="text"
943                data-bg_type="transparent"
944                data-bg_id=""
945                data-bg_trans="0"
946                data-bg_rgbtrans="0"
947                                    data-aos="fade-up"
948                    data-aos-duration="500"
949                    data-aos-easing="ease-in-out-sine"
950                    data-aos-delay="250"
951                    data-aos-once="true"
952                                
953                            >
954                <style>
955    .da-cell[da-id="695488"] {
956        border-style: solid !important;
957        border-width: 0;
958        border-color: #00838f;
959    }
960            @media  screen  {
961            .da-cell[da-id="695488"] {
962                                                                                                                                                                                                                                                                                                                                                            }
963        }
964            @media  screen and (max-width: 1024px) {
965            .da-cell[da-id="695488"] {
966                                                                                                                                                                                                                                                                                                                                                            }
967        }
968            @media  screen and (max-width: 768px) {
969            .da-cell[da-id="695488"] {
970                                                                                                                                                                                                                                                                                                                                                            }
971        }
972    </style>
973
974                <div
975    class="block-text da-cell-text  ">
976        <div class="da-cell-content">
977                    <div >
978                    <p>Dépôt de marque, contentieux, droit des brevets, droit des dessins et modèles, propriété littéraire et artistique, contrefaçon, parasitisme, ...</p>
979            </div>
980        
981            </div>
982</div>
983
984<div class="clearfix"></div>
985            </div>
986                    <div
987                class="
988                cell-wrapper da-cell
989                 background-transparent "
990                da-id="695489"
991                da-type="button"
992                data-bg_type="transparent"
993                data-bg_id=""
994                data-bg_trans="0"
995                data-bg_rgbtrans="0"
996                                    data-aos="fade-up"
997                    data-aos-duration="500"
998                    data-aos-easing="ease-in-out-sine"
999                    data-aos-delay="250"
1000                    data-aos-once="true"
1001                                
1002                            >
1003                <style>
1004    .da-cell[da-id="695489"] {
1005        border-style: solid !important;
1006        border-width: 0;
1007        border-color: #00838f;
1008    }
1009            @media  screen  {
1010            .da-cell[da-id="695489"] {
1011                                                                                                                                                                                                                                                                                                                                                            }
1012        }
1013            @media  screen and (max-width: 1024px) {
1014            .da-cell[da-id="695489"] {
1015                                                                                                                                                                                                                                                                                                                                                            }
1016        }
1017            @media  screen and (max-width: 768px) {
1018            .da-cell[da-id="695489"] {
1019                                                                                                                                                                                                                                                                                                                                                            }
1020        }
1021    </style>
1022
1023                <div
1024    class="block-button da-cell-button  ">
1025        <div class="da-cell-content">
1026                    <div class="text-center">
1027    <a
1028    class="da-button withhover ajaxcall"
1029
1030    data-picto="no-icon"
1031            data-text="En savoir plus"
1032    
1033    data-align="center"
1034    data-layout="horizontal"
1035    data-color="transparent"
1036    data-border_color="white"
1037    data-size="s"
1038    data-shape="rounded-large"
1039
1040            data-target_type="page"
1041        data-page_id="84900"
1042        data-uploaded_file_id=""
1043        data-link=""
1044        
1045                    href="https://www.cabinetbastien.fr/competences/droit-de-la-propriete-intellectuelle"
1046                
1047                
1048                                                    >
1049    <span class="da_button_flex">
1050        <span class="svg-wrapper  hide ">
1051            <svg class="icon no-icon">
1052        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/icon/sprite.svg#no-icon"></use>
1053    </svg>
1054        </span>
1055        <span class="text">
1056                            En savoir plus
1057                    </span>
1058    </span>
1059</a>
1060</div>
1061        
1062            </div>
1063</div>
1064
1065<div class="clearfix"></div>
1066            </div>
1067            </div>
1068                                    <div
1069    class="
1070        column-wrapper
1071        da-column
1072         column          small-12          medium-12         large-4
1073        xlarge-4
1074         background-transparent     "
1075    da-number="2"
1076    da-id="474623"
1077    data-element-type="column"
1078    data-ratio="4"
1079    data-bg_type="transparent"
1080    data-bg_id=""
1081    data-nb-column="1"
1082
1083    da-cell-type="pictogramtextbutton"
1084
1085    >
1086    <style>
1087    .da-column[da-id="474623"] {
1088        border-style: solid !important;
1089        border-width: 0;
1090        border-color: #00838f;
1091    }
1092            @media  screen  {
1093            .da-column[da-id="474623"] {
1094                                                                                                                                                                                                                                                                                                                                                            }
1095        }
1096            @media  screen and (max-width: 1024px) {
1097            .da-column[da-id="474623"] {
1098                                                                                                                                                                                                                                                                                                                                                            }
1099        }
1100            @media  screen and (max-width: 768px) {
1101            .da-column[da-id="474623"] {
1102                                                                                                                                                                                                                                                                                                                                                            }
1103        }
1104    </style>
1105
1106    
1107    
1108                        <div
1109                class="
1110                cell-wrapper da-cell
1111                 background-transparent "
1112                da-id="695490"
1113                da-type="pictogram"
1114                data-bg_type="transparent"
1115                data-bg_id=""
1116                data-bg_trans="0"
1117                data-bg_rgbtrans="0"
1118                                    data-aos="fade-up"
1119                    data-aos-duration="500"
1120                    data-aos-easing="ease-in-out-sine"
1121                    data-aos-delay="250"
1122                    data-aos-once="true"
1123                                
1124                            >
1125                <style>
1126    .da-cell[da-id="695490"] {
1127        border-style: solid !important;
1128        border-width: 0;
1129        border-color: #00838f;
1130    }
1131            @media  screen  {
1132            .da-cell[da-id="695490"] {
1133                                                                                                                                                                                                                                                                                                                                                            }
1134        }
1135            @media  screen and (max-width: 1024px) {
1136            .da-cell[da-id="695490"] {
1137                                                                                                                                                                                                                                                                                                                                                            }
1138        }
1139            @media  screen and (max-width: 768px) {
1140            .da-cell[da-id="695490"] {
1141                                                                                                                                                                                                                                                                                                                                                            }
1142        }
1143    </style>
1144
1145                <div
1146    class="block-pictogram da-cell-pictogram  ">
1147        <div class="da-cell-content">
1148                    <div class="text-center">
1149    <h3><a    class="da-pictogram ajaxcall"
1150
1151    data-picto="competence-22"
1152
1153    data-align="center"
1154    data-size="l"
1155    data-shape="circle"
1156    data-icon_color="white"
1157    data-bg_color="transparent"
1158    data-border_color="transparent"
1159
1160    data-text="Droit des nouvelles technologies"
1161    data-text_position="b"
1162    data-text_color="white"
1163
1164            data-target_type="page"
1165        data-page_id="84901"
1166        data-uploaded_file_id=""
1167        data-link=""
1168        
1169                    href="https://www.cabinetbastien.fr/competences/droit-des-nouvelles-technologies"
1170                
1171                                            >
1172    <div class="picto">
1173    <svg class="icon competence-22">
1174        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/icon/competences.svg#competence-22"></use>
1175    </svg>
1176    </div>
1177    <div class="text">Droit des nouvelles technologies</div>
1178</a></h3>
1179</div>
1180        
1181            </div>
1182</div>
1183
1184<div class="clearfix"></div>
1185            </div>
1186                    <div
1187                class="
1188                cell-wrapper da-cell
1189                 background-transparent "
1190                da-id="695491"
1191                da-type="text"
1192                data-bg_type="transparent"
1193                data-bg_id=""
1194                data-bg_trans="0"
1195                data-bg_rgbtrans="0"
1196                                    data-aos="fade-up"
1197                    data-aos-duration="500"
1198                    data-aos-easing="ease-in-out-sine"
1199                    data-aos-delay="250"
1200                    data-aos-once="true"
1201                                
1202                            >
1203                <style>
1204    .da-cell[da-id="695491"] {
1205        border-style: solid !important;
1206        border-width: 0;
1207        border-color: #00838f;
1208    }
1209            @media  screen  {
1210            .da-cell[da-id="695491"] {
1211                                                                                                                                                                                                                                                                                                                                                            }
1212        }
1213            @media  screen and (max-width: 1024px) {
1214            .da-cell[da-id="695491"] {
1215                                                                                                                                                                                                                                                                                                                                                            }
1216        }
1217            @media  screen and (max-width: 768px) {
1218            .da-cell[da-id="695491"] {
1219                                                                                                                                                                                                                                                                                                                                                            }
1220        }
1221    </style>
1222
1223                <div
1224    class="block-text da-cell-text  ">
1225        <div class="da-cell-content">
1226                    <div >
1227                    <p>Contrats informatiques et de prestations de services, logiciels, internet, cgv sites web, sécurité informatique et données personnelles, CIL, droit de la publicité, ...</p>
1228            </div>
1229        
1230            </div>
1231</div>
1232
1233<div class="clearfix"></div>
1234            </div>
1235                    <div
1236                class="
1237                cell-wrapper da-cell
1238                 background-transparent "
1239                da-id="695492"
1240                da-type="button"
1241                data-bg_type="transparent"
1242                data-bg_id=""
1243                data-bg_trans="0"
1244                data-bg_rgbtrans="0"
1245                                    data-aos="fade-up"
1246                    data-aos-duration="500"
1247                    data-aos-easing="ease-in-out-sine"
1248                    data-aos-delay="250"
1249                    data-aos-once="true"
1250                                
1251                            >
1252                <style>
1253    .da-cell[da-id="695492"] {
1254        border-style: solid !important;
1255        border-width: 0;
1256        border-color: #00838f;
1257    }
1258            @media  screen  {
1259            .da-cell[da-id="695492"] {
1260                                                                                                                                                                                                                                                                                                                                                            }
1261        }
1262            @media  screen and (max-width: 1024px) {
1263            .da-cell[da-id="695492"] {
1264                                                                                                                                                                                                                                                                                                                                                            }
1265        }
1266            @media  screen and (max-width: 768px) {
1267            .da-cell[da-id="695492"] {
1268                                                                                                                                                                                                                                                                                                                                                            }
1269        }
1270    </style>
1271
1272                <div
1273    class="block-button da-cell-button  ">
1274        <div class="da-cell-content">
1275                    <div class="text-center">
1276    <a
1277    class="da-button withhover ajaxcall"
1278
1279    data-picto="no-icon"
1280            data-text="En savoir plus"
1281    
1282    data-align="center"
1283    data-layout="horizontal"
1284    data-color="transparent"
1285    data-border_color="white"
1286    data-size="s"
1287    data-shape="rounded-large"
1288
1289            data-target_type="page"
1290        data-page_id="84901"
1291        data-uploaded_file_id=""
1292        data-link=""
1293        
1294                    href="https://www.cabinetbastien.fr/competences/droit-des-nouvelles-technologies"
1295                
1296                
1297                                                    >
1298    <span class="da_button_flex">
1299        <span class="svg-wrapper  hide ">
1300            <svg class="icon no-icon">
1301        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/icon/sprite.svg#no-icon"></use>
1302    </svg>
1303        </span>
1304        <span class="text">
1305                            En savoir plus
1306                    </span>
1307    </span>
1308</a>
1309</div>
1310        
1311            </div>
1312</div>
1313
1314<div class="clearfix"></div>
1315            </div>
1316            </div>
1317                            
1318                    </div>
1319    </div>
1320
1321    </div>
1322                                                                                
1323                        <div
1324    class="section line-wrapper da-line  background-transparent "
1325    id="ligne-275121"
1326    da-id="275121"
1327    data-element-type="line"
1328    data-bg_type="transparent"
1329    data-bg_id=""
1330    data-position="1"
1331    data-bg_effets="off"
1332
1333    
1334    >
1335    <style>
1336    .da-line[da-id="275121"] {
1337        border-style: solid !important;
1338        border-width: 0;
1339        border-color: #00838f;
1340    }
1341            @media  screen  {
1342            .da-line[da-id="275121"] {
1343                                                                                                                                                                                                                                                                                                                                                            }
1344        }
1345            @media  screen and (max-width: 1024px) {
1346            .da-line[da-id="275121"] {
1347                                                                                                                                                                                                                                                                                                                                                            }
1348        }
1349            @media  screen and (max-width: 768px) {
1350            .da-line[da-id="275121"] {
1351                                                                                                                                                                                                                                                                                                                                                            }
1352        }
1353    </style>
1354
1355    
1356    
1357    <div class="line bloc-line  background-transparent "
1358         data-bg_type="transparent"
1359         data-bg_id=""
1360         data-bg_trans="0"
1361         data-bg_rgbtrans="0"
1362
1363             >
1364
1365                    <div class="row">
1366                                                    <h2                        class="h2 hx small-12 large-12 column title title-section text-color "
1367                                            >
1368                        <div style="">Nos engagements</div>
1369                    </h2>
1370                            </div>
1371                <div class="row">
1372                                                <div
1373    class="
1374        column-wrapper
1375        da-column
1376         column          small-12          medium-12         large-3
1377        xlarge-3
1378         background-transparent     "
1379    da-number="0"
1380    da-id="474626"
1381    data-element-type="column"
1382    data-ratio="3"
1383    data-bg_type="transparent"
1384    data-bg_id=""
1385    data-nb-column="1"
1386
1387    da-cell-type="pictogram"
1388
1389    >
1390    <style>
1391    .da-column[da-id="474626"] {
1392        border-style: solid !important;
1393        border-width: 0;
1394        border-color: #00838f;
1395    }
1396            @media  screen  {
1397            .da-column[da-id="474626"] {
1398                                                                                                                                                                                                                                                                                                                                                            }
1399        }
1400            @media  screen and (max-width: 1024px) {
1401            .da-column[da-id="474626"] {
1402                                                                                                                                                                                                                                                                                                                                                            }
1403        }
1404            @media  screen and (max-width: 768px) {
1405            .da-column[da-id="474626"] {
1406                                                                                                                                                                                                                                                                                                                                                            }
1407        }
1408    </style>
1409
1410    
1411    
1412                        <div
1413                class="
1414                cell-wrapper da-cell
1415                 background-transparent "
1416                da-id="695495"
1417                da-type="pictogram"
1418                data-bg_type="transparent"
1419                data-bg_id=""
1420                data-bg_trans="0"
1421                data-bg_rgbtrans="0"
1422                                    data-aos="fade-up"
1423                    data-aos-duration="500"
1424                    data-aos-easing="ease-in-out-sine"
1425                    data-aos-delay="250"
1426                    data-aos-once="true"
1427                                
1428                            >
1429                <style>
1430    .da-cell[da-id="695495"] {
1431        border-style: solid !important;
1432        border-width: 0;
1433        border-color: #00838f;
1434    }
1435            @media  screen  {
1436            .da-cell[da-id="695495"] {
1437                                                                                                                                                                                                                                                                                                                                                            }
1438        }
1439            @media  screen and (max-width: 1024px) {
1440            .da-cell[da-id="695495"] {
1441                                                                                                                                                                                                                                                                                                                                                            }
1442        }
1443            @media  screen and (max-width: 768px) {
1444            .da-cell[da-id="695495"] {
1445                                                                                                                                                                                                                                                                                                                                                            }
1446        }
1447    </style>
1448
1449                <div
1450    class="block-pictogram da-cell-pictogram  ">
1451        <div class="da-cell-content">
1452                    <div class="text-center">
1453    <h3><div    class="da-pictogram ajaxcall"
1454
1455    data-picto="icon2-sets-chat"
1456
1457    data-align="center"
1458    data-size="l"
1459    data-shape="circle"
1460    data-icon_color="color"
1461    data-bg_color="transparent"
1462    data-border_color="transparent"
1463
1464    data-text="Disponibilité &amp; Réactivité"
1465    data-text_position="b"
1466    data-text_color="black"
1467
1468            data-target_type=""
1469        data-page_id=""
1470        data-uploaded_file_id=""
1471        data-link=""
1472        
1473                
1474                                            >
1475    <div class="picto">
1476    <svg class="icon icon2-sets-chat">
1477        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/icon/icon2-set.svg#icon2-sets-chat"></use>
1478    </svg>
1479    </div>
1480    <div class="text">Disponibilité &amp; Réactivité</div>
1481</div></h3>
1482</div>
1483        
1484            </div>
1485</div>
1486
1487<div class="clearfix"></div>
1488            </div>
1489            </div>
1490                                    <div
1491    class="
1492        column-wrapper
1493        da-column
1494         column          small-12          medium-12         large-3
1495        xlarge-3
1496         background-transparent     "
1497    da-number="1"
1498    da-id="474627"
1499    data-element-type="column"
1500    data-ratio="3"
1501    data-bg_type="transparent"
1502    data-bg_id=""
1503    data-nb-column="1"
1504
1505    da-cell-type="pictogram"
1506
1507    >
1508    <style>
1509    .da-column[da-id="474627"] {
1510        border-style: solid !important;
1511        border-width: 0;
1512        border-color: #00838f;
1513    }
1514            @media  screen  {
1515            .da-column[da-id="474627"] {
1516                                                                                                                                                                                                                                                                                                                                                            }
1517        }
1518            @media  screen and (max-width: 1024px) {
1519            .da-column[da-id="474627"] {
1520                                                                                                                                                                                                                                                                                                                                                            }
1521        }
1522            @media  screen and (max-width: 768px) {
1523            .da-column[da-id="474627"] {
1524                                                                                                                                                                                                                                                                                                                                                            }
1525        }
1526    </style>
1527
1528    
1529    
1530                        <div
1531                class="
1532                cell-wrapper da-cell
1533                 background-transparent "
1534                da-id="695496"
1535                da-type="pictogram"
1536                data-bg_type="transparent"
1537                data-bg_id=""
1538                data-bg_trans="0"
1539                data-bg_rgbtrans="0"
1540                                    data-aos="fade-up"
1541                    data-aos-duration="500"
1542                    data-aos-easing="ease-in-out-sine"
1543                    data-aos-delay="250"
1544                    data-aos-once="true"
1545                                
1546                            >
1547                <style>
1548    .da-cell[da-id="695496"] {
1549        border-style: solid !important;
1550        border-width: 0;
1551        border-color: #00838f;
1552    }
1553            @media  screen  {
1554            .da-cell[da-id="695496"] {
1555                                                                                                                                                                                                                                                                                                                                                            }
1556        }
1557            @media  screen and (max-width: 1024px) {
1558            .da-cell[da-id="695496"] {
1559                                                                                                                                                                                                                                                                                                                                                            }
1560        }
1561            @media  screen and (max-width: 768px) {
1562            .da-cell[da-id="695496"] {
1563                                                                                                                                                                                                                                                                                                                                                            }
1564        }
1565    </style>
1566
1567                <div
1568    class="block-pictogram da-cell-pictogram  ">
1569        <div class="da-cell-content">
1570                    <div class="text-center">
1571    <h3><div    class="da-pictogram ajaxcall"
1572
1573    data-picto="icon2-sets-eye"
1574
1575    data-align="center"
1576    data-size="l"
1577    data-shape="circle"
1578    data-icon_color="color"
1579    data-bg_color="transparent"
1580    data-border_color="transparent"
1581
1582    data-text="Clarté des Honoraires"
1583    data-text_position="b"
1584    data-text_color="black"
1585
1586            data-target_type=""
1587        data-page_id=""
1588        data-uploaded_file_id=""
1589        data-link=""
1590        
1591                
1592                                            >
1593    <div class="picto">
1594    <svg class="icon icon2-sets-eye">
1595        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/icon/icon2-set.svg#icon2-sets-eye"></use>
1596    </svg>
1597    </div>
1598    <div class="text">Clarté des Honoraires</div>
1599</div></h3>
1600</div>
1601        
1602            </div>
1603</div>
1604
1605<div class="clearfix"></div>
1606            </div>
1607            </div>
1608                                    <div
1609    class="
1610        column-wrapper
1611        da-column
1612         column          small-12          medium-12         large-3
1613        xlarge-3
1614         background-transparent     "
1615    da-number="2"
1616    da-id="474628"
1617    data-element-type="column"
1618    data-ratio="3"
1619    data-bg_type="transparent"
1620    data-bg_id=""
1621    data-nb-column="1"
1622
1623    da-cell-type="pictogram"
1624
1625    >
1626    <style>
1627    .da-column[da-id="474628"] {
1628        border-style: solid !important;
1629        border-width: 0;
1630        border-color: #00838f;
1631    }
1632            @media  screen  {
1633            .da-column[da-id="474628"] {
1634                                                                                                                                                                                                                                                                                                                                                            }
1635        }
1636            @media  screen and (max-width: 1024px) {
1637            .da-column[da-id="474628"] {
1638                                                                                                                                                                                                                                                                                                                                                            }
1639        }
1640            @media  screen and (max-width: 768px) {
1641            .da-column[da-id="474628"] {
1642                                                                                                                                                                                                                                                                                                                                                            }
1643        }
1644    </style>
1645
1646    
1647    
1648                        <div
1649                class="
1650                cell-wrapper da-cell
1651                 background-transparent "
1652                da-id="695497"
1653                da-type="pictogram"
1654                data-bg_type="transparent"
1655                data-bg_id=""
1656                data-bg_trans="0"
1657                data-bg_rgbtrans="0"
1658                                    data-aos="fade-up"
1659                    data-aos-duration="500"
1660                    data-aos-easing="ease-in-out-sine"
1661                    data-aos-delay="250"
1662                    data-aos-once="true"
1663                                
1664                            >
1665                <style>
1666    .da-cell[da-id="695497"] {
1667        border-style: solid !important;
1668        border-width: 0;
1669        border-color: #00838f;
1670    }
1671            @media  screen  {
1672            .da-cell[da-id="695497"] {
1673                                                                                                                                                                                                                                                                                                                                                            }
1674        }
1675            @media  screen and (max-width: 1024px) {
1676            .da-cell[da-id="695497"] {
1677                                                                                                                                                                                                                                                                                                                                                            }
1678        }
1679            @media  screen and (max-width: 768px) {
1680            .da-cell[da-id="695497"] {
1681                                                                                                                                                                                                                                                                                                                                                            }
1682        }
1683    </style>
1684
1685                <div
1686    class="block-pictogram da-cell-pictogram  ">
1687        <div class="da-cell-content">
1688                    <div class="text-center">
1689    <h3><div    class="da-pictogram ajaxcall"
1690
1691    data-picto="icon2-sets-layers"
1692
1693    data-align="center"
1694    data-size="l"
1695    data-shape="circle"
1696    data-icon_color="color"
1697    data-bg_color="transparent"
1698    data-border_color="transparent"
1699
1700    data-text="Rigueur &amp; Pragmatisme"
1701    data-text_position="b"
1702    data-text_color="black"
1703
1704            data-target_type=""
1705        data-page_id=""
1706        data-uploaded_file_id=""
1707        data-link=""
1708        
1709                
1710                                            >
1711    <div class="picto">
1712    <svg class="icon icon2-sets-layers">
1713        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/icon/icon2-set.svg#icon2-sets-layers"></use>
1714    </svg>
1715    </div>
1716    <div class="text">Rigueur &amp; Pragmatisme</div>
1717</div></h3>
1718</div>
1719        
1720            </div>
1721</div>
1722
1723<div class="clearfix"></div>
1724            </div>
1725            </div>
1726                                    <div
1727    class="
1728        column-wrapper
1729        da-column
1730         column          small-12          medium-12         large-3
1731        xlarge-3
1732         background-transparent     "
1733    da-number="3"
1734    da-id="474629"
1735    data-element-type="column"
1736    data-ratio="3"
1737    data-bg_type="transparent"
1738    data-bg_id=""
1739    data-nb-column="1"
1740
1741    da-cell-type="pictogram"
1742
1743    >
1744    <style>
1745    .da-column[da-id="474629"] {
1746        border-style: solid !important;
1747        border-width: 0;
1748        border-color: #00838f;
1749    }
1750            @media  screen  {
1751            .da-column[da-id="474629"] {
1752                                                                                                                                                                                                                                                                                                                                                            }
1753        }
1754            @media  screen and (max-width: 1024px) {
1755            .da-column[da-id="474629"] {
1756                                                                                                                                                                                                                                                                                                                                                            }
1757        }
1758            @media  screen and (max-width: 768px) {
1759            .da-column[da-id="474629"] {
1760                                                                                                                                                                                                                                                                                                                                                            }
1761        }
1762    </style>
1763
1764    
1765    
1766                        <div
1767                class="
1768                cell-wrapper da-cell
1769                 background-transparent "
1770                da-id="695498"
1771                da-type="pictogram"
1772                data-bg_type="transparent"
1773                data-bg_id=""
1774                data-bg_trans="0"
1775                data-bg_rgbtrans="0"
1776                                    data-aos="fade-up"
1777                    data-aos-duration="500"
1778                    data-aos-easing="ease-in-out-sine"
1779                    data-aos-delay="250"
1780                    data-aos-once="true"
1781                                
1782                            >
1783                <style>
1784    .da-cell[da-id="695498"] {
1785        border-style: solid !important;
1786        border-width: 0;
1787        border-color: #00838f;
1788    }
1789            @media  screen  {
1790            .da-cell[da-id="695498"] {
1791                                                                                                                                                                                                                                                                                                                                                            }
1792        }
1793            @media  screen and (max-width: 1024px) {
1794            .da-cell[da-id="695498"] {
1795                                                                                                                                                                                                                                                                                                                                                            }
1796        }
1797            @media  screen and (max-width: 768px) {
1798            .da-cell[da-id="695498"] {
1799                                                                                                                                                                                                                                                                                                                                                            }
1800        }
1801    </style>
1802
1803                <div
1804    class="block-pictogram da-cell-pictogram  ">
1805        <div class="da-cell-content">
1806                    <div class="text-center">
1807    <h3><div    class="da-pictogram ajaxcall"
1808
1809    data-picto="icon2-sets-shield"
1810
1811    data-align="center"
1812    data-size="l"
1813    data-shape="circle"
1814    data-icon_color="color"
1815    data-bg_color="transparent"
1816    data-border_color="transparent"
1817
1818    data-text="Confidentialité"
1819    data-text_position="b"
1820    data-text_color="black"
1821
1822            data-target_type=""
1823        data-page_id=""
1824        data-uploaded_file_id=""
1825        data-link=""
1826        
1827                
1828                                            >
1829    <div class="picto">
1830    <svg class="icon icon2-sets-shield">
1831        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/icon/icon2-set.svg#icon2-sets-shield"></use>
1832    </svg>
1833    </div>
1834    <div class="text">Confidentialité</div>
1835</div></h3>
1836</div>
1837        
1838            </div>
1839</div>
1840
1841<div class="clearfix"></div>
1842            </div>
1843            </div>
1844                            
1845                    </div>
1846    </div>
1847
1848    </div>
1849                                    
1850                
1851                            </div>
1852            </main>
1853    
1854    
1855    <footer id="footer-template" class="da-container" da-id="86983" da-type="footer">
1856    
1857            <div
1858    class="section line-wrapper da-line  background-gray "
1859    id="ligne-275056"
1860    da-id="275056"
1861    data-element-type="line"
1862    data-bg_type="gray"
1863    data-bg_id="2"
1864    data-position="0"
1865    data-bg_effets="off"
1866
1867    
1868    >
1869    <style>
1870    .da-line[da-id="275056"] {
1871        border-style: solid !important;
1872        border-width: 0;
1873        border-color: #00838f;
1874    }
1875            @media  screen  {
1876            .da-line[da-id="275056"] {
1877                                                                                                                                                                                                                                                                                                                                                            }
1878        }
1879            @media  screen and (max-width: 1024px) {
1880            .da-line[da-id="275056"] {
1881                                                                                                                                                                                                                                                                                                                                                            }
1882        }
1883            @media  screen and (max-width: 768px) {
1884            .da-line[da-id="275056"] {
1885                                                                                                                                                                                                                                                                                                                                                            }
1886        }
1887    </style>
1888
1889    
1890    
1891    <div class="line bloc-line  background-transparent "
1892         data-bg_type="transparent"
1893         data-bg_id=""
1894         data-bg_trans="0"
1895         data-bg_rgbtrans="0"
1896
1897             >
1898
1899                <div class="row">
1900                                                <div
1901    class="
1902        column-wrapper
1903        da-column
1904         column          small-12          medium-12         large-4
1905        xlarge-4
1906         background-transparent     "
1907    da-number="0"
1908    da-id="474512"
1909    data-element-type="column"
1910    data-ratio="4"
1911    data-bg_type="transparent"
1912    data-bg_id=""
1913    data-nb-column="1"
1914
1915    da-cell-type="titletextbutton"
1916
1917    >
1918    <style>
1919    .da-column[da-id="474512"] {
1920        border-style: solid !important;
1921        border-width: 0;
1922        border-color: #00838f;
1923    }
1924            @media  screen  {
1925            .da-column[da-id="474512"] {
1926                                                                                                                                                                                                                                                                                                                                                            }
1927        }
1928            @media  screen and (max-width: 1024px) {
1929            .da-column[da-id="474512"] {
1930                                                                                                                                                                                                                                                                                                                                                            }
1931        }
1932            @media  screen and (max-width: 768px) {
1933            .da-column[da-id="474512"] {
1934                                                                                                                                                                                                                                                                                                                                                            }
1935        }
1936    </style>
1937
1938    
1939    
1940                        <div
1941                class="
1942                cell-wrapper da-cell
1943                 background-transparent "
1944                da-id="695317"
1945                da-type="title"
1946                data-bg_type="transparent"
1947                data-bg_id=""
1948                data-bg_trans="0"
1949                data-bg_rgbtrans="0"
1950                                    data-aos="fade-up"
1951                    data-aos-duration="500"
1952                    data-aos-easing="ease-in-out-sine"
1953                    data-aos-delay="250"
1954                    data-aos-once="true"
1955                                
1956                            >
1957                <style>
1958    .da-cell[da-id="695317"] {
1959        border-style: solid !important;
1960        border-width: 0;
1961        border-color: #00838f;
1962    }
1963            @media  screen  {
1964            .da-cell[da-id="695317"] {
1965                                                                                                                                                                                                                                                                                                                                                            }
1966        }
1967            @media  screen and (max-width: 1024px) {
1968            .da-cell[da-id="695317"] {
1969                                                                                                                                                                                                                                                                                                                                                            }
1970        }
1971            @media  screen and (max-width: 768px) {
1972            .da-cell[da-id="695317"] {
1973                                                                                                                                                                                                                                                                                                                                                            }
1974        }
1975    </style>
1976
1977                <div
1978    class="block-title da-cell-title  ">
1979        <div class="da-cell-content">
1980                    <h2        class="h2 hx text-color "
1981            >
1982        Cabinet BASTIEN
1983    </h2>
1984        
1985            </div>
1986</div>
1987
1988<div class="clearfix"></div>
1989            </div>
1990                    <div
1991                class="
1992                cell-wrapper da-cell
1993                 background-transparent "
1994                da-id="695318"
1995                da-type="text"
1996                data-bg_type="transparent"
1997                data-bg_id=""
1998                data-bg_trans="0"
1999                data-bg_rgbtrans="0"
2000                                    data-aos="fade-up"
2001                    data-aos-duration="500"
2002                    data-aos-easing="ease-in-out-sine"
2003                    data-aos-delay="250"
2004                    data-aos-once="true"
2005                                
2006                            >
2007                <style>
2008    .da-cell[da-id="695318"] {
2009        border-style: solid !important;
2010        border-width: 0;
2011        border-color: #00838f;
2012    }
2013            @media  screen  {
2014            .da-cell[da-id="695318"] {
2015                                                                                                                                                                                                                                                                                                                                                            }
2016        }
2017            @media  screen and (max-width: 1024px) {
2018            .da-cell[da-id="695318"] {
2019                                                                                                                                                                                                                                                                                                                                                            }
2020        }
2021            @media  screen and (max-width: 768px) {
2022            .da-cell[da-id="695318"] {
2023                                                                                                                                                                                                                                                                                                                                                            }
2024        }
2025    </style>
2026
2027                <div
2028    class="block-text da-cell-text  ">
2029        <div class="da-cell-content">
2030                    <div >
2031                    16 Rue Meslay - 75003 Paris<br>Mail : [email protected]<br>Téléphone : 01 45 20 74 88<br><br><br>
2032            </div>
2033        
2034            </div>
2035</div>
2036
2037<div class="clearfix"></div>
2038            </div>
2039                    <div
2040                class="
2041                cell-wrapper da-cell
2042                 background-transparent "
2043                da-id="695319"
2044                da-type="button"
2045                data-bg_type="transparent"
2046                data-bg_id=""
2047                data-bg_trans="0"
2048                data-bg_rgbtrans="0"
2049                                    data-aos="fade-up"
2050                    data-aos-duration="500"
2051                    data-aos-easing="ease-in-out-sine"
2052                    data-aos-delay="250"
2053                    data-aos-once="true"
2054                                
2055                            >
2056                <style>
2057    .da-cell[da-id="695319"] {
2058        border-style: solid !important;
2059        border-width: 0;
2060        border-color: #00838f;
2061    }
2062            @media  screen  {
2063            .da-cell[da-id="695319"] {
2064                                                                                                                                                                                                                                                                                                                                                            }
2065        }
2066            @media  screen and (max-width: 1024px) {
2067            .da-cell[da-id="695319"] {
2068                                                                                                                                                                                                                                                                                                                                                            }
2069        }
2070            @media  screen and (max-width: 768px) {
2071            .da-cell[da-id="695319"] {
2072                                                                                                                                                                                                                                                                                                                                                            }
2073        }
2074    </style>
2075
2076                <div
2077    class="block-button da-cell-button  ">
2078        <div class="da-cell-content">
2079                    <div class="text-left">
2080    <a
2081    class="da-button withhover ajaxcall"
2082
2083    data-picto="icon2-sets-cursor"
2084            data-text="Contactez-nous"
2085    
2086    data-align="left"
2087    data-layout="horizontal"
2088    data-color="color"
2089    data-border_color="color"
2090    data-size="s"
2091    data-shape="rounded-large"
2092
2093            data-target_type="contact"
2094        data-page_id=""
2095        data-uploaded_file_id=""
2096        data-link=""
2097        
2098                
2099                    onclick="contactOpen()"
2100                
2101                                                    >
2102    <span class="da_button_flex">
2103        <span class="svg-wrapper ">
2104            <svg class="icon icon2-sets-cursor">
2105        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/icon/icon2-set.svg#icon2-sets-cursor"></use>
2106    </svg>
2107        </span>
2108        <span class="text">
2109                            Contactez-nous
2110                    </span>
2111    </span>
2112</a>
2113</div>
2114        
2115            </div>
2116</div>
2117
2118<div class="clearfix"></div>
2119            </div>
2120            </div>
2121                                    <div
2122    class="
2123        column-wrapper
2124        da-column
2125         column          small-12          medium-12         large-8
2126        xlarge-8
2127         background-transparent     "
2128    da-number="1"
2129    da-id="474513"
2130    data-element-type="column"
2131    data-ratio="8"
2132    data-bg_type="transparent"
2133    data-bg_id=""
2134    data-nb-column="1"
2135
2136    da-cell-type="map"
2137
2138    >
2139    <style>
2140    .da-column[da-id="474513"] {
2141        border-style: solid !important;
2142        border-width: 0;
2143        border-color: #00838f;
2144    }
2145            @media  screen  {
2146            .da-column[da-id="474513"] {
2147                                                                                                                                                                                                                                                                                                                                                            }
2148        }
2149            @media  screen and (max-width: 1024px) {
2150            .da-column[da-id="474513"] {
2151                                                                                                                                                                                                                                                                                                                                                            }
2152        }
2153            @media  screen and (max-width: 768px) {
2154            .da-column[da-id="474513"] {
2155                                                                                                                                                                                                                                                                                                                                                            }
2156        }
2157    </style>
2158
2159    
2160    
2161                        <div
2162                class="
2163                cell-wrapper da-cell
2164                 background-transparent "
2165                da-id="695320"
2166                da-type="map"
2167                data-bg_type="transparent"
2168                data-bg_id=""
2169                data-bg_trans="0"
2170                data-bg_rgbtrans="0"
2171                                    data-aos="fade-up"
2172                    data-aos-duration="500"
2173                    data-aos-easing="ease-in-out-sine"
2174                    data-aos-delay="250"
2175                    data-aos-once="true"
2176                                
2177                            >
2178                <style>
2179    .da-cell[da-id="695320"] {
2180        border-style: solid !important;
2181        border-width: 0;
2182        border-color: #00838f;
2183    }
2184            @media  screen  {
2185            .da-cell[da-id="695320"] {
2186                                                                                                                                                                                                                                                                                                                                                            }
2187        }
2188            @media  screen and (max-width: 1024px) {
2189            .da-cell[da-id="695320"] {
2190                                                                                                                                                                                                                                                                                                                                                            }
2191        }
2192            @media  screen and (max-width: 768px) {
2193            .da-cell[da-id="695320"] {
2194                                                                                                                                                                                                                                                                                                                                                            }
2195        }
2196    </style>
2197
2198                <div
2199    class="block-map da-cell-map  ">
2200        <div class="da-cell-content">
2201                    <div class="da-map google-maps fs-s"  data-firm_ids="4127" >
2202    <div class="google-maps-data hide">
2203                                        <div data-label="16 Rue Meslay 75003 Paris" data-latitude="48.867600" data-longitude="2.361098"></div>
2204                        </div>
2205</div>
2206        
2207            </div>
2208</div>
2209
2210<div class="clearfix"></div>
2211            </div>
2212            </div>
2213                            
2214                    </div>
2215    </div>
2216
2217    </div>
2218    </footer>
2219
2220    
2221    <div id="footer-website" role="contentinfo">
2222    <div class="wrapper-footer-website">
2223        <div class="copyright">
2224     
2225     Site réalisé avec <a href="https://www.digital-avocat.fr" target="_blank">Digital Avocat</a>                    </div>
2226
2227        
2228        <div class="legal-menu">
2229            <ul class="legal-menu">
2230                <li class="entry"><a href="https://www.cabinetbastien.fr/passport/connection">Accès administration</a></li>
2231    <div class="reveal fullcontent" id="connexionModal" data-reveal>
2232    <div class="box connexion-modal"
2233     id=""
2234
2235>
2236
2237
2238    <div class="header-popin -cerulean"
2239         id=""
2240        >
2241            <svg class="header-icon person-pro">
2242        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/icon/sprite.svg#person-pro"></use>
2243    </svg>
2244    
2245    <span class="title-popin">Accès administration</span>
2246
2247    
2248            
2249        <a class="action-header-popin" data-close="">
2250            <svg class="icon -xs close">
2251        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/icon/sprite.svg#close"></use>
2252    </svg>
2253        </a>
2254
2255     
2256        </div>
2257
2258    
2259            <div class="body-popin "
2260             id=""
2261                >
2262
2263        
2264                        <div class="pad-normal">
2265    <div class="ajaxform" data-ajaxurl="https://www.cabinetbastien.fr/ajax/connection">
2266        <input type="hidden" name="_token" value="FuPN4Eb9bRJmQMhk7qS3gLxMdnbLAfmQpHbfpDzL">
2267
2268        <div class="form-group">
2269            <label for="email" class="control-label">Adresse mail</label>
2270            <div class="">
2271                <input
2272    type="email"
2273    class="form-control req"
2274    
2275     id="email"         maxlength="255"
2276     name="email"         placeholder=""
2277        value=""
2278                    
2279    />
2280
2281            </div>
2282        </div>
2283
2284        <div class="form-group">
2285            <label for="password" class="control-label">Mot de passe</label>
2286            <div class="">
2287                <input
2288    type="password"
2289    class="form-control req"
2290    
2291     id="password"         maxlength="255"
2292     name="password"         placeholder=""
2293        value=""
2294                    
2295    />
2296
2297            </div>
2298        </div>
2299
2300        <div class="mar-B-normal">
2301            <input
2302        type="checkbox"
2303        name="remember"
2304        id="remember-1-3034922"
2305        value="1"
2306        class=""
2307         checked                     
2308        />
2309    <label for="remember-1-3034922" class=" ">
2310                                    <svg class="icon check">
2311        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/icon/sprite.svg#check"></use>
2312    </svg>
2313                        Se souvenir de moi
2314            </label>
2315
2316        </div>
2317
2318        <div class="w4-8">
2319            <p class="fs-s mar-T-tiny">
2320                <a class="underlinehover" data-open="forgetPasswordModal">Mot de passe oublié ?</a>
2321            </p>
2322        </div>
2323
2324        <div class="w4-8 text-right">
2325            
2326            <a
2327
2328    
2329    
2330    id=""
2331    class="btn-admin bg-info sendbutton"
2332        >
2333                            <svg class="icon  check-circle">
2334        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/icon/sprite.svg#check-circle"></use>
2335    </svg>
2336                Connexion
2337    
2338    </a>
2339            <span class="gif-working fs-xs " >
2340    <img src="/icon/loading-roundarrows.gif" width="15" height="15" />
2341    <span class="text">Traitement en cours</span>
2342</span>
2343        </div>
2344    </div>
2345</div>
2346                        
2347            </div>
2348                        
2349                        </div>
2350
2351            
2352</div>
2353    <div class="reveal fullcontent" id="forgetPasswordModal" data-reveal>
2354    <div class="box connexion-modal"
2355     id=""
2356
2357>
2358
2359
2360    <div class="header-popin -cerulean"
2361         id=""
2362        >
2363            <svg class="header-icon person-pro">
2364        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/icon/sprite.svg#person-pro"></use>
2365    </svg>
2366    
2367    <span class="title-popin">Mot de passe oublié</span>
2368
2369    
2370            
2371        <a class="action-header-popin" data-close="">
2372            <svg class="icon -xs close">
2373        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/icon/sprite.svg#close"></use>
2374    </svg>
2375        </a>
2376
2377     
2378        </div>
2379
2380    
2381            <div class="body-popin "
2382             id=""
2383                >
2384
2385        
2386                        <div class="pad-normal">
2387    <div class="ajaxform fs-s" data-ajaxurl="https://www.cabinetbastien.fr/ajax/reset/password">
2388    
2389        <input type="hidden" name="_token" value="FuPN4Eb9bRJmQMhk7qS3gLxMdnbLAfmQpHbfpDzL">
2390        
2391        
2392        
2393
2394        <p>Entrez l'adresse email utilisée pour vous connecter à votre compte Digital Avocat. Un email vous sera envoyé vous permettant de réinitaliser votre mot de passe.</p>
2395        
2396        <label for="email" class="col-md-4 control-label">Adresse email</label>
2397        <input
2398    type="email"
2399    class="form-control req"
2400    
2401     id="email"         maxlength="255"
2402     name="email"         placeholder=""
2403        value=""
2404                    
2405    />
2406
2407
2408        <div class="text-right">
2409            
2410            <a
2411
2412    
2413    
2414    id=""
2415    class="btn-admin bg-info sendbutton"
2416        >
2417                            <svg class="icon  check-circle">
2418        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/icon/sprite.svg#check-circle"></use>
2419    </svg>
2420                Envoyer
2421    
2422    </a>
2423            <span class="gif-working fs-xs " >
2424    <img src="/icon/loading-roundarrows.gif" width="15" height="15" />
2425    <span class="text">Traitement en cours</span>
2426</span>
2427        </div>
2428    </div>
2429</div>
2430                        
2431            </div>
2432                        
2433                        </div>
2434
2435            
2436</div>
2437    <li class="entry">
2438        <a href="https://www.cabinetbastien.fr/confidentialite">
2439            Confidentialité
2440        </a>
2441    </li>
2442    <li class="entry">
2443        <a href="https://www.cabinetbastien.fr/cgv">
2444            Conditions Générales de Vente        </a>
2445    </li>
2446    <li class="entry">
2447        <a href="https://www.cabinetbastien.fr/mentions-legales">
2448            Mentions légales        </a>
2449    </li>
2450            </ul>
2451        </div>
2452    </div>
2453</div>
2454
2455
2456                        <div id="cookiebanner">
2457                <div class="text">
2458                    En poursuivant votre navigation sur ce site, vous acceptez l&#039;utilisation de cookies pour vous proposer des contenus et services adaptés.
2459                    <a href="https://www.cabinetbastien.fr/confidentialite">
2460                        En savoir plus
2461                    </a>
2462                    -
2463                    <a class="ajaxcall" data-ajaxurl="/ajax/privacy/refuse-cookies">
2464                        Refuser
2465                    </a>
2466                    <a class="button background-color withhover ajaxcall" data-ajaxurl="/ajax/privacy/accept-cookies">Accepter</a>
2467
2468                    <a href="#" onclick="document.getElementById('cookiebanner').remove(); return false;" style="
2469text-decoration: none;
2470position: absolute;
2471right: 10px;
2472top: 10px;
2473border: 1px solid
2474black;
2475border-radius: 20px;
2476width: 15px;
2477height: 15px;
2478line-height: 11px;">x</a>
2479                </div>
2480            </div>
2481            
2482
2483</div>
2484
2485
2486<script type="text/javascript" src="/js/templates/master.js?id=67492df1305a2caab8f5"></script>
vendor: 1 bytes, line 2486
2486
2487<script type="text/javascript" src="/js/templates/template-86.js?id=60904b14e5d49e4956b4"></script>
2487
2488
2489    
2489<script src="/js/client-area-embedding.js?id=04d3a8db5a534b7b97aa"></script>
2489
2490
2491<script type="text/javascript" src="/js/angular.js?id=6d79ba33e3f62dc28ac1"></script>
2491
2492
2493    
2494
2495
2496
2497
2498
2499<script>
2500    var timeoutResizer;
2501
2502    var winWidth = function () {
2503        return $(window).width();
2504    };
2505
2506    var controlWinWidth = function () {
2507        if (winWidth() > 1023) {
2508            return true;
2509        }
2510    };
2511
2512    var hoverTrigger = function () {
2513        $('.mainMenu .pages .page.sub')
2514            .mouseenter(function () {
2515                if (controlWinWidth()) {
2516
2517                    if ($(this).children('.sub-pages').offset().left < 0) {
2518                        $(this).children('.sub-pages').addClass('right-force');
2519                    }
2520
2521                    if ($(this).children('.sub-pages').offset().right > winWidth()) {
2522                        $(this).children('.sub-pages').addClass('left-force');
2523                    }
2524                }
2525            })
2526            .mouseleave(function () {
2527                $(this).children('.sub-pages').removeClass('right-force');
2528                $(this).children('.sub-pages').removeClass('left-force');
2529            });
2530    };
2531
2532    $(window).resize(function () {
2533        // mini debounce
2534        clearTimeout(timeoutResizer);
2535        timeoutResizer = setTimeout(function () {
2536            hoverTrigger();
2537        }, 500);
2538    });
2539
2540    hoverTrigger();
2541
2542    // FIX IPHONE : BUG NO SCROLL TOP ON PREVIEW MODE IFRAME
2543    $(document).ready(function () {
2544        if (window.location !== window.parent.location) {
2545            // Check if IOS Browser
2546            var iOS = (navigator.userAgent.match(/(iPad|iPhone|iPod)/g) ? true : false);
2547
2548            if (iOS) {
2549                // On remonte manuellement l'iframe tout en haut si IOS Browser
2550                $('html, body', parent.document).animate({scrollTop: $("body").offset().top}, 0);
2551            }
2552        }
2553    });
2554</script>
2554
2555
2556
2557
2558
2559
2560</body>
2561</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.