PageSourceSearch

https://www.jpphotographies.com/bon-cadeau-photo

html jpphotographies.com collected 2026-10-08 03:28:19 UTC 79,304 bytes, 2,088 lines download raw bytes

1<!DOCTYPE html><!-- site by Good Gallery, www.goodgallery.com -->
2<html class="no-js NonGalleryPage " lang="fr-CH">
3<head>
4<title>Bon cadeau pour les shooting photo sur mesure | Photos</title>
5<meta name="description" content="Offrez des bons cadeaux shooting photo: s&#233;ances photo portraits (portrait business, individuel, couple, famille, grossesse, nouveau-n&#233;, enterrement de vie)" />
6<link rel="dns-prefetch" href="//cdn.goodgallery.com" /> 
7<link rel="shortcut icon" href="//cdn.goodgallery.com/c9b8450e-6d8a-4e75-8cd5-a414fda080fa/logo/32hnvwje/photographe-professionnel-geneve-favicon.ico" />
8
9<link rel="alternate" hreflang="fr-CH" href="https://www.jpphotographies.com/bon-cadeau-photo" />
10<link rel="canonical" href="https://www.jpphotographies.com/bon-cadeau-photo" />
11 <meta name="robots" content="noarchive" /> <style type="text/css">.YB:before{content: attr(data-c);display: block;height: 150em;}</style><link rel="stylesheet" type="text/css" media="none" onload="if(media!='all')media='all'" href="//cdn.goodgallery.com/c9b8450e-6d8a-4e75-8cd5-a414fda080fa/d/Desktop-VCtY7d74JJceAKGoBDAARw-2-XYpRREsnGlSsiqcr6t-UFg.css" />
12<script type="text/javascript" src="//cdn.goodgallery.com/c9b8450e-6d8a-4e75-8cd5-a414fda080fa/p/bundle-bqPhdv5e-92SGjexY-jjOA-20260921050708.js"></script>
vendor: 2 bytes, line 12
12
13<script type="text/javascript" src="//cdn.goodgallery.com/c9b8450e-6d8a-4e75-8cd5-a414fda080fa/d/PageData-3bv5nn84-1dd82dba-f0ea-4fd0-a2f0-aaa9b57d1863-XYpRREsnGlSsiqcr6t-UFg-2.js"></script>
13
14<!--[if lt IE 9]>
14<script type="text/javascript" src="/admin/Scripts/jQuery.XDomainRequest.js"></script>
14<![endif]-->
15
16<meta name="twitter:card" content="summary" />
17<meta name="twitter:site" content="@pedja_JPphotos" />
18<meta name="twitter:creator" content="@pedja_JPphotos" />
19<meta property="og:url" content="https://www.jpphotographies.com/bon-cadeau-photo" />
20<meta property="og:type" content="website" />
21<meta property="og:site_name" content=" Photographe  Professionnel Geneve " />
22<meta property="og:title" content="Bon cadeau pour les shooting photo sur mesure | Photos" />
23<meta property="og:description" content="Offrez des bons cadeaux shooting photo: s&#233;ances photo portraits (portrait business, individuel, couple, famille, grossesse, nouveau-n&#233;, enterrement de vie)" />
24<meta property="og:image" content="https://www.jpphotographies.com/image/200/photographe-professionnel-geneve-favicon.jpg" />
25<script type="application/ld+json">{ "@context": "https://schema.org", "@type": "Organization", "url": "https://www.jpphotographies.com", "logo": "https://logocdn.goodgallery.com/c9b8450e-6d8a-4e75-8cd5-a414fda080fa/180x0/32hnvwje/photographe-professionnel-geneve-favicon.jpg" }</script>
vendor: 2 bytes, line 25
25
26<script type="application/ld+json">{ "@context": "http://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": "1", "item": { "@id": "https://www.jpphotographies.com/", "name": "Home" } }, { "@type": "ListItem", "position": "2", "item": { "@id": "https://www.jpphotographies.com/bon-cadeau-photo", "name": "Bon cadeau " } } ] }</script>
26
27<!-- Hotjar Tracking Code for https://www.jpphotographies.com -->
28<script>
vendor: 125 bytes, lines 28-31
28
29    (function(h,o,t,j,a,r){
30        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
31        h._hjSettings={hjid:
313320980
vendor: 260 bytes, lines 31-38
31,hjsv:6};
32        a=o.getElementsByTagName('head')[0];
33        r=o.createElement('script');r.async=1;
34        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
35        a.appendChild(r);
36    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
37
38
39</script>
39
40
41<script>
42document.addEventListener("DOMContentLoaded", function () {
43
44    const pageId = "1bed18b1-5a7a-4862-8f4a-ae085d33629e";
45
46    if (document.body.getAttribute("data-page-id") !== pageId) {
47        return;
48    }
49    document.body.classList.remove("hide-header-on-scroll");
50
51    let lastScrollTop = 0;
52    let userHasScrolled = false;
53
54    window.addEventListener("scroll", function () {
55
56        const scrollTop =
57            window.pageYOffset ||
58            document.documentElement.scrollTop ||
59            document.body.scrollTop ||
60            0;
61
62        // Ignore le premier déclenchement automatique éventuel
63        if (!userHasScrolled) {
64            userHasScrolled = true;
65            lastScrollTop = scrollTop;
66            document.body.classList.remove("hide-header-on-scroll");
67            return;
68        }
69
70        // Si on descend et qu'on a dépassé 80px ? cacher
71        if (scrollTop > lastScrollTop && scrollTop > 80) {
72            document.body.classList.add("hide-header-on-scroll");
73        }
74
75        // Si on remonte ? afficher
76        if (scrollTop < lastScrollTop) {
77            document.body.classList.remove("hide-header-on-scroll");
78        }
79
80        // Si on est en haut ? afficher
81        if (scrollTop <= 20) {
82            document.body.classList.remove("hide-header-on-scroll");
83        }
84
85        lastScrollTop = Math.max(scrollTop, 0);
86
87    }, { passive: true });
88
89});
90</script>
90
91
92<meta name="p:domain_verify" content="87d703f5acf108739046fd7cfafc4fa9"/>
93
94<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
95
96
97
98<!-- R080K ATKINSON FONT LOAD TEST START -->
99<link id="jp-atkinson-font-load-r080k" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&display=swap">
100<!-- R080K ATKINSON FONT LOAD TEST END -->
101
102<style type="text/css">html.no-js .nojsmenu { position: initial !important; left: auto !important; top: auto !important; color: initial !important; }</style>
103<style type="text/css" data-id="inline">
104html.js, html.js body {margin:0;padding:0;}
105html.NonGalleryPage .PageUIContent { min-height: 100%; }
106.PageTemplateUIContent { position: static !important; width:auto !important; overflow: visible; }
107.PageUIContent .GGTextContent { position: relative; }
108.PageUIContent { background-color: #FFFFFF; }
109 .NonGalleryPage .PageUIContent #content { position: relative; } .GGTextContent, .GGTextContent * { font-size: 19px; color: #1a202c; line-height 1.60;  }
110.GGTextContent:not(.CaptionContainer):Not(.PageInformationArea) {
111    background-color: #FFFFFF;
112
113        
114            max-width: 1060px;
115            left: 50%;
116            margin-left: -530px !important;
117        
118
119        
120            padding: 15px 15px 10px 15px;
121        
122}
123.GalleryUISiteNavigation {
124    position: fixed;
125    width: 100%;
126    height: auto;
127    top: 0px;
128    bottom: auto;
129    left: 0px;
130    right: auto;
131}
132
133
134.GGTextContent div,
135.GGTextContent p,
136.GGTextContent ul,
137.GGTextContent ol,
138.GGTextContent table,
139.GGTextContent dl,
140.GGTextContent blockquote,
141.GGTextContent pre {
142  margin: 0;
143  margin-bottom: 10px;
144}
145
146.GGTextContent > p, .GGTextContent > div, .GGTextContent.CaptionContainer > span > p, .GGTextContent.PageInformationArea > span > p, .GGTextContent.CaptionContainer > span > div, .GGTextContent.PageInformationArea > span > div {
147padding: 15px 0px 10px 0px;
148}
149
150.GGTextContent div.CloseButton, .GGTextContent div.GalleryUIScrollBarVertical {
151    padding: 0;
152}
153
154.GGTextContent > blockquote {
155    margin: 30px;
156}
157
158.GGTextContent h1,
159.GGTextContent h2,
160.GGTextContent h3,
161.GGTextContent h4,
162.GGTextContent h5 {
163    -moz-box-sizing: border-box;
164    box-sizing: border-box;
165    white-space: normal;
166    margin: 0;
167    font-weight: bold;
168    background-color: #ffffff;
169}
170
171.GGTextContent h1 {
172    font-size: 60px;
173    color: #1a202c;
174    line-height: 1.20;
175    
176}
177.GGTextContent > h1 {
178    padding: 0px 0px 10px 0px;
179}
180.GGTextContent h2 {
181    font-size: 50px;
182    color: #1a202c;
183    line-height: 1.20;
184    
185}
186.GGTextContent > h2, .GGTextContent .GGResponsiveTable td > h2, .CaptionContainer.GGTextContent > span > h2 {
187    padding: 20px 0px 20px 0px;
188}
189.GGTextContent h3 {
190    font-size: 18px;
191    color: #324146;
192    line-height: 1.45;
193    
194}
195.GGTextContent > h3 {
196    padding: 20px 0px 5px 0px;
197}
198.GGTextContent h4 {
199    font-size: 18px;
200    color: #324146;
201    line-height: 1.45;
202    
203}
204.GGTextContent > h4 {
205    padding: 15px 0px 5px 0px;
206}
207.GGTextContent h5 {
208    font-size: 12px;
209    color: #324146;
210    line-height: 1.45;
211    
212}
213.GGTextContent > h5 {
214    padding: 10px 0px 10px 0px;
215}
216
217ul.GalleryUIMenu {list-style: none;margin: 0;padding: 0} ul.GalleryUIMenu a {text-decoration: none} ul.GalleryUIMenu li {position: relative; white-space: nowrap}
218.GalleryUISiteNavigation {background-color: rgba(255, 255, 255, 1);width:100%;min-height:110px}
219.GalleryUIMenuTopLevel .GalleryUIMenu {display: inline-block} ul.GalleryUIMenu li, div.GalleryUIMenuSubMenuDiv li {text-transform:uppercase}
220.GalleryUIMenuTopLevel .GalleryUIMenu > li {display:inline-block;padding: 10px 15px 10px 15px;border:0px solid #FFFFFF;border-left-width:0px;border-top-width:0px;white-space:nowrap;text-align:left}
221.GalleryUIMenu > li {color:#324146;background-color:rgba(255, 255, 255, 1);font-size:20px;;position:relative}
222.GalleryUIMenu > li > a {color:#324146} .GalleryUIMenu > li.Active > a {color:#0073bd}
223.GalleryUIMenu > li.Active {color:#0073bd;background-color:rgba(255, 255, 255, 1)}
224span.SubMenuArrow,span.SubMenuArrowLeft,span.SubMenuArrowRight,span.SubMenuArrowUp,span.SubMenuArrowDown {display:block;position:absolute;top:50%;right:2px;margin-top:-5px;height:10px;width:10px;background-color:transparent;} span.SubMenuArrowSizing {display:inline-block;width:10px;height:10px;opacity:0;margin-right:-2px;}
225
226.GalleryUISiteNavigation {display:flex;align-items:center;}
227.GalleryUISiteNavigation .GalleryUIMenuTopLevel {width:calc(50% - 105px)}
228.GalleryUISiteNavigation>div.GalleryUIMenuTopLevel:first-child>div{float:right}
229.GalleryUISiteNavigation>div.GalleryUIMenuTopLevel:last-child>div{float:left}
230
231
232html { font-family: 'Nunito', sans-serif;font-weight:200; } html:not(.wf-active) {font-family: sans-serif}
233.GalleryUIMenu, .GalleryUIMenu a { font-family: 'Karla', sans-serif; } html:not(.wf-active) .GalleryUIMenu,html:not(.wf-active) .GalleryUIMenu a {font-family: sans-serif}
234.PageTemplateText,.CaptionContainer,.PageInformationArea,.GGTextContent { font-family: 'Open Sans', sans-serif; } html:not(.wf-active) .PageTemplateText,html:not(.wf-active) .CaptionContainer,html:not(.wf-active) .PageInformationArea,html:not(.wf-active) .GGTextContent {font-family: sans-serif}
235h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif;font-weight:700; } html:not(.wf-active) h1,html:not(.wf-active) h2,html:not(.wf-active) h3,html:not(.wf-active) h4,html:not(.wf-active) h5,html:not(.wf-active) h6 {font-family: sans-serif}
236.GalleryUIContainer .NameMark { font-family: 'Nunito', sans-serif; } html:not(.wf-active) .GalleryUIContainer .NameMark {font-family: sans-serif}
237.GalleryMenuContent .GGMenuPageHeading { font-family: 'Nunito', sans-serif; } html:not(.wf-active) .GalleryMenuContent .GGMenuPageHeading {font-family: sans-serif}
238.GMLabel { font-family: 'Nunito', sans-serif; } html:not(.wf-active) .GMLabel {font-family: sans-serif}
239.GMTagline { font-family: 'Nunito', sans-serif; } html:not(.wf-active) .GMTagline {font-family: sans-serif}
240div.GGForm label.SectionHeading { font-family: 'Karla', sans-serif; } html:not(.wf-active) div.GGForm label.SectionHeading {font-family: sans-serif}
241.GGHamburgerMenuLabel { font-family: 'Nunito', sans-serif; } html:not(.wf-active) .GGHamburgerMenuLabel {font-family: sans-serif}
242h2 { font-family: 'Open Sans', sans-serif;font-weight:700; } html:not(.wf-active) h2 {font-family: sans-serif}
243h3 { font-family: 'Karla', sans-serif;font-weight:200; } html:not(.wf-active) h3 {font-family: sans-serif}
244h4 { font-family: 'Karla', sans-serif;font-weight:200; } html:not(.wf-active) h4 {font-family: sans-serif}
245h5 { font-family: 'Karla', sans-serif;font-weight:200; } html:not(.wf-active) h5 {font-family: sans-serif}
246h6 { font-family: 'Karla', sans-serif;font-weight:200; } html:not(.wf-active) h6 {font-family: sans-serif}
247h1 { line-height: 1.20; text-transform: capitalize; text-align: left; letter-spacing: 0px; }
248h2 { line-height: 1.20; text-transform: capitalize; text-align: left; letter-spacing: 0px;  }
249h3 { line-height: 1.45; text-transform: none; text-align: left; letter-spacing: 0px; }
250h4 { line-height: 1.45; text-transform: none; text-align: left; letter-spacing: 0px; }
251h5 { line-height: 1.45; text-transform: none; text-align: left; letter-spacing: 0px; }
252h6 { line-height: 1.45; text-transform: none; text-align: left; letter-spacing: 0px; }
253.PageTemplateText,.CaptionContainer,.PageInformationArea,.GGTextContent { line-height: 1.60; text-transform: none; text-align: left; }
254ul.GGBottomNavigation span { font-family: 'Nunito', sans-serif; } html:not(.wf-active) ul.GGBottomNavigation span {font-family: sans-serif}
255.GGTextContent .GGBreadCrumbs .GGBreadCrumb, .GGTextContent .GGBreadCrumb span { font-family: 'Nunito', sans-serif; } html:not(.wf-active) .GGTextContent .GGBreadCrumbs .GGBreadCrumb,html:not(.wf-active) .GGTextContent .GGBreadCrumb span {font-family: sans-serif}
256
257
258@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&display=swap');
259/*
260:root{
261  --brand: #000000; 
262  --surface: #63595E; 
263  --text: #111827; 
264  --muted: #6b7280; 
265  --on-brand: #ffffff; 
266  --font-sans: "Atkinson Hyperlegible", system-ui, -apple-system, Segoe UI, Roboto,
267               "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
268}
269
270@supports (color: hsl(from var(--brand) h s l)){
271  :root{
272    // --surface: hsl(from var(--brand) h 12% 98%);
273    --surface: var(--brand);
274    --text:    hsl(from var(--brand) h 15% 12%);
275    --muted:   hsl(from var(--brand) h 10% 40%);
276    --on-brand:hsl(from var(--brand) h 30% 98%);
277
278    --brand-400: hsl(from var(--brand) h s calc(l + 6%));
279    --brand-500: var(--brand);
280    --brand-600: hsl(from var(--brand) h s calc(l - 12%));
281    --brand-700: hsl(from var(--brand) h s calc(l - 18%));
282  }
283}
284*/
285   body:before {
286                content: "";
287                position: fixed;
288                z-index: 11111;
289                border-top: 4px solid #1E81F7;
290                top: 0;
291                left: 0;
292                width: 100%;
293          
294            }
295body{
296   .atkinson-hyperlegible-regular {
297  font-family: "Atkinson Hyperlegible", sans-serif;
298  font-weight: 400;
299  font-style: normal;
300}
301
302.atkinson-hyperlegible-bold {
303  font-family: "Atkinson Hyperlegible", sans-serif;
304  font-weight: 700;
305  font-style: normal;
306}
307
308
309
310
311
312.GGTextContent > h1 {
313padding-bottom:40px;
314font-size:clamp(2rem, calc(7vw + 1rem), 3rem);
315}
316
317
318
319
320
321
322
323
324/* Styles for the h1 with class service */
325.GGTextContent > h1.service {
326    position: relative; /* Required for positioning the pseudo-element */
327}
328
329/* After element for the h1 with class service */
330.GGTextContent>h1.service-home::after {
331    content: "PORTRAIT, CORPORATE/ENTREPRISE, EVENEMENTIEL, MARIAGE, FAMILLE, GROSSESSE STUDIO";
332    display: block;
333    color: #3241468c;
334    font-size: 20px;
335    font-weight: 800;
336    text-align: left;
337    margin-top: 8px;
338    letter-spacing: 1.5px;
339}
340
341
342
343
344.GGTextContent table td, .GGTextContent table th {
345    vertical-align: middle;
346}
347
348
349.html.GalleryPage, html.GalleryPage body{
350height: 100%;
351}
352.column{
353    display: flex;
354    align-items: flex-start;
355    justify-content: space-evenly;
356    align-content: center;
357    flex-direction: column-reverse;
358}
359
360
361/*---------------DEBUT DES VARIABLES----------------------*/
362:root {
363 font-family:'Atkinson Hyperlegible', sans-serif;
364  /* Couleurs principales */
365
366  --gris-noir:#1A202C
367--blue:#0077bd
368  --gris:#232424;
369  --bleu-fonce: #00448B ;
370  --bleu-clair: #B3DFFF
371  --blanc: #fff;
372  --violet:#3722d3;
373 
374
375  /* Couleurs secondaires */
376  --gris-fonce: #2D3748;
377  --gris-clair: #eee;
378
379  /* Couleurs d'accent */
380  --rouge: #d41313;
381  --vert: #5BC236;
382--vert-sec:3cd400fa;
383--vert-ter:#8aad58;
384
385
386
387}
388/*---------------FIN DES VARIABLES----------------------*/
389
390/*---------------GLOBAL STYLES----------------------*/
391svg{
392fill:#0080ff;
393
394}
395/* Famille et taille des polices utilisées sur l'ensemble du site  */
396
397.GGTextContent>p {
398    font-weight: 200;
399    text-transform: none;
400    text-align: left;
401 
402    font-size: 19px;
403    color: rgb(0 0 0 / 49%);
404    letter-spacing: 1px;
405    line-height: 1.45;
406    margin: 0 0 10px;
407    padding: 15px 0 10px;
408    user-select: none;
409text-wrap-style: pretty;
410}
411.GGTextContent>p>em {
412color:#212326;
413}
414.GGTextContent>p>strong {
415color:#212326;
416}
417/* Structure générale et dimensionnement des boîtes pour plus de cohérence */
418.index-section-wrapper, #siteWrapper, #site {
419    position: relative;
420    box-sizing: border-box;
421}
422
423.index-section-wrapper .content {
424    max-width: 1080px;
425    padding: 46px 34px;
426    margin: auto;
427}
428
429/* Custom classes for text alignment */
430.text-align-center {
431    text-align: center;
432}
433
434.text-align-right {
435    text-align: right;
436}
437
438/*---------------HEADER AND MENUS STYLES----------------------*/
439
440/* Styles de menu avec ajustement de la visibilité et de l'espacement */
441.menu-block {
442    margin-bottom: 3em;
443}
444
445.menu-block .menu-selector label {
446    display: inline-block;
447    padding: 0 .5em;
448    font-size: 1.1em;
449    cursor: pointer;
450}
451
452.menu-block .menu-selector label.menu-select-labels--active {
453    text-decoration: underline;
454}
455
456.menu-block .menu-style-classic .menu-item-price-top {
457    float: right;
458    padding-left: 20px;
459}
460
461
462--------------------------------------------------------------------
463
464                                           A LINK
465
466 .GGTextContent a.ui-link, .GGTextContent a.ui-link:active, .GGTextContent a.ui-link:visited, .GGTextContent a.ui-link:hover{
467    color:hsl(212.63deg 93.13% 54.31%);
468}
469
470 a {
471               text-decoration: underline;
472                text-underline-offset: .3em;
473                text-decoration-color: #E8E8E8;
474                transition: all .1s linear
475            }
476
477            a:active,a:focus,a:hover {
478         color: hsl(212.63deg 93.13% 54.31%);
479        text-decoration: underline;
480        text-underline-offset: .3em;
481            }
482
483            a:active,a:hover {
484                outline: 0;
485            }
486
487
488
489
490
491
492 
493
494
495
496
497
498
499
500.GGTextContent strong {
501    color: #696969;
502
503}
504----------------------------------------------------------------
505.menu-block .menu-item {
506    margin: 0;
507    padding-bottom: 2em;
508    line-height: 1.2em;
509}
510
511.menu-block .menu-item-title {
512    font-size: 1.1em;
513    font-weight: 700;
514    color: rgba(0, 0, 0, .79);
515}
516
517.menu-block .menu-item-description {
518    line-height: 1.3em;
519    margin-top: 5px;
520}
521
522/*---------------GRID AND COLUMN STYLES----------------------*/
523
524/* Configurations de colonnes pour différentes sections */
525.columns-1 [class*=sqs-col-] {
526    width: 100% !important;
527}
528
529.sqs-col-2 .sqs-col-1 {
530    width: 50%;
531}
532
533.sqs-col-1 {
534    width: 8.3333%;
535}
536
537.sqs-col-1 .sqs-col-1 {
538    width: 100%;
539}
540
541/*---------------MEDIA QUERIES----------------------*/
542
543/* Media query pour les mobiles et les petits écrans */
544@media screen and (max-width: 800px) {
545    table.pricing {
546        width: 100%;
547    }
548}
549
550/*---------------CUSTOM STYLES AND ANIMATIONS----------------------*/
551
552/* Boutons personnalisés et effets de survol */
553.custom-button, .custom-button-blue {
554    display: inline-block;
555    line-height: 1;
556    text-align: center;
557    transition: all 0.5s;
558    font-weight: 500;
559    font-size: 20px;
560   /* padding: 21px 34px;*/
561    border-radius: 40px;
562    background-color: #0066aa;
563    color: white;
564    box-shadow: -1px 2px 2px 0 rgba(0,0,0,.36);
565    border-bottom: none !important;
566}
567
568.custom-button:hover,
569.custom-button:focus,
570.custom-button:visited,
571.custom-button-blue:hover,
572.custom-button-blue:focus,
573.custom-button-blue:visited {
574    background-color: #5EA3B3;
575    transform: scale(0.95);
576}
577
578
579/*.p-cus{
580    text-align: center;
581    background-color: #372253;
582    color: #ffffff;
583    border-radius: 12px;
584    padding: 20px 0px 20px 0px;
585}
586
587.p-cus:hover{
588    color: #00ff84;
589   transition: transform 300ms ease-in-out;
590}*/
591
592/*---------------FORM STYLES----------------------*/
593
594/* Style des boutons de formulaire */
595div.GGForm button[type=submit] {
596     background-color: #0077bdb3;
597    color: #FFF;
598    font-size: 25px;
599    letter-spacing: 1px;
600    padding: 8px 36px;
601    border-radius: 8px;
602    display: inline-block;
603    text-align: center;
604margin-left:15%;
605}
606div.GGForm button[type=submit]:hover {
607     background-color: #0077bd;
608    color: #FFF;
609    font-size: 25px;
610    letter-spacing: 1px;
611    padding: 8px 36px;
612    border-radius: 8px;
613    display: inline-block;
614    text-align: center;
615margin-left:15%;
616}
617div.CTAContainer * {
618    box-sizing: border-box; /* Assure une taille cohérente */
619}
620
621
622
623
624
625
626
627
628
629
630
631
632.GGTextContent div.CTAContainer {
633    text-align: center;
634    margin: 30px 10px;
635    padding: 0;
636}
637.GGTextContent div.CTAContainer .CTAButton span {
638    background-color: #696969;
639    color: #FFF;
640    font-size: 25px;
641    letter-spacing: 1px;
642    padding: 8px 36px;
643    border-radius: 0;
644    display: inline-block;
645    text-align: center;
646}
647.GGTextContent div.CTAContainer .CTAButton {
648    display: inline-grid;
649    grid-template-columns: 100%;
650    grid-template-rows: 100%;
651    grid-gap: 30px;
652    /*padding: 10px;*/
653    justify-items: center;
654    align-items: center;
655}
656
657.GGTextContent div.CTAContainer div {
658    margin: 0;
659}
660
661.GGTextContent div.CTAContainer .CTAButton span {
662 -webkit-font-smoothing: antialiased;
663    font-weight: 400;*/
664    box-sizing: border-box;
665    outline: none;
666    position: relative;
667    cursor: pointer;
668    overflow: hidden;
669    text-align: center;
670    white-space: nowrap;
671    display: inline-block;
672  
673 /*   line-height: 36px;*/
674    border: 2px solid #8e8e8e;
675    border-radius:8px;
676   /* margin-top: 2.2vw;*/
677   /* width: 17.2vw;*/
678background-color:#f0f0f2;
679color:#023333;
680font-size: 20px;
681}
682.GGTextContent div.CTAContainer .CTAButton span::before {
683content:'';
684position: absolute;
685left: 0;
686right: 0;
687bottom: 0;
688border: 2px solid #0077bd;
689background-color: #ffffff;
690color: #0077bd;
691transition: transform 300ms ease-in-out;
692transform: scaleX(0);
693z-index:-1;
694}
695.GGTextContent div.CTAContainer .CTAButton span: hover::before,
696my-buttonX: focus::before {
697transform: scaleX(1);
698}
699.GGTextContent div.CTAContainer .CTAButton span: hover,.GGTextContent div.CTAContainer .CTAButton span:focus{
700color:#0077bd;
701border: 2px solid #0077bd;
702background-color: #fffff;
703font-weight:700;
704}
705.GGTextContent div.CTAContainer .CTAButton span{
706transition: transform 300ms ease-in-out;
707z-index: 1;
708}
709
710
711
712
713
714/*.GGTextContent div.CTAContainer .CTAButton span:hover {
715    background-color: #28cb3e;
716    color: #fff;
717}*/
718
719
720
721
722
723
724
725
726
727
728.GGTextContent p.gb{
729    padding:0px;
730    margin:0px;
731    display:flex;
732    justify-content:start;
733    padding-left:50px;
734    position:relative;
735    }
736    .GGTextContent p.gb::after {
737      position: absolute;
738      content: url(https://flagcdn.com/20x15/gb.png);
739      display: block;
740     left:300px;
741    padding-top:2px;
742    }
743    .GGTextContent p.es{
744    padding:0px;
745    margin:0px;
746    display:flex;
747    justify-content:start;
748    padding-left:50px;
749    position:relative;
750    }
751    .GGTextContent p.es::after {
752      position: absolute;
753      content: url(https://flagcdn.com/20x15/es.png);
754      display: block;
755      left:300px;
756 }
757
758.GGTextContent.flags{
759background-color:none;
760padding:10px;
761}
762.GGFAQs > div > input:checked + label::after {
763    color: red; /* Couleur de texte personnalisée */
764font-weight:bold;/* Poids de la police en gras */
765}
766.GGFAQs>div>input:not(:checked)+label::after {
767    color: red; /* Couleur de texte personnalisée */
768font-weight:bold;/* Poids de la police en gras */
769}
770
771/*---------CODE PAGE CONTACT------*/
772.container {
773            display: flex;
774            flex-wrap: wrap;
775            max-width: 1200px;
776            margin: 0 auto;
777            padding: 20px;
778        }
779        .column {
780            flex: 1;
781            min-width: 300px;
782            padding: 10px;
783            box-sizing: border-box;
784        }
785        .row {
786            display: flex;
787            align-items: center;
788            margin-bottom: 10px;
789        }
790        .row img {
791            margin-right: 10px;
792            width: 30px;
793            height: 30px;
794        }
795        .row div {
796            flex: 1;
797        }
798
799/*---------FIN CODE PAGE CONTACT------*/
800
801
802/*-----------BUTTONS--------------------------*/
803.btn {
804    --color: #f0f0f2;
805    background: var(--color);
806    color: #023333;
807    border: none;
808    font-size: 1rem;
809    padding: 8px 36px;
810    border-radius: .25em;
811    cursor: pointer;
812}
813btn:hover, .btn:focus {
814    background: #023333;
815    color: #00ff84;
816}
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831.my-buttonX {
832 -webkit-font-smoothing: antialiased;
833    font-weight: 400;*/
834    box-sizing: border-box;
835    outline: none;
836    position: relative;
837    cursor: pointer;
838    overflow: hidden;
839    text-align: center;
840    white-space: nowrap;
841    display: inline-block;
842    height: 58px;
843    line-height: 56px;
844    padding-left: 20px;
845    padding-right: 20px;
846    border: none;
847    border-radius:8px;
848    margin-top: 2.2vw;
849    width: 17.2vw;
850/*background-color: #232424;
851color: #ffffff;*/
852}
853.my-buttonX::before {
854content:'';
855position: absolute;
856left: 0;
857right: 0;
858bottom: 0;
859border: 2px solid #00ff84;
860background-color: #8aad58;
861color: #002333;
862transition: transform 300ms ease-in-out;
863transform: scaleX(0);
864z-index:-1;
865}
866
867.my-buttonX: hover::before,
868my-buttonX: focus::before {
869transform: scaleX(1);
870}
871.my-buttonX: hover,
872my-buttonX: focus {
873color:#00ff84;
874background-color: #002333;
875}
876.my-buttonX {
877transition: transform 300ms ease-in-out;
878z-index: 1;
879}
880
881
882.my-buttonY {
883 -webkit-font-smoothing: antialiased;
884    font-weight: 400;*/
885    box-sizing: border-box;
886    outline: none;
887    position: relative;
888    cursor: pointer;
889    overflow: hidden;
890    text-align: center;
891    white-space: nowrap;
892    display: inline-block;
893    height: 58px;
894    line-height: 56px;
895    padding-left: 20px;
896    padding-right: 20px;
897    border: none;
898    border-radius:8px;
899    margin-top: 2.2vw;
900    width: 17.2vw;
901background-color: #232424;
902color: #ffffff;
903}
904.my-buttonY::before {
905content:'';
906position: absolute;
907top: 0;
908left: 0;
909right: 0;
910bottom: 0;
911z-index: -1;
912background-color: #00ff84;
913color: #232424;
914transition: transform 300ms ease-in-out;
915transform: scaleY(0);
916transform-origin:bottom;
917}
918
919.my-buttonY: hover::before,
920my-buttonY: focus::before {
921
922transform: scaleY(1);
923}
924.my-buttonY{
925transition: transform 300ms ease-in-out;
926z-index: 1;
927}
928.my-buttonY: hover,
929my-buttonY: focus {
930color:#232424;
931}
932
933
934
935
936.my-button {
937    -webkit-font-smoothing: antialiased;
938    font-weight: 400;*/
939    box-sizing: border-box;
940    outline: none;
941    position: relative;
942    cursor: pointer;
943    overflow: hidden;
944    text-align: center;
945    white-space: nowrap;
946    display: inline-block;
947    height: 58px;
948    line-height: 56px;
949    padding-left: 20px;
950    padding-right: 20px;
951    border: none;
952    border-radius:58px;
953    background-color :#002333;
954    color: #3cd400;
955    margin-top: 2.2vw;
956    width: 17.2vw;
957    transition: transform 0.3s ease, background 0.3s ease; /* Transition for scaling and background */
958}
959
960.my-button:before {
961    content: " ";
962    height: 100%;
963    width: 0;
964    vertical-align: middle;
965}
966
967.my-button, .my-button:before {
968    display: inline-block;
969    font-size: 0; /* Hides text */
970}
971
972.my-button:after {
973    content: ""; /* Ensure content is set */
974    position: absolute;
975    left: 0;
976    top: 0;
977    width: 100%;
978    height: 100%;
979    background: ##3cd400fa;
980    z-index: 1;
981    transform: translateY(102%);
982    transition: transform .4s cubic-bezier(.165, .84, .44, 1);
983}
984
985.my-button:hover:after {
986    transform: translateY(0); /* Move the background up on hover */
987}
988
989.my-button:hover {
990    transform: scale(1.02); /* Scale the button up to 102% on hover */
991    background: #3cd400fa; /* Change background color
992 on hover */
993color: #002333;
994}
995
996.custom-span {
997    -webkit-font-smoothing: antialiased;
998    cursor: pointer;
999    text-align: center;
1000    box-sizing: border-box;
1001    outline: none;
1002    z-index: 2; /* Ensure this is above the button background */
1003    position: relative;
1004    text-transform: uppercase;
1005    letter-spacing: 1px;
1006    transition: color .2s linear; /* Transition for text color */
1007   
1008    font-weight: 600;
1009    display: inline-block;
1010    vertical-align: middle;
1011    white-space: normal;
1012    font-size: 13px;
1013    line-height: 16px;
1014    color: #3cd400fa; /* Text color */
1015}
1016.my-button:hover  {
1017    /* Scale the text up to 102% on hover */
1018    transform: scale(1.02); 
1019    transition: transform 0.3s ease; /* Ensure smooth scaling */
1020
1021}
1022
1023.my-button:hover, .custom-span:hover {
1024    /* Scale the text up to 102% on hover */
1025    transform: scale(1.02); 
1026    transition: transform 0.3s ease; /* Ensure smooth scaling */
1027color:#002333;
1028}
1029
1030
1031
1032
1033
1034
1035.my-button2 {
1036     color: #00ff84;
1037     background-color :#232424;
1038    -webkit-font-smoothing: antialiased;
1039    font-weight: 400;*/
1040    box-sizing: border-box;
1041    outline: none;
1042    position: relative;
1043    cursor: pointer;
1044    overflow: hidden;
1045    text-align: center;
1046    white-space: nowrap;
1047    display: inline-block;
1048    height: 58px;
1049    line-height: 56px;
1050    padding-left: 20px;
1051    padding-right: 20px;
1052    border: none;
1053border-radius:58px;
1054   
1055    margin-top: 2.2vw;
1056    width: 17.2vw;
1057    transition: transform 0.3s ease, background 0.3s ease; /* Transition for scaling and background */
1058}
1059
1060.my-button2:before {
1061    content: " ";
1062    height: 100%;
1063    width: 0;
1064    vertical-align: middle;
1065}
1066
1067/*.my-button2, .my-button2:before {
1068    display: inline-block;
1069    font-size: 0; /* Hides text */
1070}*/
1071
1072.my-button2:after {
1073    content: ""; /* Ensure content is set */
1074    position: absolute;
1075    left: 0;
1076    top: 0;
1077    width: 100%;
1078    height: 100%;
1079    background: #00ff84;
1080    z-index: 1;
1081    transform: translateY(102%);
1082    transition: transform .4s cubic-bezier(.165, .84, .44, 1);
1083}
1084
1085.my-button2:hover:after {
1086    transform: translateY(0); /* Move the background up on hover */
1087}
1088
1089.my-button2:hover {
1090    transform: scale(1.02); /* Scale the button up to 102% on hover */
1091    background: #00ff84; /* Change background color
1092 on hover */
1093color: #232424;
1094}
1095
1096
1097/*.custom-span2 {
1098    -webkit-font-smoothing: antialiased;
1099    cursor: pointer;
1100    text-align: center;
1101    box-sizing: border-box;
1102    outline: none;
1103    z-index: 2; /* Ensure this is above the button background */
1104    position: relative;
1105    text-transform: uppercase;
1106    letter-spacing: 1px;
1107    transition: color .2s linear; /* Transition for text color */
1108   
1109    font-weight: 600;
1110    display: inline-block;
1111    vertical-align: middle;
1112    white-space: normal;
1113    font-size: 13px;
1114    line-height: 16px;
1115    color: #00ff84; /* Text color */
1116}
1117.custom-span2:hover{
1118color:#232424;
1119}*/
1120
1121
1122
1123
1124
1125
1126
1127.desc_contact{
1128display:flex !important;
1129align-items: center;
1130}
1131.info_contact{
1132margin-left:15px !important;
1133}
1134button:hover {
1135background-color:#0077c0;
1136}
1137
1138.GGTextContent blockquote.GGQuoteEnhanced::after {
1139    display: block;
1140    position: absolute;
1141    content: "\2605\2605\2605\2605\2605";
1142    font-size: 40px;
1143    letter-spacing: 3px;
1144    color: #ffd700;
1145    left: 0;
1146    right: 0;
1147    top: 0;
1148    text-align: center;
1149padding-top:10px;
1150}
1151
1152.GGTextContent blockquote.GGQuoteEnhanced {
1153    padding-top: 70px;
1154}
1155
1156.GGQuoteEnhanced {
1157    padding-top: 20px;
1158    border-radius: 8px;
1159}
1160.GGTextContent blockquote.GGQuoteEnhanced {
1161    font-size: 22px;
1162    color: #000;
1163    letter-spacing: 1px;
1164    line-height: 1.45;
1165    margin: 60px 40px 60px 40px;
1166    background-color: #F5F5F5;
1167   border-left:none;
1168    padding: 70px;
1169    position: relative;
1170}
1171.GGTextContent blockquote.GGQuoteBasic::before, .GGTextContent blockquote.GGQuoteEnhanced::before {
1172    display: none;
1173    content: "\201C";
1174    position: absolute;
1175    left: -50px;
1176    top: -110px;
1177    font-size: 250px;
1178    padding-left: 10px;
1179    color: #D3D3D3;
1180}
1181.two li:before {
1182    content: "\2714 ";
1183    color: #0077bd;
1184margin-right:5px;
1185}
1186.GGTextContent ul.spec {
1187    text-transform: none;
1188    text-align: left;
1189    line-height: 1.45;
1190    font-size: 18px;
1191    color: #000;
1192    letter-spacing: 1px;
1193    list-style-type: none;
1194    -webkit-columns: 1;
1195    list-style-position: inside;
1196    margin: 0;
1197    margin-bottom: 10px;
1198    padding-left: 30px;
1199    -webkit-user-select: none !important;
1200}
1201.spec li:before {
1202    content: "\2714 ";
1203    color: #0077bd;
1204margin-right:5px;
1205}
1206.GGTextContent ul {
1207 
1208    text-transform: none;
1209    text-align: left;
1210    line-height: 1.45;
1211    font-size: 18px;
1212    color: #000000;
1213    letter-spacing: 1px;
1214    list-style-type: none;
1215    -webkit-columns: 3;
1216    list-style-position: inside;
1217    margin: 0;
1218    margin-bottom: 10px;
1219    padding-left: 30px;
1220    -webkit-user-select: none!important;
1221}
1222
1223
1224
1225  .icone {
1226      content: url("https://cdn-icons-png.flaticon.com/128/8839/8839254.png");  /* Remplacez par le chemin de votre icône */
1227color:#00ff00;
1228stroke:red;
1229      width: 60px; /* Définissez la largeur de l'icône */
1230      height: 60px; /* Définissez la hauteur de l'icône */
1231      display: inline-block; /* Pour afficher l'icône en ligne */
1232}
1233
1234.container {
1235        display: flex;
1236        flex-wrap: wrap;
1237        justify-content: center;
1238max-width:100%;
1239background-color:  #fafafa;
1240cursor:pointer;
1241}
1242.container:hover {
1243background-color: #1a202c
1244}
1245.block {
1246 
1247padding: 1em;
1248transition: background-color 0.3s ease, color 0.3s ease;
1249}
1250
1251.block:hover {
1252    background-color: #1a202c;
1253    color: white;
1254cursor:pointer;
1255
1256}
1257.block-image{
1258  text-align: center;
1259}
1260
1261.block h2{
1262background-color:transparent;
1263 color: #1a202c; /* Assuming a default dark color, if not explicitly set */
1264    transition: color 0.3s ease;
1265 text-align: center;
1266}
1267.block:hover h2{
1268color:#fff;
1269}
1270.block p{
1271 color: #1a202c;
1272 transition: color 0.3s ease;
1273}
1274.block:hover p{
1275color:#fff;
1276}
1277.block a{
1278display: block;
1279    text-decoration: none;
1280    padding: .5em 1em;
1281    text-align: center;
1282background-color: #A2D7FF;
1283color: #1a202c;
1284 transition: background-color 0.3s ease, color 0.3s ease;
1285}
1286.block a:hover{
1287background-color: #1E81F7;
1288color: #fff;
1289}
1290
1291
1292
1293
1294
1295#backToTop {
1296    display: none;
1297    position: fixed;
1298    bottom: 20px;
1299    right: 20px;
1300    background-color: #ffcaa2;
1301    color: #000;
1302    border: none;
1303    border-radius: 50px;
1304    padding: 12px 18px;
1305    font-size: 16px;
1306    cursor: pointer;
1307    opacity: 0;
1308    visibility: hidden;
1309    transition: opacity .3s ease, visibility .3s ease, background-color .3s ease, color .3s ease;
1310    z-index: 9999;
1311}
1312
1313
1314
1315
1316
1317
1318
1319
1320
1321  
1322
1323
1324        .double {
1325            display: flex;
1326            flex - direction: row;
1327            justify - content: center;
1328            align - items: center;
1329            gap: 50 px;
1330
1331                max - width: 1178 px;
1332            margin: 0 auto;
1333            padding: 2 rem;
1334            width: 100 vw;
1335            height: 500 px;
1336            background - color: #ffffff;
1337         
1338
1339
1340        }
1341
1342
1343    .container - tarifs,
1344        .container - portfolio {
1345            padding: 1 rem;
1346            height: 312 px;
1347            width: 541 px;
1348            text - align: center;
1349            font - family: "Atkinson Hyperlegible",
1350            sans - serif;
1351            font - weight: 400;
1352            font - style: normal;
1353            cursor: pointer;
1354            background - color: #f2f2f2;
1355
1356
1357        }
1358
1359
1360
1361    .container - tarifs: hover,
1362        .container - portfolio: hover {
1363            background - color: #1a202c ;
1364color: # fff;
1365        }
1366        .container - tarifs: hover.btn,
1367        .container - portfolio: hover.btn {
1368            background - color: #1e81f7;
1369    color: # fff;
1370        }
1371
1372    .title - tarifs,
1373        .title - portfolio {
1374
1375            font - size: 2 rem;
1376            font - weight: 700;
1377
1378
1379
1380        }
1381
1382    .img - tarifs span,
1383        .img - portfolio span {
1384            font - size: 7 rem;
1385            font - weight: 700;
1386            color: #A2D7FF;
1387        }
1388
1389    .container - tarifs: hover.img - tarifs span,
1390        .container - portfolio: hover.img - portfolio span {
1391            color: #1e81ff;
1392
1393}
1394.desc-tarifs, 
1395.desc-portfolio{
1396padding-bottom: 1.2rem;
1397
1398
1399 
1400}
1401.btn-tarifs, 
1402.btn-portfolio{
1403   
1404    background-color: # A2D7FF;
1405            padding: 0.5 rem 0.8 rem;
1406            color: #1a202c;
1407    font-weight: 700;
1408    font-size: 1rem;
1409    text-decoration: none;
1410    
1411}
1412.container-tarifs:hover .btn-tarifs,
1413.container-portfolio:hover .btn-portfolio{
1414    background-color: # 1e81 f7;
1415        }
1416
1417    /* Responsive layout for screens 767px and below */
1418    @media all and(max - width: 767 px) {
1419        .double {
1420            display: flex;
1421            flex - direction: column; /* Stack child containers vertically on small screens */
1422            column - gap: 2 rem;
1423            width: 90 % ; /* Optional: adjust width for better mobile fit */
1424                margin: 0 auto; /* Center on small screens */
1425            height: auto; /* Let height adjust with content */
1426            border: none; /* Optional: reduce border or adjust on small screens */
1427
1428        }
1429
1430        .container - tarifs,
1431            .container - portfolio {
1432                width: 100 % ; /* Make child containers full width */
1433                    height: auto; /* Let height expand naturally */
1434                    /* space between stacked containers */
1435                background - color: #e8e8e8;
1436            }
1437            .btn - tarifs,
1438            .btn - portfolio {
1439
1440                background - color: #1e81f7;
1441   padding: 0.5rem 0.8rem;
1442    color: # ffffff;
1443                font - weight: 700;
1444                font - size: 1 rem;
1445                text - decoration: none;
1446
1447            }
1448    }
1449
1450.GGTextContent a.noborder{
1451   text-decoration: none;
1452    text-transform: none;
1453    text-align: left;
1454    font-size: inherit;
1455    line-height: inherit;
1456    letter-spacing: inherit;
1457    font-family: inherit;
1458    font-weight: inherit;
1459    color: #000;
1460    border-bottom: 0;
1461    cursor: default;
1462    user-select: none;
1463} 
1464
1465
1466/* New style for underlined links with hover effects */
1467.GGTextContent a.custom-link {
1468    text-decoration: underline; /* Apply underline */
1469    text-underline-offset: 0.3em; /* Offset for the underline */
1470    text-decoration-color: #E8E8E8; /* Color of the underline */
1471    color: #1a202c; /* Default text color */
1472    transition: color 0.1s linear; /* Smooth transition for color on hover */
1473    background-color: transparent; /* Background color */
1474    cursor: pointer; /* Pointer cursor on hover */
1475}
1476/* Hover effect for the custom link */
1477.GGTextContent a.custom-link:hover {
1478    color:#33A1F6; /* Change text color on hover */
1479   text-decoration-color:#33A1F6;
1480 text-decoration-thickness: 0.1em;
1481}
1482/* Additional specificity to ensure it applies in mobile context */
1483html.ui-mobile .GGTextContent a.custom-link:hover {
1484    color: #A2D7FF; /* Ensure the hover color is applied in mobile context */
1485}
1486
1487
1488//////////////////////////SLIDER////////////////////////
1489/*
1490.section {
1491    display: grid;
1492    place-items: center;
1493--slider-items:18;
1494--slider-items-width:6rem;
1495--total-slider-items width:calc(var(--slider-items) * var(--slider-items-width) * 2)
1496}
1497  
1498.slider {
1499    display: flex;
1500    justify-content: center;
1501    align-items: center;
1502    height: 100%;
1503    width: 100vw;
1504
1505    overflow: hidden;
1506    background: rgb(255, 255, 255);
1507    border-radius: 16px;
1508  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
1509 border: 1px solid rgba(255, 255, 255, 0.4);
1510    backdrop-filter: blur(7.4px);
1511    -webkit-backdrop-filter: blur(7.4px);
1512    white-space: nowrap;
1513    position: relative;
1514}
1515.slider:before,
1516.slider:after {
1517  position: absolute;
1518  top: 0;
1519  width:var(--slider-items-width);
1520  height: 100%;
1521  content: "";
1522  z-index: 2;
1523}
1524
1525.slider:before {
1526  left: 0;
1527  background: linear-gradient(to left, rgba(255, 255, 255, 0), white);
1528}
1529
1530.slider:after {
1531  right: 0;
1532  background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
1533
1534
1535
1536}
1537
1538.slider-items {
1539    display: flex;
1540width:var(--total-slider-items-width);
1541    justify-content: center;
1542    align-items: center;
1543    gap: 5px;
1544    animation: slideLeft 36s linear infinite;
1545}
1546
1547
1548@keyframes slideLeft {
1549
1550    100% {
1551        transform: translateX(calc(-100%/2));
1552    }
1553}
1554
1555.slider-items img {
1556    width: 15%;
1557    margin: 15px;
1558
1559}*/
1560
1561
1562
1563
1564
1565/* Core Slider Container */
1566.section {
1567  width: 100%;
1568  padding: 2rem 0;
1569  position: relative;
1570  overflow: hidden;
1571  background: #f8f8f8; /* Optional background color */
1572}
1573.title{
1574font-size:3.5rem;
1575text-align:center;
1576color:#2c2c2c;
1577font-weight:700;
1578letter-spacing:-2px;
1579
1580}
1581/* Slider Track */
1582.slider {
1583  width: 100%;
1584  overflow: hidden;
1585  position: relative;
1586  height: 200px; /* Fixed slider height */
1587}
1588
1589/* Fade Effect Edges */
1590.slider::before,
1591.slider::after {
1592  content: '';
1593  position: absolute;
1594  top: 0;
1595  height: 100%;
1596  width: 100px;
1597  z-index: 2;
1598}
1599
1600.slider::before {
1601  left: 0;
1602  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
1603}
1604
1605.slider::after {
1606  right: 0;
1607  background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
1608}
1609
1610/* Slider Items Container */
1611.slider-items {
1612  display: flex;
1613  align-items: center;
1614  height: 100%;
1615  animation: scroll 50s linear infinite;
1616  will-change: transform;
1617  padding: 10px 0;
1618  width: max-content; /* Allows container to expand with content */
1619}
1620
1621/* Image Styling */
1622.slider-items img {
1623  height: 140px; /* Fixed height */
1624  width: auto; /* Maintain aspect ratio */
1625  min-width: 120px; /* Minimum width */
1626  max-width: 220px; /* Maximum width */
1627  object-fit: contain;
1628  margin: 0 20px;
1629  border-radius: 6px;
1630 
1631  flex-shrink: 0;
1632  transition: transform 0.3s ease;
1633}
1634
1635.slider-items img:hover {
1636  transform: scale(1.05); /* Hover effect */
1637}
1638
1639/* Infinite Scroll Animation */
1640@keyframes scroll {
1641  0% {
1642    transform: translateX(0);
1643  }
1644  100% {
1645    transform: translateX(-50%);
1646  }
1647}
1648
1649/* Responsive Adjustments */
1650@media (max-width: 768px) {
1651  .slider {
1652    height: 150px;
1653  }
1654  .slider-items img {
1655    height: 120px;
1656    min-width: 100px;
1657    margin: 0 15px;
1658  }
1659  .slider::before,
1660  .slider::after {
1661    width: 50px;
1662  }
1663}
1664
1665/* CODE MARC */
1666body[data-page-id="1bed18b1-5a7a-4862-8f4a-ae085d33629e"] .GalleryUISiteNavigation {
1667    transform: translateY(0) !important;
1668    opacity: 1 !important;
1669    pointer-events: auto !important;
1670    transition: transform 0.3s ease, opacity 0.3s ease !important;
1671}
1672
1673body[data-page-id="1bed18b1-5a7a-4862-8f4a-ae085d33629e"].hide-header-on-scroll .GalleryUISiteNavigation {
1674    transform: translateY(-120%) !important;
1675    opacity: 0 !important;
1676    pointer-events: none !important;
1677}
1678
1679body[data-page-id="1bed18b1-5a7a-4862-8f4a-ae085d33629e"] .GGBreadCrumbs {
1680    padding: 0;
1681}
1682body[data-page-id="1bed18b1-5a7a-4862-8f4a-ae085d33629e"] .section {
1683    padding: 0;
1684}
1685body[data-page-id="1bed18b1-5a7a-4862-8f4a-ae085d33629e"] .GalleryMenuContent {
1686    margin-inline: 0 !important;
1687}
1688body[data-page-id="1bed18b1-5a7a-4862-8f4a-ae085d33629e"] .GalleryMenuContent > ul > li {
1689    margin: 0 !important;
1690    z-index: 0 !important;
1691}
1692body[data-page-id="1bed18b1-5a7a-4862-8f4a-ae085d33629e"] .GGTextContent {
1693    margin: 0 !important;
1694    margin-top: -150px !important;
1695    z-index: 1 !important;
1696    opacity: 1 !important;
1697}
1698body[data-page-id="1bed18b1-5a7a-4862-8f4a-ae085d33629e"] .GGBreadCrumbs {
1699    text-align: left !important;
1700}
1701body[data-page-id="1bed18b1-5a7a-4862-8f4a-ae085d33629e"] 
1702.GalleryMenuContent > ul > li:hover {
1703    background: inherit;
1704}
1705body[data-page-id="1bed18b1-5a7a-4862-8f4a-ae085d33629e"] 
1706.GalleryMenuContent > ul > li:hover .GMPhoto {
1707    opacity: .9;
1708}
1709body[data-page-id="1bed18b1-5a7a-4862-8f4a-ae085d33629e"] .container-marc {
1710    text-align: center;
1711    padding: 20px 0;
1712}
1713body[data-page-id="1bed18b1-5a7a-4862-8f4a-ae085d33629e"] 
1714.container-marc:hover .img-container img {
1715    content: url("https://cdn.goodgallery.com/c9b8450e-6d8a-4e75-8cd5-a414fda080fa/r/0200/3765j9ki/xbzk11obrnc.png");
1716}
1717body[data-page-id="1bed18b1-5a7a-4862-8f4a-ae085d33629e"] 
1718.container-marc:hover {
1719    background: black;
1720    color: white;
1721    cursor: pointer;
1722}
1723body[data-page-id="1bed18b1-5a7a-4862-8f4a-ae085d33629e"] 
1724.container-marc:hover div {
1725    color: white;
1726    background: transparent;
1727}
1728body[data-page-id="1bed18b1-5a7a-4862-8f4a-ae085d33629e"] 
1729.container-marc:hover button {
1730    color: red;
1731    background: black;
1732    border-color: red;
1733}
1734.container-marc, 
1735.container-marc button, 
1736.container-marc img {
1737    transition: all 0.4s ease;
1738}
1739
1740body[data-page-id="1bed18b1-5a7a-4862-8f4a-ae085d33629e"] div#content{
1741    background:var(--surface);
1742    color:var(--text);
1743}
1744
1745body[data-page-id="1bed18b1-5a7a-4862-8f4a-ae085d33629e"] h2 {
1746    font-family: var(--font-sans);
1747}
1748
1749body[data-page-id="1bed18b1-5a7a-4862-8f4a-ae085d33629e"] .wipe {
1750  --underline-color: #0969da;
1751  color: #000;
1752  text-decoration: none; 
1753  position: relative;
1754}
1755
1756body[data-page-id="1bed18b1-5a7a-4862-8f4a-ae085d33629e"] .wipe-load {
1757  --underline-color: #0969da;
1758  color: #000;
1759  text-decoration: none; 
1760  position: relative;
1761}
1762
1763body[data-page-id="1bed18b1-5a7a-4862-8f4a-ae085d33629e"] .wipe::after{
1764  content:"";
1765  position:absolute;
1766  left:0;
1767  right:0;
1768  bottom:-0.15em;  
1769  height:2px;
1770  background: var(--underline-color);
1771  transform-origin: left center;  
1772  transform: scaleX(1);
1773}
1774
1775body[data-page-id="1bed18b1-5a7a-4862-8f4a-ae085d33629e"] .wipe-load::after{
1776  content:"";
1777  position:absolute;
1778  left:0;  right:0;  bottom:-0.15em;  
1779  height:2px;
1780  background: var(--underline-color);
1781  pointer-events: none;
1782  transform-origin: left center;
1783  transform: scaleX(1);
1784}
1785
1786body[data-page-id="1bed18b1-5a7a-4862-8f4a-ae085d33629e"] .wipe-load::before{
1787  content:"";
1788  position:absolute;
1789  left:0; right:0; bottom:-0.15em;
1790  height:2px;
1791  background:var(--underline-color);
1792  transform-origin:left center;
1793  transform:scaleX(0);
1794  opacity:0;
1795  pointer-events:none;
1796}
1797
1798body[data-page-id="1bed18b1-5a7a-4862-8f4a-ae085d33629e"] .wipe:hover::after{
1799  animation: underline-wipe 0.5s ease-in-out forwards;
1800}
1801
1802body[data-page-id="1bed18b1-5a7a-4862-8f4a-ae085d33629e"] .wipe-load:hover::after{
1803  opacity: 0;
1804}
1805
1806body[data-page-id="1bed18b1-5a7a-4862-8f4a-ae085d33629e"] .wipe-load:hover::before{
1807  opacity: 1;
1808  animation: underline-grow 0.9s ease-out forwards;
1809}
1810
1811body[data-page-id="1bed18b1-5a7a-4862-8f4a-ae085d33629e"] .GGTextContent .GGFAQs > div > label {
1812    border: 1px dashed;
1813}
1814
1815body[data-page-id="1bed18b1-5a7a-4862-8f4a-ae085d33629e"] .GGFAQs > div > input:not(:checked) + label {
1816    border: 1px solid blue;
1817}
1818
1819body[data-page-id="1bed18b1-5a7a-4862-8f4a-ae085d33629e"] .GGTextContent .GGFAQs > div > label:hover {
1820    border: 1px solid blue;
1821}
1822
1823body[data-page-id="1bed18b1-5a7a-4862-8f4a-ae085d33629e"] .GGFAQs > div > input:checked + label::after {
1824    color: black;
1825}
1826
1827body[data-page-id="1bed18b1-5a7a-4862-8f4a-ae085d33629e"] .GGTextContent .GGFAQs > div > label:hover::after {
1828    color: blue;
1829}
1830
1831body[data-page-id="1bed18b1-5a7a-4862-8f4a-ae085d33629e"] .GGFAQs > div > input:not(:checked) + label::after {
1832    color: blue;
1833}
1834
1835body[data-page-id="1bed18b1-5a7a-4862-8f4a-ae085d33629e"] ul#listeAvecIcone {
1836    list-style: none;
1837    padding-left: 0;
1838}
1839
1840body[data-page-id="1bed18b1-5a7a-4862-8f4a-ae085d33629e"] ul#listeAvecIcone a:hover {
1841    text-decoration-color: blue !important;
1842    color: blue !important;
1843}
1844
1845body[data-page-id="1bed18b1-5a7a-4862-8f4a-ae085d33629e"] ul#listeAvecIcone li {
1846    background-image: url("https://goodgallery-photos-originals-win-ksu2vbmijir-photos.s3-us-west-2.amazonaws.com/c9b8450e-6d8a-4e75-8cd5-a414fda080fa/dpxu4xmt3rn.png");
1847    background-repeat: no-repeat;
1848    background-position: left center;
1849    background-size: 16px 16px;
1850    padding-left: 24px;
1851}
1852
1853@keyframes underline-wipe{
1854  0%   { transform: scaleX(1); }
1855  48%  { transform: scaleX(0); } 
1856  52%  { transform: scaleX(0); } 
1857  100% { transform: scaleX(1); } 
1858}
1859
1860@keyframes underline-grow{
1861  from{ transform:scaleX(0); }
1862  to  { transform:scaleX(1); }
1863}
1864
1865/* R080J BRATSKA DESKTOP CSS TEST START */
1866body[data-page-id="96ad2039-8085-461a-9b63-b3447eff43f4"] .gp-bratska-test,
1867body[data-page-id="96ad2039-8085-461a-9b63-b3447eff43f4"] .gp-bratska-test *,
1868body[data-page-id="96ad2039-8085-461a-9b63-b3447eff43f4"] .GGTextContent,
1869body[data-page-id="96ad2039-8085-461a-9b63-b3447eff43f4"] .GGTextContent * {
1870  font-family: 'Atkinson Hyperlegible', Arial, sans-serif !important;
1871}
1872
1873body[data-page-id="96ad2039-8085-461a-9b63-b3447eff43f4"] .gp-bratska-test a:hover,
1874body[data-page-id="96ad2039-8085-461a-9b63-b3447eff43f4"] .gp-bratska-test button:hover,
1875body[data-page-id="96ad2039-8085-461a-9b63-b3447eff43f4"] .GGTextContent a[href="#cta-blok"]:hover,
1876body[data-page-id="96ad2039-8085-461a-9b63-b3447eff43f4"] .GGTextContent a[href="#font-test"]:hover {
1877  background: #045de3 !important;
1878  color: #ffffff !important;
1879  transform: translateY(-2px);
1880  transition: background-color .2s ease, color .2s ease, transform .2s ease;
1881}
1882/* R080J BRATSKA DESKTOP CSS TEST END */
1883
1884</style>
1885</head>
1886<body class="GalleryUIContainer" data-page-type="text" data-page-id="1dd82dba-f0ea-4fd0-a2f0-aaa9b57d1863" data-tags="" data-menu-hash="XYpRREsnGlSsiqcr6t-UFg" data-settings-hash="VCtY7d74JJceAKGoBDAARw" data-fotomotoid="" data-imglocation="//cdn.goodgallery.com/c9b8450e-6d8a-4e75-8cd5-a414fda080fa/" data-cdn="//cdn.goodgallery.com/c9b8450e-6d8a-4e75-8cd5-a414fda080fa" data-stoken="3bv5nn84" data-settingstemplateid="">
1887        
1888<div class="GalleryUISiteNavigation"><div class="GalleryUIMenuTopLevel" data-predefined="true"><div class="GalleryUIMenuContainer" data-predefined="true"><ul class="GalleryUIMenu" data-predefined="true"><li data-pid="76d436eb-dd34-429d-bb5a-a3228cb0159a"><a href="/"><span>Home</span></a></li><li data-pid="e1b775d6-5122-49e4-b121-09fb7a345dc9"><a href="/photographe-geneve"><span>Spécialités</span></a><span class="SubMenuArrow"> </span><span class="SubMenuArrowSizing"> </span></li><li data-pid="1dd82dba-f0ea-4fd0-a2f0-aaa9b57d1863"><a href="/bon-cadeau-photo"><span>Bon cadeau </span></a></li><li data-pid="5e3a8627-07da-4cce-bb49-a7a43506db5c"><a href="/portrait-corporate-entreprise-geneve"><span>Photo Corporate</span></a></li></ul></div></div><div class="MenuLogo"><a href="/" class="NavigationLogoTarget"><img src="https://logocdn.goodgallery.com/c9b8450e-6d8a-4e75-8cd5-a414fda080fa/180x0/32hnvwje/photographe-professionnel-geneve-favicon.jpg" alt=" Photographe  Professionnel Geneve " title=" Photographe  Professionnel Geneve " border="0" style="padding: 10px 60px 10px 60px;float:left;" height="90" width="90"></a></div><div class="GalleryUIMenuTopLevel" data-predefined="true"><div class="GalleryUIMenuContainer" data-predefined="true"><ul class="GalleryUIMenu" data-predefined="true"><li data-pid="ddfbc17f-1fbd-4773-ad80-b0d5e58ea66d"><a href="/studio-photo-geneve"><span>Studio</span></a></li><li data-pid="f05293b4-4dfb-4105-b0ed-3463e4175adc"><a href="/a-propos"><span> À propos</span></a></li><li data-pid="39ae77e6-f517-460d-9b64-09c65902f302"><a href="/contacter-le-photographe"><span>Contact</span></a></li><li data-pid="bef6ce4f-0fa7-49a0-925b-8d768cc4d321" class="TypeMenuHTML"><span> </span></li><li data-pid="2e180306-f23a-4f55-b334-bc62ba082001"><a href="https://clients.jpphotographies.com"><span>Connexion clients</span></a></li></ul></div></div></div><div class="GalleryUIMenuSubLevel" style="opacity:0;display:none;z-index:10101;" data-pid="e1b775d6-5122-49e4-b121-09fb7a345dc9"><div class="GalleryUIMenuContainer"><ul class="GalleryUIMenu"><li data-pid="799d879b-b08a-4a0a-a213-df48352929af"><a href="/photographe-geneve/photo-cv-business-portrait">Photo CV Business Portrait</a></li><li data-pid="0521fa7c-7ae5-42df-bd2a-fc10ae5464c8"><a href="/photographe-geneve/photo-de-famille">Photo de Famille </a></li>
1888<li data-pid="6044ba28-b356-41cb-810d-1ff281953fb3"><a href="/photographe-geneve/photo-grossesse">Photo Grossesse</a></li><li data-pid="182091a1-cae1-44de-9e45-8d511193e3c1"><a href="/photographe-geneve/photographe-mariage">Photo Mariage</a></li><li data-pid="3e9d673b-5866-4a91-a3c1-83a07e7a4b4a"><a href="/photographe-geneve/photo-évènementiel">Photo Évènementiel</a></li><li data-pid="da01fb6f-9ccf-4d9b-a187-ce117b36b7c5"><a href="/photographe-geneve/maquillage">Maquillage</a></li><li data-pid="9265e3bc-d24f-45a5-b691-8d9614578cd5"><a href="/photographe-geneve/pixelantik-photo-vintage">Pixelantik</a></li><li data-pid="30003e9a-3460-4c1f-bdab-bfdae7508479"><a href="/photographe-geneve/photographe-thematique-tutu-princesse">Tutu princesse</a></li></ul></div></div>
1889     
1890
1891        <div class="PageUIContent PageTemplateUIContent" style="margin-top:110px">
1892    <div id="content" style="padding:0px;margin:0px;display:block;">
1893
1894        
1895
1896                <div class="GGRedactorContent GGTextContent  SelectionDisabled">
1897            <div class="GGBreadCrumbs">
1898<div class="GGBreadCrumb">
1899    <a href="/" title="  JPphotographies | Photographe professionnel &#224; Gen&#232;ve"><span>Home</span></a> »
1900</div>
1901                <div class="GGBreadCrumb">
1902                    <span>Bon cadeau </span>
1903                </div>
1904            </div>
1905<h1>Un bon cadeau c'est une séance photo</h1><p>Nous vous proposons le bon cadeau à offrir pour une séance photo sur mesure. Faites plaisir autour de vous. Différentes formules existent aussi bien en studio qu'à l'extérieur.<h2>Idée Cadeau Un Bon Pour Séance Photo</h2><p>Envie d'offrir un cadeau unique à une personne qui compte beaucoup à vos yeux ? Nos catégories vous aideront à trouver le bon cadeau photo personnalisés pour toutes les occasions: pour la fête des mères, St. Valentin, anniversaire, une naissance, un mariage, ou bien même simplement pour exprimer votre amour à vos proches, shooting photo personnalisé, pour en faire des tirages photo en grand format, une tirage photo sur toile ou tout simplement pour faire plaisir. Alors cette année, soyez original et optez pour le bon cadeau photo personnalisable.<div class=separateur style="outline:1px solid #f0f0f0;padding:0;border-radius:5px;background-color:#Fbfbfb">
1905<table class=pricing><thead style=text-align:center><tr><th colspan=1><div style=text-align:center><span style=font-size:22px><strong>PHOTO CV</strong></span></div><tbody><tr><td style=text-align:center><span style=font-size:36px><strong>CHF 165</strong></span><tr><td style=text-align:center>Studio shoot 15 minutes<tr><td style=text-align:center>Maquillage non inclus<tr><td style=text-align:center>20-30 photos<tr><td style=text-align:center>1 tenue<tr><td style=text-align:center>Traitement colorimétrie<tr><td style=text-align:center>Fichiers en format web<tr><td style=text-align:center>Retouches non inclus<tr><td style=text-align:center>Séance livrée par e-mail</table><div class=CTAContainer><div class=ButtonCTA data-mci-spellchecked=true spellcheck=false style=word-break:break-word;position:relative;z-index:0;line-height:23.2px><a class=CTAButton href=/contacter-le-photographe><span>COMMANDER</span></a></div></div></div><div class=separateur style="outline:1px solid #f0f0f0;padding:0;border-radius:5px;background-color:#Fbfbfb">
1905<table class=pricing><thead style=text-align:center><tr><th colspan=1><div style=text-align:center><span style=font-size:22px><strong>PORTRAIT CORPORATE</strong></span></div><tbody><tr><td style=text-align:center><strong><span style=font-size:36px>CHF 285</span></strong><tr><td style=text-align:center>Studio shoot 30 minutes<tr><td style=text-align:center>30-40 photos<tr><td style=text-align:center>2 tenues<tr><td style=text-align:center>Traitement colorimétrie<tr><td style=text-align:center>Fichiers en format web<tr><td style=text-align:center>2 photos en HD<tr><td style=text-align:center>1 photo retouchée<tr><td style=text-align:center>Séance livrée par e-mail</table><div class=CTAContainer><div class=ButtonCTA data-mci-spellchecked=true spellcheck=false style=word-break:break-word;position:relative;z-index:0;line-height:23.2px><a class=CTAButton href=/contacter-le-photographe><span>COMMANDER</span></a></div></div></div><div class=separateur style="outline:1px solid #f0f0f0;padding:0;border-radius:5px;background-color:#Fbfbfb">
1905<table class=pricing><thead style=text-align:center><tr><th colspan=1><div style=text-align:center><span style=font-size:22px><strong>PORTRAIT CASUAL</strong></span></div><tbody><tr><td style=text-align:center><strong><span style=font-size:36px>CHF 235</span></strong><tr><td style=text-align:center>Studio shoot 30 minutes<tr><td style=text-align:center>Maquillage non inclus<tr><td style=text-align:center>30-40 photos<tr><td style=text-align:center>1 tenue<tr><td style=text-align:center>Traitement colorimétrie<tr><td style=text-align:center>Fichiers en format web<tr><td style=text-align:center>5 photos en HD<tr><td style=text-align:center>1 photo retouchée<tr><td style=text-align:center>Séance livrée par e-mail</table><div class=CTAContainer><div class=ButtonCTA data-mci-spellchecked=true spellcheck=false style=word-break:break-word;position:relative;z-index:0;line-height:23.2px><a class=CTAButton href=/contacter-le-photographe><span>COMMANDER</span></a></div></div></div><div class=separateur style="outline:1px solid #f0f0f0;padding:0;border-radius:5px;background-color:#Fbfbfb">
1905<table class=pricing><thead style=text-align:center><tr><th colspan=1><div style=text-align:center><span style=font-size:22px><strong>PORTRAIT CASUAL PREMIUM</strong></span></div><tbody><tr><td style=text-align:center><strong><span style=font-size:36px>CHF 385</span></strong><tr><td style=text-align:center>Shoot studio 60 minutes<tr><td style=text-align:center>Maquillage non inclus<tr><td style=text-align:center>50-60 photos<tr><td style=text-align:center>2 tenues<tr><td style=text-align:center>Traitement colorimétrie<tr><td style=text-align:center>Fichiers en format web<tr><td style=text-align:center>Shoot en HD<tr><td style=text-align:center>5 photos retouchées<tr><td style=text-align:center>Séance livrée par e-mail</table><div class=CTAContainer><div class=ButtonCTA data-mci-spellchecked=true spellcheck=false style=word-break:break-word;position:relative;z-index:0;line-height:23.2px><a class=CTAButton href=/contacter-le-photographe><span>COMMANDER</span></a></div></div></div><div class=separateur style="outline:1px solid #f0f0f0;padding:0;border-radius:5px;background-color:#Fbfbfb">
1905<table class=pricing><thead style=text-align:center><tr><th colspan=1><div style=text-align:center><span style=font-size:22px><strong>PORTRAIT CASUAL EXTERIEUR</strong></span></div><tbody><tr><td style=text-align:center><strong><span style=font-size:36px>CHF 485</span></strong><tr><td style=text-align:center>Shoot extérieur 60 minutes<tr><td style=text-align:center>Maquillage non inclus<tr><td style=text-align:center>Séance en HD<tr><td style=text-align:center>1 tenue<tr><td style=text-align:center>Traitement colorimétrie<tr><td style=text-align:center>Fichiers en format web<tr><td style=text-align:center>10 photos en HD<tr><td style=text-align:center>3 photos retouchées<tr><td style=text-align:center>Séance livrée par e-mail</table><div class=CTAContainer><div class=ButtonCTA data-mci-spellchecked=true spellcheck=false style=word-break:break-word;position:relative;z-index:0;line-height:23.2px><a class=CTAButton href=/contacter-le-photographe><span>COMMANDER</span></a></div></div></div><div class=separateur style="outline:1px solid #f0f0f0;padding:0;border-radius:5px;background-color:#Fbfbfb">
1905<table class=pricing><thead style=text-align:center><tr><th colspan=1><div style=text-align:center><span style=font-size:22px><strong>PORTRAIT BEAUTE</strong></span></div><tbody><tr><td style=text-align:center><span style=color:rgb(0,0,0);font-size:36px><strong>CHF 350</strong></span><tr><td style=text-align:center>Shoot studio 30 minutes<tr><td style=text-align:center>Maquillage Pro<tr><td style=text-align:center>30-40 photos<tr><td style=text-align:center>1 tenue<tr><td style=text-align:center>Traitement colorimétrie<tr><td style=text-align:center>Fichiers en format web<tr><td style=text-align:center>10 photos en HD<tr><td style=text-align:center>2 photos retouchées<tr><td style=text-align:center>Séance livrée par e-mail</table><div class=CTAContainer><div class=ButtonCTA data-mci-spellchecked=true spellcheck=false style=word-break:break-word;position:relative;z-index:0;line-height:23.2px><a class=CTAButton href=/contacter-le-photographe><span>COMMANDER</span></a></div></div></div><div class=separateur style="outline:1px solid #f0f0f0;padding:0;border-radius:5px;background-color:#Fbfbfb">
1905<table class=pricing><thead style=text-align:center><tr><th colspan=1><div style=text-align:center><span style=font-size:22px><strong>PORTRAIT BEAUTE PREMIUM</strong></span></div><tbody><tr><td style=text-align:center><span style=color:rgb(0,0,0);font-size:36px><strong>CHF 480</strong></span><tr><td style=text-align:center>Shoot studio 60 minutes<tr><td style=text-align:center>Maquillage Pro<tr><td style=text-align:center>50-60 photos<tr><td style=text-align:center>2 tenues<tr><td style=text-align:center>Traitement colorimétrie<tr><td style=text-align:center>Fichiers en format web<tr><td style=text-align:center>Shoot en HD<tr><td style=text-align:center>3 photos retouchées<tr><td style=text-align:center>Séance livrée par e-mail</table><div class=CTAContainer><div class=ButtonCTA data-mci-spellchecked=true spellcheck=false style=word-break:break-word;position:relative;z-index:0><a class=CTAButton href=/contacter-le-photographe><span>COMMANDER</span></a></div></div></div><div class=separateur style="outline:1px solid #f0f0f0;padding:0;border-radius:5px;background-color:#Fbfbfb">
1905<table class=pricing><thead style=text-align:center><tr><th colspan=1><div style=text-align:center><span style=font-size:22px><strong>PORTRAIT FAMILLE STUDIO</strong></span></div><tbody><tr><td style=text-align:center><span style=font-size:36px><strong>CHF 325</strong></span><tr><td style=text-align:center>Shoot studio 60 minutes<tr><td style=text-align:center>Maquillage non inclus<tr><td style=text-align:center>1 tenue<tr><td style=text-align:center>5 photos en HD<tr><td style=text-align:center>Solde séance en basse résolution<tr><td style=text-align:center>Traitement colorimétrie<tr><td style=text-align:center>Fichiers en format web<tr><td style=text-align:center>Séance livre par e-mail<tr><td style=text-align:center>Retouches non inclus</table><div class=CTAContainer><div class=ButtonCTA data-mci-spellchecked=true spellcheck=false style=word-break:break-word;position:relative;z-index:0;line-height:23.2px><a class=CTAButton href=/contacter-le-photographe><span>COMMANDER</span></a></div></div></div><div class=separateur style="outline:1px solid #f0f0f0;padding:0;border-radius:5px;background-color:#Fbfbfb">
1905<table class=pricing><thead style=text-align:center><tr><th colspan=1><div style=text-align:center><span style=font-size:22px><strong>PORTRAIT FAMILLE EXTERIEUR</strong></span></div><tbody><tr><td style=text-align:center><span style=font-size:36px><strong>CHF 465</strong></span><tr><td style=text-align:center>Shoot extérieur 90 minutes<tr><td style=text-align:center>Maquillage non inclus<tr><td style=text-align:center>1 tenue<tr><td style=text-align:center>10 photos HD<tr><td style=text-align:center>Solde séance basse résolution<tr><td style=text-align:center>Traitement colorimétrie<tr><td style=text-align:center>Fichier en format web<tr><td style=text-align:center>Séance livré par e-mail<tr><td style=text-align:center>1 photo retouchée</table><div class=CTAContainer><div class=ButtonCTA data-mci-spellchecked=true spellcheck=false style=word-break:break-word;position:relative;z-index:0;line-height:23.2px><a class=CTAButton href=/contacter-le-photographe><span>COMMANDER</span></a></div></div></div><div class=separateur style="outline:1px solid #f0f0f0;padding:0;border-radius:5px;background-color:#Fbfbfb">
1905<table class=pricing><thead style=text-align:center><tr><th colspan=1><div style=text-align:center><span style=font-size:22px><strong>PORTRAIT GROSSESSE STUDIO</strong></span></div><tbody><tr><td style=text-align:center><span style=font-size:36px><strong>CHF 235</strong></span><tr><td style=text-align:center>Shoot studio 30 Minutes<tr><td style=text-align:center>Maquillage non inclus<tr><td style=text-align:center>1 tenue<tr><td style=text-align:center>5 photos en HD<tr><td style=text-align:center>Solde séance en basse résolution<tr><td style=text-align:center>1 photo retouchée<tr><td style=text-align:center>Traitement colorimétrie<tr><td style=text-align:center>Fichiers en format web<tr><td style=text-align:center>Séance livré par e-mail</table><div class=CTAContainer><div class=ButtonCTA data-mci-spellchecked=true spellcheck=false style=word-break:break-word;position:relative;z-index:0;line-height:23.2px><a class=CTAButton href=/contacter-le-photographe><span>COMMANDER</span></a></div></div></div><div class=separateur style="outline:1px solid #f0f0f0;padding:0;border-radius:5px;background-color:#Fbfbfb">
1905<table class=pricing><thead style=text-align:center><tr><th colspan=1><div style=text-align:center><span style=font-size:22px><strong>PORTRAIT GROSSESSE STUDIO PREMIUM</strong></span></div><tbody><tr><td style=text-align:center><strong><span style=font-size:36px>CHF 435</span></strong><tr><td style=text-align:center>Shoot studio 90 Minutes<tr><td style=text-align:center>Maquillage non inclus<tr><td style=text-align:center>3 tenues<tr><td style=text-align:center>Séance en HD<tr><td style=text-align:center>Solde séance en HD<tr><td style=text-align:center>3 photos retouchées<tr><td style=text-align:center>Traitement colorimétrie<tr><td style=text-align:center>Fichiers en format web<tr><td style=text-align:center>Séance livré par e-mail<tr><td style=text-align:center>5 personnes maximum</table><div class=CTAContainer><div class=ButtonCTA data-mci-spellchecked=true spellcheck=false style=word-break:break-word;position:relative;z-index:0;line-height:23.2px><a class=CTAButton href=/contacter-le-photographe><span>COMMANDER</span></a></div></div></div><div class=separateur style="outline:1px solid #f0f0f0;padding:0;border-radius:5px;background-color:#Fbfbfb">
1905<table class=pricing><thead style=text-align:center><tr><th colspan=1><div style=text-align:center><span style=font-size:22px><strong>PORTRAIT GROSSESSE EXTERIEUR</strong></span></div><tbody><tr><td style=text-align:center><strong><span style=font-size:36px>CHF 495</span></strong><tr><td style=text-align:center>Shoot extérieur 90 minutes<tr><td style=text-align:center>Maquillage non inclus<tr><td style=text-align:center>2 tenues<tr><td style=text-align:center>Séance en HD<tr><td style=text-align:center>Solde séance en HD<tr><td style=text-align:center>3 photos retouchées<tr><td style=text-align:center>Traitement colorimétrie<tr><td style=text-align:center>Fichiers en format web<tr><td style=text-align:center>Séance livré par mail<tr><td style=text-align:center>5 personnes maximum</table><div class=CTAContainer><div class=ButtonCTA data-mci-spellchecked=true spellcheck=false style=word-break:break-word;position:relative;z-index:0;line-height:23.2px><a class=CTAButton href=/contacter-le-photographe><span>COMMANDER</span></a></div></div></div><div class=separateur style="outline:1px solid #f0f0f0;padding:0;border-radius:5px;background-color:#Fbfbfb">
1905<table class=pricing><thead style=text-align:center><tr><th colspan=1><div style=text-align:center><span style=font-size:22px><strong>SHOOTING PHOTO ENTERREMENT DE VIE</strong></span></div><tbody><tr><td style=text-align:center><strong><span style=font-size:36px>CHF 465</span></strong><tr><td style=text-align:center>Shoot studio 60 minutes<tr><td style=text-align:center><strong> </strong>Maquillage non inclus<tr><td style=text-align:center>2 tenues<tr><td style=text-align:center>5 photos en HD<tr><td style=text-align:center>Solde séance en basse résolution<tr><td style=text-align:center>1 photo retouchée<tr><td style=text-align:center>Traitement colorimétrie<tr><td style=text-align:center>Fichiers en format web<tr><td style=text-align:center>Séance livré par mail<tr><td style=text-align:center>10 personnes maximum</table><div class=CTAContainer><div class=ButtonCTA data-mci-spellchecked=true spellcheck=false style=word-break:break-word;position:relative;z-index:0;line-height:23.2px><a class=CTAButton href=/contacter-le-photographe><span>COMMANDER</span></a></div></div></div><div class=separateur style="outline:1px solid #f0f0f0;padding:0;border-radius:5px;background-color:#Fbfbfb">
1905<table class=pricing><thead style=text-align:center><tr><th colspan=1><div style=text-align:center><span style=font-size:22px><strong>PORTRAIT THEMATIQUE PIXELANTIK</strong></span></div><tbody><tr><td style=text-align:center><strong><span style=font-size:36px>CHF 685</span></strong><tr><td style=text-align:center>Studio shoot 60 minutes<tr><td style=text-align:center>Maquillage non inclus<tr><td style=text-align:center>30-40 photos<tr><td style=text-align:center>Tenues et décor à disposition<tr><td style=text-align:center>Traitement colorimétrie<tr><td style=text-align:center>Shoot en HD<tr><td style=text-align:center>Séance livrée par e-mail<tr><td style=text-align:center>1 tirage papier soie 20x30<tr><td style=text-align:center>8 personnes max</table><div class=CTAContainer><div class=ButtonCTA data-mci-spellchecked=true spellcheck=false style=word-break:break-word;position:relative;z-index:0;line-height:23.2px><a class=CTAButton href=/contacter-le-photographe><span>COMMANDER</span></a></div></div></div><div class=separateur style="outline:1px solid #f0f0f0;padding:0;border-radius:5px;background-color:#Fbfbfb">
1905<table class=pricing><thead style=text-align:center><tr><th colspan=1><div style=text-align:center><span style=font-size:22px><strong>PORTRAIT THEMATIQUE TUTU PRINCESSE</strong></span></div><tbody><tr><td style=text-align:center><strong><span style=font-size:36px>CHF 325</span></strong><tr><td style=text-align:center>Studio shoot 45 minutes<tr><td style=text-align:center>Maquillage non inclus<tr><td style=text-align:center>30-40 photos<tr><td style=text-align:center>Tenues à disposition<tr><td style=text-align:center>Traitement colorimétrie<tr><td style=text-align:center>Shoot en HD<tr><td style=text-align:center>Séance livrée par e-mail<tr><td style=text-align:center>2 photos retouchées<tr><td style=text-align:center>5 personnes max</table><div class=CTAContainer><div class=ButtonCTA data-mci-spellchecked=true spellcheck=false style=word-break:break-word;position:relative;z-index:0;line-height:23.2px><a class=CTAButton href=/contacter-le-photographe><span>COMMANDER</span></a></div></div></div><hr><p style=text-align:center>Pour plus d'informations ou un rendez-vous ...<div class=my-button-grey-div><a class=my-button-grey href=https://www.jpphotographies.com/contacter-le-photographe rel="noopener noreferrer">CONTACTEZ-NOUS</a></div>
1906    <p class="TextPageCopyrightStatement">
1907<div class="MyFooterCustom GGTextContentFooter">
1908  <div>
1909    <a href="https://www.jpphotographies.com" title="JPphotographies" class="noborder">
1910      <div style="width:100px;height:100px" class="img-logo-footer"></div>
1911    </a>
1912  </div>
1913  <div>
1914    <span style="text-align:center;">
1915      <a href="https://www.jpphotographies.com" class="noborder">Photographe Geneve<br>JPphotographies</a><br>
1916      <a href="https://www.google.ch/maps/place/JPphotographies+%F0%9F%93%B8/@46.1854973,6.1272761,17z/data=!3m1!4b1!4m12!1m6!3m5!1s0x478c7b245cb81fbd:0x45f270b86da47932!2sJPphotographies+%F0%9F%93%B8!8m2!3d46.1854936!4d6.1294648!3m4!1s0x478c7b245cb81fbd:0x45f270b86da47932!8m2!3d46.1854936!4d6.1294648?hl=fr" rel="noopener noreferrer" target="_blank" title="Studio Address &amp; Directions">Rue Antoine-Jolivet 8<br> 1227 Carouge, Genève</a>
1917    </span>
1918  </div>
1919  <div>
1920    <span>
1921      <a href="tel:0763648014" style="white-space:nowrap" title="Téléphone de contact" class="noborder">076 364 80 14</a><br>
1922      <strong>[mais email c'est mieux]</strong><br>
1923      <a href="mailto:[email protected]?subject=Subject Example" title="Email Addresse">[email protected]</a>
1924    </span>
1925  </div>
1926  <div>
1927    <span>
1928      <a href="https://www.jpphotographies.com/politique-de-confidentialite" title="Politique de confidentialité">Politique de confidentialité</a><br>
1929      <a href="https://www.jpphotographies.com/copyright" title="Droits d'auteur">Tous droits réservés © 2026</a>
1930    </span>
1931  </div>
1932</div>
1933
1934<ul class="GGBottomNavigationFooter">
1935  <li><a href="https://www.jpphotographies.com/photographe-geneve/photographe-mariage" title="Photographe de Mariages"><span>MARIAGE</span></a></li>
1936  <li><a href="https://www.jpphotographies.com/photographe-geneve/photo-cv-portrait-business" title="Shooting portraits"><span>PORTRAIT</span></a></li>
1937  <li><a href="https://www.jpphotographies.com/photographe-geneve/photo-cv-portrait-business" title="Photos CV"><span>PHOTOS CV</span></a></li>
1938  <li><a href="https://www.jpphotographies.com/photographe-geneve/photo-cv-portrait-business" title="Portraits Linked In"><span>LINKED IN</span></a></li>
1939  <li><a href="https://www.jpphotographies.com/portrait-corporate-entreprise-geneve" title="Corporate portraits"><span>ENTREPRISE / CORPORATE</span></a></li>
1940  <li><a href="https://www.jpphotographies.com/photographe-geneve/photographe-evenementiel" title="Photographe Evènement Genève"><span>EVENEMENTIEL</span></a></li>
1941  <li><a href="https://www.jpphotographies.com/photographe-geneve/photo-grossesse" title="Photographe grossesse Genève"><span>GROSSESSE</span></a></li>
1942  <li><a href="https://www.https://www.jpphotographies.com/photographe-geneve/photo-de-famille" title="Shooting photo enfants et familles"><span>FAMILLES</span></a></li>
1943  <li><a href="https://www.jpphotographies.com/photographe-geneve/pixelantik-photo-vintage" title="Shooting Vintage Genève"><span>PIXELANTIK VINTAGE</span></a></li>
1944  <li><a href="https://www.jpphotographies.com/photographe-geneve/photographe-thematique-tutu-princesse" title="Photo Thématique Genève"><span>TUTU PRINCESSE</span></a></li>
1945  <li><a href="https://www.jpphotographies.com/bon-cadeau-photo" title="Bon Cadeau Photo"><span>BON CADEAU</span></a></li>
1946  <li><a href="https://www.jpphotographies.com/contacter-le-photographe" title="Contactez JPphotographies"><span>CONTACT</span></a></li>
1947</ul>
1948
1949<div class="powered-by-biro404">
1950  <a href="https://www.biro404.rs" target="_blank" rel="noopener noreferrer">Powered by Biro404</a>
1951</div>
1952
1953<style type="text/css">
1954  div.MyFooterCustom{display:grid;grid-template-columns:auto;grid-gap:10px}
1955  div.MyFooterCustom>
1955div{align-self:center;height:100%;display:flex;justify-content:center;place-items:center;text-align:center}
1956  div.MyFooterCustom>div>span{width:100%;padding:20px;font-size:14px;line-height:1.8;text-align:unset}
1957  div.MyFooterCustom>div:nth-child(1){padding:10px 30px 10px 30px}
1958  div.MyFooterCustom>div:nth-child(n+2){background-color:#efefef}
1959  @media(min-width:1008px){
1960    div.MyFooterCustom{grid-template-columns:auto repeat(3,1fr);grid-gap:unset}
1961    div.MyFooterCustom>div:nth-child(n+3){border-left:10px solid #fff}
1962    div.MyFooterCustom>div:nth-child(2){text-align:left}
1963    div.MyFooterCustom>div:nth-child(3){text-align:center}
1964    div.MyFooterCustom>div:nth-child(4){text-align:right}
1965  }
1966  .GGTextContentFooter a{text-decoration:none;border-bottom:1px solid #a9a9a9}
1967  .GGTextContentFooter a.noborder{border-bottom:0;cursor:default}
1968  .GGTextContentFooter li{padding-bottom:5px}
1969  .GGTextContentFooter ul{padding-left:30px}
1970  ul.GGBottomNavigation{display:none}
1971  ul.GGBackNextNavigationFooter,
1972  ul.GGBottomNavigationFooter{list-style:none;text-align:center;margin:0;padding:15px 0 0 0!important}
1973  ul.GGBackNextNavigationFooter>li,
1974  ul.GGBottomNavigationFooter>li{display:inline}
1975  ul.GGBottomNavigationFooter>li:before{content:"\2713";color:#00ff84;margin-right:10px}
1976  ul.GGBackNextNavigationFooter>li:after,
1977  ul.GGBottomNavigationFooter>li:after{content:"\0020\0000B7\0020";color:#000}
1978  ul.GGBackNextNavigationFooter>li:last-child:after,
1979  ul.GGBottomNavigationFooter>li:last-child:after{content:""}
1980  ul.GGBackNextNavigationFooter span{font-size:13px}
1981  ul.GGBottomNavigationFooter span{color:#000;font-size:14px;letter-spacing:1px}
1982  .GGTextContentFooter a,
1983  html.ui-mobile .GGTextContentFooter a.ui-link:visited{color:#000}
1984  .GGTextContentFooter a{text-decoration:none;border-bottom:1px solid #a9a9a9}
1985  .GGBottomNavigationFooter{text-transform:uppercase}
1986  .GGBottomNavigationFooter a{text-decoration:none;border-bottom:1px solid #a9a9a9}
1987  .img-logo-footer{background:url(https://goodgallery-photos-originals-win-ksu2vbmijir-photos.s3-us-west-2.amazonaws.com/c9b8450e-6d8a-4e75-8cd5-a414fda080fa/eh1q4w3s22y.jpg);background-size:100px 100px}
1988
1989  .powered-by-biro404{
1990    text-align:center;
1991    margin:20px 0;      /* ajuste la marge ici */
1992    padding:10px 0;     /* ajuste le padding ici */
1993    background-color:#fff;
1994    color:#000000;
1995    font-size:11px;
1996    letter-spacing:1px;
1997     font-variant: small-caps;
1998  }
1999
2000  .powered-by-biro404 a{
2001    color:inherit;        /* même couleur que le texte */
2002    text-decoration:none; /* pas de soulignement */
2003    border:none;          /* pas de bordure */
2004    font-weight:normal;   /* pas de gras spécifique */
2005  }
2006
2007
2008
2009ul.GGBottomNavigationFooter > li:before{
2010  content:"\2713";
2011  color:#9a9a9a;
2012color : #1E81F7!important;
2013  margin-right:1px!important;
2014  display:inline-block;
2015  font-size:.75em;
2016  line-height:1;
2017  position:relative;
2018  top:-0px;
2019  flex:0 0 auto;
2020}
2021
2022
2023
2024ul.GGBottomNavigationFooter{
2025  list-style:none;
2026  margin:0;
2027  padding:16px 12px 0 12px !important;
2028  display:flex;
2029  flex-wrap:wrap;
2030  justify-content:center;
2031  gap:10px 14px;
2032  text-align:center;
2033}
2034
2035ul.GGBottomNavigationFooter > li{
2036  display:flex;
2037  align-items:center;
2038  justify-content:center;
2039  margin:0;
2040  padding:0;
2041}
2042
2043ul.GGBottomNavigationFooter > li:before{
2044  content:"\2713";
2045  color:#00ff84;
2046  margin-right:8px;
2047  display:inline-block;
2048  flex:0 0 auto;
2049}
2050
2051ul.GGBottomNavigationFooter > li:after{
2052  content:"";
2053}
2054
2055ul.GGBottomNavigationFooter span{
2056  color:#000;
2057  font-size:12px;
2058  letter-spacing:.105em;
2059  line-height:1.4;
2060  display:inline-block;
2061  white-space:nowrap;
2062}
2063
2064@media(max-width:520px){
2065  ul.GGBottomNavigationFooter{
2066    gap:8px 10px;
2067    padding:14px 8px 0 8px !important;
2068  }
2069
2070  ul.GGBottomNavigationFooter span{
2071    font-size:11px;
2072    letter-spacing:.08em;
2073    white-space:normal;
2074  }
2075}
2076
2077
2078
2079
2080</style></p>
2081<ul class="GGBottomNavigation">
2082 <li> <span>Bon&nbsp;cadeau&nbsp;</span> </li>  <li> <a href="/portrait-corporate-entreprise-geneve" title="Photographe Corporate &#224; Gen&#232;ve | Portrait Entreprise - JPphotographies"><span>Photo&nbsp;Corporate</span></a> </li>  <li> <a href="/studio-photo-geneve" title="Studio Photo Gen&#232;ve"><span>Studio</span></a> </li>  <li> <a href="/a-propos" title=" &#192; propos"><span>&nbsp;À&nbsp;propos</span></a> </li>  <li> <a href="/contacter-le-photographe" title="Contacter Pedja, votre photographe"><span>Contact</span></a> </li>  <li> <a href="https://clients.jpphotographies.com" title=""><span>Connexion&nbsp;clients</span></a> </li> </ul>
2083</div>
2084                                    </div>
2085    </div>
2086
2087    </body>
2088</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.