Vincent Depollier

/* widget: Fullscreen Menu */ body.menu-opened{ overflow: hidden; } #uc_fullscreen_navigation_menu_elementor_3c262c7 * { box-sizing: border-box; } #uc_fullscreen_navigation_menu_elementor_3c262c7 a, #uc_fullscreen_navigation_menu_elementor_3c262c7 a:visited, #uc_fullscreen_navigation_menu_elementor_3c262c7 a:hover, #uc_fullscreen_navigation_menu_elementor_3c262c7 a:active { text-decoration: none; } #uc_fullscreen_navigation_menu_elementor_3c262c7 .ue_hamburger_custom_open svg { height:1em; width:1em; } #uc_fullscreen_navigation_menu_elementor_3c262c7 .ue_hamburger_custom_close svg { height:1em; width:1em; } #uc_fullscreen_navigation_menu_elementor_3c262c7 { position:relative; z-index:10000000; } #uc_fullscreen_navigation_menu_elementor_3c262c7 .checkbox-toggle { position: absolute; z-index: 100000000; cursor: pointer; width: 60px; height: 60px; opacity: 0; top:0px; } #uc_fullscreen_navigation_menu_elementor_3c262c7 .checkbox-toggle:checked + .ue_hamburger > div:after { opacity: 0; } #uc_fullscreen_navigation_menu_elementor_3c262c7 .checkbox-toggle:checked ~ .ue_menu { pointer-events: auto; } #uc_fullscreen_navigation_menu_elementor_3c262c7 .checkbox-toggle:checked ~ .ue_menu > div.ue_inner_menu { visibility: visible; -webkit-transition-duration: 0.75s; transition-duration: 0.75s; } #uc_fullscreen_navigation_menu_elementor_3c262c7 .checkbox-toggle:checked ~ .ue_menu > div.ue_inner_menu > div > div { opacity: 1; transition: opacity 0.4s ease 0.4s; } /* start open transition animations */ #uc_fullscreen_navigation_menu_elementor_3c262c7 .ue_menu .ue_inner_menu { transform: translate(100%, 0); opacity: 0; } #uc_fullscreen_navigation_menu_elementor_3c262c7 .checkbox-toggle:checked ~ .ue_menu > div.ue_inner_menu { opacity: 1; transition: opacity .7s ease, transform .7s ease; -webkit-transform: translate(0, 0); transform: translate(0, 0); } /* end open transition animations */ #uc_fullscreen_navigation_menu_elementor_3c262c7 .ue_hamburger { top: 0; cursor: pointer; transition: 0.4s; backface-visibility: hidden; display: flex; align-items: center; justify-content: center; position:absolute; z-index:99999999; } #uc_fullscreen_navigation_menu_elementor_3c262c7 .checkbox-toggle:checked + .ue_hamburger > div { transform: rotate(135deg); } #uc_fullscreen_navigation_menu_elementor_3c262c7 .checkbox-toggle:checked + .ue_hamburger > div:before, #uc_fullscreen_navigation_menu_elementor_3c262c7 .checkbox-toggle:checked + .ue_hamburger > div:after { top: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); } #uc_fullscreen_navigation_menu_elementor_3c262c7 .checkbox-toggle:checked:hover + .ue_hamburger > div { transform: rotate(225deg); } #uc_fullscreen_navigation_menu_elementor_3c262c7 .ue_hamburger > div { position: relative; -webkit-box-flex: 0; flex: none; width: 100%; height: 2px; transition: all 0.4s ease; display: flex; align-items: center; justify-content: center; background-color:#ffffff; } #uc_fullscreen_navigation_menu_elementor_3c262c7 .checkbox-toggle:checked + .ue_hamburger > div { color:#ffffff; background-color:; } #uc_fullscreen_navigation_menu_elementor_3c262c7 input:hover + .ue_hamburger > div { background-color:#ffffff; } #uc_fullscreen_navigation_menu_elementor_3c262c7 .ue_hamburger > div:before, #uc_fullscreen_navigation_menu_elementor_3c262c7 .ue_hamburger > div:after { content: ''; position: absolute; z-index: 1; top: -10px; left: 0; width: 100%; height: 2px; background: inherit; } #uc_fullscreen_navigation_menu_elementor_3c262c7 .ue_hamburger > div:after { top: 10px; } #uc_fullscreen_navigation_menu_elementor_3c262c7 .ue_menu { position: fixed; top: 0; left: 0; width: 100%; pointer-events: none; visibility: hidden; backface-visibility: hidden; outline: none; display: flex; align-items: center; justify-content: center; } #uc_fullscreen_navigation_menu_elementor_3c262c7 .ue_menu .ue_inner_menu { color: #fff; transition: all 0.4s ease; height: 100vh; overflow-y: auto; overflow-x: hidden; display: flex; } #uc_fullscreen_navigation_menu_elementor_3c262c7 .ue_inner_menu-box{ margin-top: auto; margin-bottom: auto; width: 100vw; flex: none; backface-visibility: hidden; display: flex; flex-direction: column; align-items: center; } #uc_fullscreen_navigation_menu_elementor_3c262c7 .ue_menu > div > div > div { max-width: 90vw; width: 100%; opacity: 0; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; overflow-y: auto; flex: none; display: flex; align-items: center; justify-content: center; } #uc_fullscreen_navigation_menu_elementor_3c262c7 ul { list-style: none; margin: 0; display: block; padding:0px; } #uc_fullscreen_navigation_menu_elementor_3c262c7 .ue_menu div div ul li { padding: 0; display: block; } #uc_fullscreen_navigation_menu_elementor_3c262c7 .ue_menu div div ul li a { position: relative; display: inline-flex; align-items: center; cursor: pointer; transition: color 0.4s ease; } #uc_fullscreen_navigation_menu_elementor_3c262c7 .ue_menu div div ul li a:hover { } .ue_menu_wrapper { position:relative; } #uc_fullscreen_navigation_menu_elementor_3c262c7 .ue_menu-social-icons a { display:inline-block; line-height:1em; } #uc_fullscreen_navigation_menu_elementor_3c262c7 .ue_menu-social-icons a svg { height:1em; width:1em; } #uc_fullscreen_navigation_menu_elementor_3c262c7 .sub-menu { transition: 0.5s; overflow: hidden; height: auto; } #uc_fullscreen_navigation_menu_elementor_3c262c7 .collapsed i::before, #uc_fullscreen_navigation_menu_elementor_3c262c7 .expanded i::before{ font-weight: 900; font-size: px; line-height:1em; display: inline-block; vertical-align: middle; } #uc_fullscreen_navigation_menu_elementor_3c262c7 .uc-menu-item-pointer{ position: absolute; right: -15px; transform: translate(px,0); } #uc_fullscreen_navigation_menu_elementor_3c262c7 .uc-menu-item-pointer svg{ width: px; height: px; }

Fédération Française des Moniteurs Guides de Pêche

Fédération Française des Moniteurs Guides de Pêche Site internet / Webdesign Création du site internet pour la fédération française des moniteurs guides de pêche. Présentation de la fédération, espace membre, annuaire des adhérents, formulaire d’adhésion en ligne. Visiter le site Retour

Apicrea

Apicréa Site internet / Webdesign Réalisation du site internet pour la société Apicréa. Sensibilisation à l’apiculture et solutions pour l’implantation de ruches dans les entreprises, collectivités, administrations… Visiter le site Retour

Ecotherm

Ecotherm Site internet / Webdesign Refonte du site internet pour la société Ecotherm.Présentation de l’entreprise, ses services et son savoir-faire, les labels et certifications ainsi que leurs réalisations.Possibilité de faire une demande de devis en ligne par le biais d’un formulaire en plusieurs étapes.Site disponible en 2 langues : Français / Anglais. Visiter le site […]

Agence Texto

Agence Texto Site internet / Webdesign Refonte du site internet de l’agence de communication : Agence Texto. Mise en place de la nouvelle charte graphique au site, logo + couleurs. Présentation de l’agence, des services et prestations ainsi que l’équipe. Listing de l’ensemble des clients de l’agence et portfolio des dernières réalisations. Visiter le site […]

Apicréa

Apicréa Site internet / Webdesign Réalisation du site internet pour Apicréa : installation et formation à l’apiculture en entreprise et la préservation de l’abeille noire. Visiter le site Retour

Fruitières Chabert

Fruitières Chabert Site internet / Webdesign Refonte et création du nouveau site  internet pour les Fruitières Chabert. Présentation des différentes fruitières et des fromages proposés ainsi que l’historique et le savoir-faire de la famille Chabert. Site disponible en 2 langues : Français / Anglais. Visiter le site Retour

Biorévola

Biorévola Site internet / Webdesign Refonte et création du nouveau site e-commerce des marques Biorévola et Glutabye, produits bio et sans gluten. Réalisation du site sous WordPress, la partie boutique est gérée par un module Woocommerce.   L’objectif principal de cette refonte était de regrouper les 2 marques Glutabye et Biorévola au sein d’un même […]

Les Érables

webdesigner Annecy

Les Érables Graphisme / Création logo + Site internet / Webdesign Création du logo et réalisation du site internet pour les boulangeries Les Érables à Faverges.Présentation des produits et de leur savoir-faire. Structure du site souple faite sur WordPress et élaborée de manière à accueillir plus tard une partie « click and collect » proposant la commande […]

ESI Archamps

webdesigner annecy

ESI Archamps Site internet / Webdesign Refonte du site internet de l’European Scientific Institute basé à Archamps. Objectif : Simplifier la navigation et faciliter l’accès aux informations des écoles. Composition des pages en intégrant et en respectant les chartes graphiques de chaque école afin de les différencier de l’ESI.   Intégration d’une carte interactive illustrant […]

Volvo

graphiste freelance annecy

Volvo Print / SignalétiqueRéalisation de différents supports pour l’enseigne Volvo : Affiches, roll-up, beach flag, marquages pour vitrines, etc… Déclinaison et respect des règles d’utilisation de la charte graphique du groupe selon les contraintes et formats demandés. Retour