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; }

Paille & Pâturage

Site internet / Webdesign

Réalisation du site internet du collectif d’éleveurs Paille & Pâturage. Présentation de leur démarche, des éleveurs et du territoire. Des recettes proposées pour chaque viande, ainsi qu’une carte présentant leurs différents points de vente.