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éances photo portraits (portrait business, individuel, couple, famille, grossesse, nouveau-né, 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éances photo portraits (portrait business, individuel, couple, famille, grossesse, nouveau-né, 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 à Genè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 & 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 cadeau </span> </li> <li> <a href="/portrait-corporate-entreprise-geneve" title="Photographe Corporate à Genève | Portrait Entreprise - JPphotographies"><span>Photo Corporate</span></a> </li> <li> <a href="/studio-photo-geneve" title="Studio Photo Genève"><span>Studio</span></a> </li> <li> <a href="/a-propos" title=" À propos"><span> à 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 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.