Vincent Depollier

creation site internet annecy
/* 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; }
Menu
Linkedin Instagram Facebook

Tessi

Tessi

Print / Signalétique
Réalisation de différents formats de signalétique, habillages de bureaux et façades pour l’ensemble des établissements Tessi France. Adaptation et mise au format de la charte graphique de l’enseigne selon les besoins : PLV, panneaux, plaques bureaux, pictogrammes, dépolis pour vitres, stickers pour fenêtres, murs…

Retour