html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1.3em; background: #fff; font-family: 'Crimson Text', serif; color: #fff; font-size: 16px; } body a{ text-decoration: none; color: var(--or); } body, html { font-size: 16px; font-weight: 400; width: 100%; height: 100%; -webkit-font-smoothing: antialiased; -moz-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering: optimizeLegibility; } *{ box-sizing: border-box; } p{ line-height: 1.3em; font-size: 1.15em; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } body a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; } body input[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; text-align: center !important; } a, select:focus{ outline: none !important; } ::selection { background: rgba(219,198,142,0.4); cursor: text; } ::-moz-selection { background: rgba(219,198,142,0.4); cursor: text; } ::-webkit-selection { background: rgba(219,198,142,0.4); cursor: text; } ::-o-selection { background: rgba(219,198,142,0.4); cursor: text; } .loader{ position: fixed; z-index: 9999; background: #fff url(img/loader-desousa.gif) no-repeat center center; background-size: 5%; width: 100%; height: 100%; top: 0; left: 0; cursor: wait; } input { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; display: inline-block; text-align: center; width: 100%; } .wpcf7-submit{ width: 100% !important; text-align: center !important; display: block !important; } /* retour accueil */ /* html[lang="fr-FR"]{ } html[lang="en-GB"]{ } */ /* li.lang-item{ display: none; } li.lang-item:nth-child(1),li.lang-item:nth-child(2){ display: inherit; } */ .g-recaptcha > div{ margin: 10px auto 0 auto; } /* KEYFRAMES *//* KEYFRAMES *//* KEYFRAMES *//* KEYFRAMES *//* KEYFRAMES *//* KEYFRAMES *//* KEYFRAMES *//* KEYFRAMES *//* KEYFRAMES *//* KEYFRAMES *//* KEYFRAMES *//* KEYFRAMES *//* KEYFRAMES */ /* KEYFRAMES *//* KEYFRAMES *//* KEYFRAMES *//* KEYFRAMES *//* KEYFRAMES *//* KEYFRAMES *//* KEYFRAMES *//* KEYFRAMES *//* KEYFRAMES *//* KEYFRAMES *//* KEYFRAMES *//* KEYFRAMES *//* KEYFRAMES */ /* KEYFRAMES *//* KEYFRAMES *//* KEYFRAMES *//* KEYFRAMES *//* KEYFRAMES *//* KEYFRAMES *//* KEYFRAMES *//* KEYFRAMES *//* KEYFRAMES *//* KEYFRAMES *//* KEYFRAMES *//* KEYFRAMES *//* KEYFRAMES */ @-webkit-keyframes randomGreen { 0% { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); } 15% { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); } 30% { filter: grayscale(30%); -webkit-filter: grayscale(30%); -moz-filter: grayscale(30%); -o-filter: grayscale(30%); } 50% { filter: grayscale(70%); -webkit-filter: grayscale(70%); -moz-filter: grayscale(70%); -o-filter: grayscale(70%); } 75% { filter: grayscale(10%); -webkit-filter: grayscale(10%); -moz-filter: grayscale(10%); -o-filter: grayscale(10%); } 100% { filter: grayscale(80%); -webkit-filter: grayscale(80%); -moz-filter: grayscale(80%); -o-filter: grayscale(80%); } } @keyframes randomGreen { 0% { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); } 15% { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); } 30% { filter: grayscale(30%); -webkit-filter: grayscale(30%); -moz-filter: grayscale(30%); -o-filter: grayscale(30%); } 50% { filter: grayscale(70%); -webkit-filter: grayscale(70%); -moz-filter: grayscale(70%); -o-filter: grayscale(70%); } 75% { filter: grayscale(10%); -webkit-filter: grayscale(10%); -moz-filter: grayscale(10%); -o-filter: grayscale(10%); } 100% { filter: grayscale(80%); -webkit-filter: grayscale(80%); -moz-filter: grayscale(80%); -o-filter: grayscale(80%); } } @-webkit-keyframes rotLang { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); } 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @keyframes rotLang { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); } 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @-webkit-keyframes prehomeTexte { 0% { top: 48%; opacity: 0; } 100% { top: 50%; opacity: 1; } } @keyframes prehomeTexte { 0% { top: 48%; opacity: 0; } 100% { top: 50%; opacity: 1; } } @-webkit-keyframes bgPrehome { 0% { width: 0%; opacity: 1; } 100% { width: 100%; opacity: 1; } } @keyframes bgPrehome { 0% { width: 0%; opacity: 1; } 100% { width: 100%; opacity: 1; } } @-webkit-keyframes alphaPrehome { 0% { width: 0%; left: 0; } 50% { width: 100%; left: 100%; } 100% { width: 100%; left: 0%; } } @keyframes alphaPrehome { 0% { width: 0%; left: 0; } 50% { width: 100%; left: 100%; } 100% { width: 100%; left: 0%; } } @-webkit-keyframes alphaPrehomeVert { 0% { width: 0%; left: 0; opacity: 0; } 50% { width: 100%; left: 100%; opacity: 1; } 75% { width: 100%; left: 0%; opacity: 1; } 100% { width: 0%; opacity: 1; left: 0%; } } @keyframes alphaPrehomeVert { 0% { width: 0%; left: 0; opacity: 0; } 50% { width: 100%; left: 100%; opacity: 1; } 75% { width: 100%; left: 0%; opacity: 1; } 100% { width: 0%; opacity: 1; left: 0%; } } @-webkit-keyframes cursTel { 0% { right: 0; left: 0; opacity: 0; } 20% { right: 0; left: -20px; opacity: 1; } 40% { right: 0; left: 20px; opacity: 1; } 60% { right: 0; left: 0; opacity: 0; } } @keyframes cursTel { 0% { right: 0; left: 0; opacity: 0; } 20% { right: 0; left: -20px; opacity: 1; } 40% { right: 0; left: 20px; opacity: 1; } 60% { right: 0; left: 0; opacity: 0; } } /* GO *//* GO *//* GO *//* GO *//* GO *//* GO *//* GO *//* GO *//* GO *//* GO *//* GO *//* GO *//* GO *//* GO *//* GO *//* GO */ /* GO *//* GO *//* GO *//* GO *//* GO *//* GO *//* GO *//* GO *//* GO *//* GO *//* GO *//* GO *//* GO *//* GO *//* GO *//* GO */ /* GO *//* GO *//* GO *//* GO *//* GO *//* GO *//* GO *//* GO *//* GO *//* GO *//* GO *//* GO *//* GO *//* GO *//* GO *//* GO */ .wrap_content{ width: 850px; margin: auto; } nav { position: absolute; right: 0; top: 20px; z-index: 999; width: 100%; height: 0; text-align: right; transition: all ease-in-out 0.6s; -webkit-transition: all ease-in-out 0.6s; -moz-transition: all ease-in-out 0.6s; -o-transition: all ease-in-out 0.6s; } nav.isOpen { height: 100vh; position: fixed; } /* nav::before{ content:''; display: block; position: absolute; right: 0; top: 40px; background: #93d031; width: 90px; height: 2px; } */ .btn_navigation{ position: absolute; top: 15px; right: 55px; width: 20px; height: 14px; cursor: pointer; z-index: 999999; } .barre{ width: 100%; height: 2px; background: #fff; position: absolute; left: 0; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; } .barre1{ top:0; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); } .barre2{ top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); opacity: 1; } .barre3{ bottom:0; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate0deg); } .btn_lang{ background: url(svg/ico-lang.svg) no-repeat; background-size: contain; background-position: center center; width: 20px; height: 15px; position: absolute; top: 15px; right: 20px; cursor: pointer; animation: rotLang 40s infinite; -webkit-animation: rotLang 40s infinite; } /* isOpen */ .btn_navigation.isOpen .barre1{ transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); top: 6px; } .btn_navigation.isOpen .barre2{ opacity: 0; } .btn_navigation.isOpen .barre3{ transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); bottom: 6px; } .btn_lang.isOpen2{ background: url(svg/ico-lang-vert.svg) no-repeat; background-size: contain; background-position: center center; } .wrap_menu_principal > div + div:not(.wrap_reseaux_menu){ width: 100%; height: 0; padding: 0; background: transparent; position: absolute; right: 0; top: 0px; overflow: hidden; transition: all ease-in-out 0.3s .4s; -webkit-transition: all ease-in-out 0.3s .4s; -moz-transition: all ease-in-out 0.3s .4s; -o-transition: all ease-in-out 0.3s .4s; } .wrap_menu_principal > div + div:not(.wrap_reseaux_menu).isOpen{ height: 100%; padding: 115px 145px 0 0; background: #1b1c19; right: 0; top: -20px; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; } .wrap_menu_principal > div + div:not(.wrap_reseaux_menu) ul{ opacity: 0; position: relative; right: -20px; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; } .wrap_menu_principal > div + div:not(.wrap_reseaux_menu).isOpen ul{ opacity: 1; right: 0px; transition: all ease-in-out 0.6s .3s; -webkit-transition: all ease-in-out 0.6s .3s; -moz-transition: all ease-in-out 0.6s .3s; -o-transition: all ease-in-out 0.6s .3s; } .wrap_menu_principal > div + div:not(.wrap_reseaux_menu) a{ font-weight: 700; color: #444444; font-size: 6vh; line-height: 10vh; text-transform: uppercase; font-family: 'Montserrat', sans-serif; letter-spacing: 5px; position: relative; padding-right: 0; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; } .wrap_menu_principal > div + div:not(.wrap_reseaux_menu) a::after{ content:''; display: block; width: 0px; height: 2px; background: #93d031; position: absolute; right: 0; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; } .wrap_menu_principal > div + div:not(.wrap_reseaux_menu) a:hover{ color: #fff; padding-right: 30px; } .wrap_menu_principal > div + div:not(.wrap_reseaux_menu) a:hover::after{ width: 25px; } .wrap_menu_principal > div + div:not(.wrap_reseaux_menu) li.current_page_item a{ color: #fff; } .wrap_menu_principal ul li:nth-child(4) a{ cursor: pointer; } .logo_facebook{ display: block; width: 10px; height: 20px; background: url(svg/logo-fb.svg) no-repeat; background-size: contain; background-position: center bottom; float: left; margin: 0 15px; } .logo_insta{ display: block; width: 20px; height: 20px; background: url(svg/logo-insta.svg) no-repeat; background-size: contain; background-position: center bottom; float: left; } .wrap_reseaux_menu { position: absolute; right: 20px; bottom: 40px; opacity: 0; transition: all ease-in-out 0.6s; -webkit-transition: all ease-in-out 0.6s; -moz-transition: all ease-in-out 0.6s; -o-transition: all ease-in-out 0.6s; } .wrap_reseaux_menu.isOpen { opacity: 1; transition: all ease-in-out 0.6s .6s; -webkit-transition: all ease-in-out 0.6s .6s; -moz-transition: all ease-in-out 0.6s .6s; -o-transition: all ease-in-out 0.6s .6s; } .menu-menu_lang-container { position: absolute; right: 20px; top: 40px; opacity: 0; text-align: center; transition: all ease-in-out 0.6s; -webkit-transition: all ease-in-out 0.6s; -moz-transition: all ease-in-out 0.6s; -o-transition: all ease-in-out 0.6s; } .menu-menu_lang-container.isOpen2 { top: 45px; opacity: 1; } .menu-menu_lang-container li{ margin: 5px 0; } .menu-menu_lang-container li a{ text-align: center; opacity: .5; font-family: 'Montserrat', sans-serif; font-size: 14px; text-transform: uppercase; } .menu-menu_lang-container li.current-lang a{ opacity: 1; } .wrap_menu_cuvees{ text-align: left; padding: 120px 0 0 0; width: 400px; left: 0; right: unset; pointer-events: none; opacity: 0; position: fixed; font-family: 'Montserrat', sans-serif; } .wrap_menu_cuvees.cuveeOpen{ padding-left: 50px; opacity: 1; pointer-events: inherit; } .wrap_menu_cuvees li{ width: 100%; float: left; margin: 3px 0; } .wrap_menu_cuvees a{ font-size: 14px; display: block; position: relative; color: #888; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; } .wrap_menu_cuvees a:hover{ padding-left: 15px; color: #fff; } .wrap_menu_cuvees a::after{ content:''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 0px; height: 1px; background: #fff; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; } .wrap_menu_cuvees a:hover::after{ width: 10px; } .nav_gamme{ font-size: 2.2vh; text-transform: uppercase; margin-bottom: 20px; color: #93d031; } .zoemie{ margin-top: 5vh; } .cuvee_nav { width: 4500px; height: 1600px; background-size: contain; background-position: left bottom; background-repeat: no-repeat; position: absolute; top: -40px; left: 250px; z-index: 200; transform: rotate(15deg); -webkit-transform: rotate(15deg); opacity: 0; pointer-events: none; z-index: 100; transition: all ease-in-out 0.6s; -webkit-transition: all ease-in-out 0.6s; -moz-transition: all ease-in-out 0.6s; -o-transition: all ease-in-out 0.6s; } .wrap_menu_cuvees a:hover + div{ opacity: .1; } /* ACCUEIL *//* ACCUEIL *//* ACCUEIL *//* ACCUEIL *//* ACCUEIL *//* ACCUEIL *//* ACCUEIL */ /* ACCUEIL *//* ACCUEIL *//* ACCUEIL *//* ACCUEIL *//* ACCUEIL *//* ACCUEIL *//* ACCUEIL */ /* ACCUEIL *//* ACCUEIL *//* ACCUEIL *//* ACCUEIL *//* ACCUEIL *//* ACCUEIL *//* ACCUEIL */ .wrap_top_home{ width: 100%; height: 100vh; background: url(img/accueil/bg-top.jpg) no-repeat; background-size: cover; background-position: center center; padding-top: 40px; position: relative; } .logo_top{ width: 130px; height: 90px; background: url(svg/logo.svg) no-repeat; background-size: contain; background-position: center top; margin: auto; } .border-bgtop{ width: 3px; height: 0px; margin: 15px auto; background: #93d031; transition: all ease-in-out 0.6s; -webkit-transition: all ease-in-out 0.6s; -moz-transition: all ease-in-out 0.6s; -o-transition: all ease-in-out 0.6s; } .border-bgtop.view{ height: 120px; } .wrap_bienvenue h1{ font-family: 'Montserrat', sans-serif; font-weight: 700; color: #fff; letter-spacing: 3px; text-transform: uppercase; text-align: center; font-size: 1.3em; opacity: 0; transition: all ease-in-out 1.6s 0.6s; -webkit-transition: all ease-in-out 1.6s 0.6s; -moz-transition: all ease-in-out 1.6s 0.6s; -o-transition: all ease-in-out 1.6s 0.6s; } .wrap_bienvenue h1.view{ opacity: 1; } .wrap_bienvenue h1 .precision{ display: block; font-weight: 300; color: #93d031; letter-spacing: 55px; font-size: 1.4em; margin-top: 30px; } .remove_space{ letter-spacing: 0px; } .bg_inter_top{ position: absolute; left: 0; right: 0; bottom: 0px; width: 340px; height: 510px; background-repeat: no-repeat; background-position: center center; background-size: cover; margin: auto; opacity: 0; transition: all cubic-bezier(.38,-0.01,.63,1.02) 2.6s; -webkit-transition: all cubic-bezier(.38,-0.01,.63,1.02) 2.6s; -moz-transition: all cubic-bezier(.38,-0.01,.63,1.02) 2.6s; -o-transition: all cubic-bezier(.38,-0.01,.63,1.02) 2.6s; } .bg_inter_top.view{ bottom: -100px; opacity: 1; } .wrap_elaboration{ padding: 190px 0 50px 0; margin-bottom: 150px; } .bg_elaboration{ position: relative; width: 700px; height: 520px; float: right; background: #fff; position: relative; transition: all ease-in-out 1s .3s; -webkit-transition: all ease-in-out 1s .3s; -moz-transition: all ease-in-out 1s .3s; -o-transition: all ease-in-out 1s .3s; } .bg_elaboration.view{ background: #262421; } .img_elaboration{ width: 280px; height: 420px; background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url(img/accueil/bg_elabo.gif) !important; position: absolute; right: -55px; bottom: -130px; opacity: 0; transition: all ease-in-out 1s 1s; -webkit-transition: all ease-in-out 1s 1s; -moz-transition: all ease-in-out 1s 1s; -o-transition: all ease-in-out 1s 1s; } .img_elaboration.view{ right: -35px; opacity: 1; } .accueil h2{ font-size: 3em; color: #262421; text-transform: uppercase; letter-spacing: 5px; position: relative; margin-bottom: 110px; display: inline-block; font-weight: 700; font-family: 'Montserrat', sans-serif; line-height: 1.3em; left: -30px; opacity: 0; transition: all ease-in-out 1s .3s; -webkit-transition: all ease-in-out 1s .3s; -moz-transition: all ease-in-out 1s .3s; -o-transition: all ease-in-out 1s .3s; } .accueil h2::after { content: ''; display: block; position: absolute; right: -170px; bottom: 28px; width: 145px; height: 2px; background: #93d031; } .accueil h2.view{ left: 0px; opacity: 1; } .wrap_texte_elaboration{ padding: 50px 70px 70px 50px; background: transparent; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0); box-shadow: 0 0 10px 0 rgba(0,0,0,0); position: absolute; top:-30px; left: -170px; color: transparent; width: 630px; font-family: 'Montserrat', sans-serif; font-size: .9em; transition: all ease-in-out 1s .6s; -webkit-transition: all ease-in-out 1s .6s; -moz-transition: all ease-in-out 1s .6s; -o-transition: all ease-in-out 1s .6s; } .wrap_texte_elaboration p{ padding-bottom: 10px; text-align: justify; } .wrap_texte_elaboration.view{ left: -140px; color: #000; background: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); } .texte_vert_elaboration{ color: #496718; width: 420px; text-align: right; float: right; margin: 30px 320px 0 0; opacity: 0; font-size: .9em; font-family: 'Montserrat', sans-serif; transition: all ease-in-out 1.5s .6s; -webkit-transition: all ease-in-out 1.5s .6s; -moz-transition: all ease-in-out 1.5s .6s; -o-transition: all ease-in-out 1.5s .6s; } .texte_vert_elaboration.view{ margin: 30px 280px 0 0; opacity: 1; } .wrap_qualite{ width: 100%; padding: 160px 0 65px 0; overflow: hidden; background: url(img/accueil/bg-qualite.jpg) no-repeat; background-size: cover; background-position: right center; } .wrap_qualite h3{ font-size: 1.2em; letter-spacing: 40px; text-transform: uppercase; font-weight: 300; color: transparent; font-family: 'Montserrat', sans-serif; margin-bottom: 55px; position: relative; display: inline-block; transition: all ease-in-out 1.5s .6s; -webkit-transition: all ease-in-out 1.5s .6s; -moz-transition: all ease-in-out 1.5s .6s; -o-transition: all ease-in-out 1.5s .6s; } .wrap_qualite h3.view{ color: #94d131; } .wrap_qualite h3::before { content: ''; display: block; width: 3px; height: 0px; background: #93d031; margin: auto; position: absolute; left: -50px; right: 0; top: -180px; transition: all ease-in-out 1.5s; -webkit-transition: all ease-in-out 1.5s; -moz-transition: all ease-in-out 1.5s; -o-transition: all ease-in-out 1.5s; } .wrap_qualite h3.view::before { height: 150px; } .wrap_qualite p{ color: #fff; line-height: 1.5em; width: 85%; position: relative; top:-5px; opacity: 0; margin: 5px 0; text-align: justify; font-size: .9em; font-family: 'Montserrat', sans-serif; transition: all ease-in-out 1.5s 1s; -webkit-transition: all ease-in-out 1.5s 1s; -moz-transition: all ease-in-out 1.5s 1s; -o-transition: all ease-in-out 1.5s 1s; } .wrap_qualite p.view{ top:0px; opacity: 1; } .wrap_authenticite{ width: 100%; padding: 160px 0 65px 0; overflow: hidden; background: url(img/accueil/bg-authenticite.jpg) no-repeat; background-size: cover; background-position: left bottom; } .wrap_authenticite h3 { font-size: 1.2em; letter-spacing: 40px; text-transform: uppercase; font-weight: 300; color: transparent; font-family: 'Montserrat', sans-serif; margin-bottom: 55px; position: relative; display: inline-block; text-align: right; right: -40px; float: right; transition: all ease-in-out 1.5s 1.5s; -webkit-transition: all ease-in-out 1.5s 1.5s; -moz-transition: all ease-in-out 1.5s 1.5s; -o-transition: all ease-in-out 1.5s 1.5s; } .wrap_authenticite h3.view{ color: #e6913c; } .wrap_authenticite h3::before { content: ''; display: block; width: 3px; height: 0px; background: #e6913c; margin: auto; position: absolute; left: -50px; right: 0; top: -180px; transition: all ease-in-out 1.5s; -webkit-transition: all ease-in-out 1.5s; -moz-transition: all ease-in-out 1.5s; -o-transition: all ease-in-out 1.5s; } .wrap_authenticite h3.view::before { height: 150px; } .wrap_authenticite p{ color: #fff; line-height: 1.5em; width: 700px; text-align: right; float: right; position: relative; top:-5px; opacity: 0; margin: 5px 0; font-size: .9em; font-family: 'Montserrat', sans-serif; transition: all ease-in-out 1.5s 2s; -webkit-transition: all ease-in-out 1.5s 2s; -moz-transition: all ease-in-out 1.5s 2s; -o-transition: all ease-in-out 1.5s 2s; } .wrap_authenticite p.view{ top:0px; opacity: 1; } .wrap_bio{ padding: 110px 0; } .content_bio{ display: flex; justify-content: space-between; align-items: center; } .content_bio p{ width: 50%; color: #496718; padding-right: 10%; opacity: 0; position: relative; top:-5px; font-family: 'Montserrat', sans-serif; font-size: .9em; transition: all ease-in-out 1s 1s; -webkit-transition: all ease-in-out 1s 1s; -moz-transition: all ease-in-out 1s 1s; -o-transition: all ease-in-out 1 1s; } .content_bio p.view{ top:0px; opacity: 1; } .content_bio .wrap_logo{ width: 50%; } .wrap_logo a{ width: 50%; height: 250px; opacity: 0; display: block; float: left; transition: all ease-in-out 1s 1s; -webkit-transition: all ease-in-out 1s 1s; -moz-transition: all ease-in-out 1s 1s; -o-transition: all ease-in-out 1 1s; } .wrap_logo a.view{ opacity: 1; } .logo-home { width: 100%; height: 100%; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; } .wrap_logo a:hover .logo-home { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); } .logo-demanter{ background: url(img/accueil/logo-demeter.jpg); background-position: right top; background-size: contain; background-repeat: no-repeat; } .logo-bio{ background: url(img/accueil/logo-bio.jpg); background-position: right top; background-size: contain; background-repeat: no-repeat; } .wrap_go_maison{ width: 100%; opacity: 0; background: url(img/accueil/bg_gomaison.jpg) no-repeat; background-size: cover; background-position: left top; display: block; padding: 85px 0; text-align: center; filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); transition: all ease-in-out 0.8s; -webkit-transition: all ease-in-out 0.8s; -moz-transition: all ease-in-out 0.8s; -o-transition: all ease-in-out 0.8s; position: relative; } .wrap_go_maison.view{ opacity: 1; } .wrap_go_maison:hover{ filter: grayscale(40%); -webkit-filter: grayscale(40%); -moz-filter: grayscale(40%); -o-filter: grayscale(40%); } .wrap_go_maison h4{ font-size: 2.5em; letter-spacing: 70px; line-height: 2.5em; text-transform: uppercase; color: transparent; font-family: 'Montserrat', sans-serif; transition: all ease-in-out 0.8s; -webkit-transition: all ease-in-out 0.8s; -moz-transition: all ease-in-out 0.8s; -o-transition: all ease-in-out 0.8s; } .wrap_go_maison h4.view{ color: #fff; } .wrap_go_maison:hover h4{ letter-spacing: 75px; } .wrap_go_maison p{ opacity: 0; letter-spacing: 2px; position: absolute; left: 0; right: 0; bottom: 10px; margin: auto; transition: all ease-in-out 0.8s; -webkit-transition: all ease-in-out 0.8s; -moz-transition: all ease-in-out 0.8s; -o-transition: all ease-in-out 0.8s; } .wrap_go_maison:hover p{ opacity: .3; } /* MAISON *//* MAISON *//* MAISON *//* MAISON *//* MAISON *//* MAISON *//* MAISON *//* MAISON *//* MAISON *//* MAISON *//* MAISON *//* MAISON */ /* MAISON *//* MAISON *//* MAISON *//* MAISON *//* MAISON *//* MAISON *//* MAISON *//* MAISON *//* MAISON *//* MAISON *//* MAISON *//* MAISON */ /* MAISON *//* MAISON *//* MAISON *//* MAISON *//* MAISON *//* MAISON *//* MAISON *//* MAISON *//* MAISON *//* MAISON *//* MAISON *//* MAISON */ div.maison{ background: #1c1b19; } .border-header { width: 3px; height: 0px; margin: 0px auto 15px auto; background: #93d031; transition: all ease-in-out 0.6s; -webkit-transition: all ease-in-out 0.6s; -moz-transition: all ease-in-out 0.6s; -o-transition: all ease-in-out 0.6s; } .border-header.view{ height: 50px; } .wrap_top_header { width: 100%; height: 486px; padding-top: 0px; position: relative; z-index: 100; } .header_maison{ background: url(img/maison/header_maison.jpg) no-repeat; background-size: cover; background-position: center top; } .intro_maison{ font-family: 'Montserrat', sans-serif; line-height: 1.6em; font-size: 1em; opacity: 0; position: relative; top:-5px; transition: all ease-in-out 1s .5s; -webkit-transition: all ease-in-out 1s .5s; -moz-transition: all ease-in-out 1s .5s; -o-transition: all ease-in-out 1s .5s; } .intro_maison.view{ opacity: 1; top: 0px; } .maison .wrap_bienvenue h1,.histoire .wrap_bienvenue h1{ margin-bottom: 110px; } .wrap_section1_maison{ padding-bottom: 50px; } /*----- Accordion -----*/ .accordion, .accordion * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .accordion { overflow:hidden; width: 490px; float: left; } .maison .accordion{ opacity: 0; position: relative; top:-5px; transition: all ease-in-out 1s 1s; -webkit-transition: all ease-in-out 1s 1s; -moz-transition: all ease-in-out 1s 1s; -o-transition: all ease-in-out 1s 1s; } .maison .accordion.view{ top:0px; opacity: 1; } /*----- Section Titles -----*/ .accordion-section-title { width:100%; padding:10px 0; display:inline-block; border-bottom:1px solid #888; transition:all linear 0.15s; -webkit-transition:all linear 0.15s; -moz-transition:all linear 0.15s; -o-transition:all linear 0.15s; /* Type */ font-size:1.2em; letter-spacing: 20px; color:#888; text-transform: uppercase; font-family: 'Montserrat', sans-serif; margin-top: 20px; position: relative; } .accordion-section-title::after{ content:''; display: block; background: url(svg/round_gris.svg) no-repeat; background-size: contain; background-position: center center; width: 25px; height: 25px; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(0deg); -webkit-transform: translateY(-50%) rotate(0deg); transition: all cubic-bezier(.65,-0.5,.26,1.15) 0.8s; -webkit-transition: all cubic-bezier(.65,-0.5,.26,1.15) 0.8s; -moz-transition: all cubic-bezier(.65,-0.5,.26,1.15) 0.8s; -o-transition: all cubic-bezier(.65,-0.5,.26,1.15) 0.8s; } .accordion-section-title.active, .accordion-section-title:hover { /* Type */ border-bottom: 1px solid #604020; color: #fff; } .accordion-section-title:hover::after{ background: url(svg/round_blanc.svg) no-repeat; background-size: contain; background-position: center center; } .accordion-section-title.active::after{ background: url(svg/round_marron.svg) no-repeat; background-size: contain; background-position: center center; transform: translateY(-50%) rotate(135deg); -webkit-transform: translateY(-50%) rotate(135deg); } /*----- Section Content -----*/ .accordion-section-content { padding:15px 0; display:none; } .accordion-section p{ font-family: 'Montserrat', sans-serif; line-height: 1.8em; color: #aaa; } .accordion-section strong{ color: #fff; } .img_section1{ width: 100%; height: 100%; background: url(img/maison/bg_maison2.gif) no-repeat; background-size: cover; background-position: center center; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.2); box-shadow: 0 0 15px 0 rgba(0,0,0,0.2); opacity: 0; position: relative; right: -10px; transition: all ease-in-out 1.5s .5s; -webkit-transition: all ease-in-out 1.5s .5s; -moz-transition: all ease-in-out 1.5s .5s; -o-transition: all ease-in-out 1.5s .5s; } .img_section1{ filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); } .before_img{ position: relative; width: 290px; height: 435px; overflow: hidden; float: right; opacity: 0; right: -10px; } .before_img::before { content: ''; display: block; width: 500px; height: 500px; background: #94d131; position: absolute; left: -190px; top: -20px; transform: rotate(40deg); -webkit-transform: rotate(40deg); mix-blend-mode: color-burn; -webkit-mix-blend-mode: color-burn; -moz-mix-blend-mode: color-burn; -o-mix-blend-mode: color-burn; z-index: 99; opacity: 0; transition: all ease-in-out 2s; -webkit-transition: all ease-in-out 2s; -moz-transition: all ease-in-out 2s; -o-transition: all ease-in-out 2s; } .before_img:hover::before,.before_img.active::before{ opacity: .4; } .before_img.active .img_section1,.before_img:hover .img_section1{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); } .img_section1.view{ opacity: 1; right: 0px; } .before_img.view{ opacity: 1; right: 0px; } .inter_maison{ padding: 95px 0 80px 0; background: url(img/maison/motif_maison.gif); background-size: 10px; text-align: center; transition: all ease-in-out 1.5s .5s; -webkit-transition: all ease-in-out 1.5s .5s; -moz-transition: all ease-in-out 1.5s .5s; -o-transition: all ease-in-out 1.5s .5s; } .inter_maison h3{ font-size: 1.2em; color: #000; line-height: 1.8em; text-transform: uppercase; opacity: 0; transition: all ease-in-out 1.5s 1s; -webkit-transition: all ease-in-out 1.5s 1s; -moz-transition: all ease-in-out 1.5s 1s; -o-transition: all ease-in-out 1.5s 1s; } .inter_maison h3.view{ opacity: 1; } .inter_maison h3 span{ color: #94d131; display: block; letter-spacing: 4px; font-weight: 700; font-family: 'Montserrat', sans-serif; } .maison_bloc_gauche, .maison_bloc_droite { width: 50%; float: left; background: #fff; position: relative; min-height: 500px; display: flex; color: #000; justify-content: center; align-content: center; align-items: center; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; } .maison_bloc_gauche:hover, .maison_bloc_droite:hover{ color: #fff; } .wrap_texte_maison3 { width: 65%; position: relative; z-index: 100; } .wrap_maison3 h2 { font-size: 2.5em; letter-spacing: 8px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; line-height: 1.3em; font-weight: 700; margin-bottom: 50px; position: relative; opacity: 0; left: -10px; transition: all ease-in-out 1s; -webkit-transition: all ease-in-out 1s; -moz-transition: all ease-in-out 1s; -o-transition: all ease-in-out 1s; } .wrap_maison3 h2::after{ content:''; display: block; width: 50px; height: 2px; position: absolute; right: 0; bottom: 30px; background: #93d031; } .wrap_maison3 h2.view{ opacity: 1; left: 0; } .wrap_maison3 p{ font-size: 1em; line-height: 1.3em; text-align: justify; margin: 10px 0; opacity: 0; position: relative; left: -10px; font-family: 'Montserrat', sans-serif; font-size: .9em; transition: all ease-in-out 1s; -webkit-transition: all ease-in-out 1s; -moz-transition: all ease-in-out 1s; -o-transition: all ease-in-out 1s; } .wrap_maison3 p.view{ opacity: 1; left: 0px; } .img_gauche { width: 100%; height: 100%; background: url(img/maison/bg_bloc_gauche.jpg) no-repeat; background-size: cover; background-position: center center; position: absolute; left: 0; top: 0; opacity: 0; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; } .img_droite { width: 100%; height: 100%; background: url(img/maison/bg_bloc_droite.jpg) no-repeat; background-size: cover; background-position: center center; position: absolute; left: 0; top: 0; opacity: 0; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; } .maison_bloc_gauche:hover .img_gauche,.maison_bloc_droite:hover .img_droite{ opacity: 1; } .wrap_lien_go h4::before{ content:''; display: block; width: 3px; height: 0px; margin: 0 auto 15px auto; background: #93d031; transition: all ease-in-out 2.5s .5s; -webkit-transition: all ease-in-out 2.5s .5s; -moz-transition: all ease-in-out 2.5s .5s; -o-transition: all ease-in-out 2.5s .5s; } .wrap_lien_go h4.view::before{ height: 120px; } .wrap_lien_go h4{ font-family: 'Montserrat', sans-serif; font-weight: 700; color: transparent; letter-spacing: 3px; text-transform: uppercase; text-align: center; font-size: 1.3em; display: inline-block; position: relative; margin-left: 160px; transition: all ease-in-out 2.5s 2.5s; -webkit-transition: all ease-in-out 2.5s 2.5s; -moz-transition: all ease-in-out 2.5s 2.5s; -o-transition: all ease-in-out 2.5s 2.5s; } .wrap_lien_go h4.view{ color: #fff; } .wrap_lien_go h4 .precision { display: block; font-weight: 300; color: transparent; letter-spacing: 40px; font-size: 1em; margin-top: 20px; transition: all ease-in-out 2.5s 3s; -webkit-transition: all ease-in-out 2.5s 3s; -moz-transition: all ease-in-out 2.5s 3s; -o-transition: all ease-in-out 2.5s 3s; } .wrap_lien_go h4 .precision.view{ color: #93d031; } .wrap_go_histoire{ background: url(img/maison/bg_go_histoire.jpg) no-repeat; background-size: cover; background-position: right center; } .wrap_go_bottom{ width: 100%; height: 330px; display: block; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); transition: all ease-in-out 0.6s; -webkit-transition: all ease-in-out 0.6s; -moz-transition: all ease-in-out 0.6s; -o-transition: all ease-in-out 0.6s; } .wrap_go_bottom:hover{ filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); } /* HISTOIRE *//* HISTOIRE *//* HISTOIRE *//* HISTOIRE *//* HISTOIRE *//* HISTOIRE *//* HISTOIRE *//* HISTOIRE *//* HISTOIRE */ /* HISTOIRE *//* HISTOIRE *//* HISTOIRE *//* HISTOIRE *//* HISTOIRE *//* HISTOIRE *//* HISTOIRE *//* HISTOIRE *//* HISTOIRE */ /* HISTOIRE *//* HISTOIRE *//* HISTOIRE *//* HISTOIRE *//* HISTOIRE *//* HISTOIRE *//* HISTOIRE *//* HISTOIRE *//* HISTOIRE */ .histoire{ background: #1c1b19; } .header_histoire{ background: url(img/histoire/header_histoire.jpg) no-repeat; background-size: cover; background-position: center top; } .intro_histoire h2{ font-size: 1.2em; text-transform: uppercase; font-weight: 700; padding: 0 210px; font-family: 'Montserrat', sans-serif; text-align: center; line-height: 1.6em; margin-bottom: 45px; position: relative; top:-5px; opacity: 0; transition: all ease-in-out 1s .5s; -webkit-transition: all ease-in-out 1s .5s; -moz-transition: all ease-in-out 1s .5s; -o-transition: all ease-in-out 1s .5s; } .intro_histoire h2.view{ top:0px; opacity: 1; } .intro_histoire p{ padding: 0 100px 30px 100px; font-family: 'Montserrat', sans-serif; line-height: 1.6em; font-size: 1em; color: transparent; position: relative; top:-5px; text-align: justify; transition: all ease-in-out 1s 1s; -webkit-transition: all ease-in-out 1s 1s; -moz-transition: all ease-in-out 1s 1s; -o-transition: all ease-in-out 1s 1s; } .intro_histoire p.view{ color: #fff; top:0px; } .wrap_section2_histoire{ width: 100%; padding: 70px 0 30px 0; background: url(img/histoire/bg_section2.jpg) no-repeat; background-size: cover; background-position: center center; min-height: 360px; } .wrap_section2_histoire p{ padding: 0 100px; line-height: 1.6em; font-size: 1em; text-align: justify; margin: 40px auto; font-family: 'Montserrat', sans-serif; } .wrap_section3_histoire{ background: url(img/maison/motif_maison.gif); background-size: 10px; position: relative; } .bloc_texte_gauche{ padding: 50px 100px 50px 100px; width: calc(100% - 510px); box-sizing: border-box; color: #000000; font-family: 'Montserrat', sans-serif; min-height: 560px; } .bloc_texte_gauche h2{ text-transform: uppercase; font-size: 1.2em; letter-spacing: 4px; line-height: 1.3em; margin-bottom: 20px; font-weight: 700; position: relative; display: inline-block; } .bloc_texte_gauche h2::after { content: ''; display: block; width: 50px; height: 2px; position: absolute; right: -70px; bottom: 11px; background: #93d031; } .bloc_texte_gauche p{ font-size: 1em; line-height: 1.6em; margin: 15px 0; text-align: justify; } .img_bloc_droite{ position: absolute; right: 0; bottom: 0; z-index: 200; width: 510px; height: 640px; background: url(img/histoire/bg_section3.jpg) no-repeat; background-size: contain; background-position: right bottom; display: flex; align-items: flex-end; } .img_bloc_droite p{ font-size: 1.4em; font-family: 'Montserrat', sans-serif; padding: 0 80px; text-align: center; margin-bottom: 80px; line-height: 1.8em; font-weight: 300; } .img_bloc_droite p strong{ font-weight: 400; } .img_bloc_droite p span{ color: #93d031; font-weight: 400; } .wrap_go_cuvees{ background: url(img/histoire/bg_go_cuvees.jpg) no-repeat; background-size: cover; background-position: right center; } .wrap_go_cuvees:lang(en),.wrap_go_cuvees:lang(nl),.wrap_go_cuvees:lang(es),.wrap_go_cuvees:lang(it),.wrap_go_cuvees:lang(de),.wrap_go_cuvees:lang(ja) { background: url(img/histoire/bg_go_cuvees2.jpg) no-repeat; background-size: cover; background-position: right center; } .btn_info_plus { width: 460px; margin: auto; font-size: .8rem; margin-bottom: 0px; position: relative; bottom: -50px; transition: all ease-in-out 2s 1s; -webkit-transition: all ease-in-out 2s 1s; -moz-transition: all ease-in-out 2s 1s; -o-transition: all ease-in-out 2s 1s; } .btn_info_plus.view{ margin-bottom: 50px; bottom: 0px; } .go_info_plus { width: 100%; padding: 10px 0; display: inline-block; border-bottom: 1px solid #888; transition: all linear 0.15s; -webkit-transition: all linear 0.15s; -moz-transition: all linear 0.15s; -o-transition: all linear 0.15s; font-size: 1.2em; letter-spacing: 20px; color: #888; text-transform: uppercase; font-family: 'Montserrat', sans-serif; margin-top: 20px; position: relative; cursor: pointer; } .go_info_plus::after{ content:''; display: block; background: url(svg/round_gris.svg) no-repeat; background-size: contain; background-position: center center; width: 25px; height: 25px; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(0deg); -webkit-transform: translateY(-50%) rotate(0deg); transition: all cubic-bezier(.65,-0.5,.26,1.15) 0.8s; -webkit-transition: all cubic-bezier(.65,-0.5,.26,1.15) 0.8s; -moz-transition: all cubic-bezier(.65,-0.5,.26,1.15) 0.8s; -o-transition: all cubic-bezier(.65,-0.5,.26,1.15) 0.8s; } .go_info_plus:hover{ border-bottom: 1px solid #93d031; color: #fff; } .go_info_plus:hover::after{ background: url(svg/round_blanc.svg) no-repeat; background-size: contain; background-position: center center; } .btn_info_plus.histOpen{ display: none; } .wrap_info_plus_histoire{ height: 0; min-height: 0; overflow: hidden; transition: all 2s; opacity: 0; position: relative; top: -20px; } .wrap_info_plus_histoire.histOpen{ height: auto; opacity: 1; min-height: 400px; top: 0px; } .wrap_top_header:lang(de){ height: 510px; } .histoire .wrap_top_header{ height: auto; } .phototheque .wrap_top_header:lang(de){ height: auto; } /* CUVEES *//* CUVEES *//* CUVEES *//* CUVEES *//* CUVEES *//* CUVEES *//* CUVEES */ /* CUVEES *//* CUVEES *//* CUVEES *//* CUVEES *//* CUVEES *//* CUVEES *//* CUVEES */ /* CUVEES *//* CUVEES *//* CUVEES *//* CUVEES *//* CUVEES *//* CUVEES *//* CUVEES */ .cuvees{ background: #1c1b19; } .header_cuvees{ background: url(img/cuvees/bg_header.jpg) no-repeat; background-size: cover; background-position: center top; } .bg_cuvees_nav { width: 180px; height: 470px; background-size: contain; background-position: left center; background-repeat: no-repeat; } .bloc_nom_gauche{ width: 50%; height: 100%; float: left; display: flex; align-items: center; } .nom_cuvee_gauche{ display: block; border-right: 2px solid #888; margin-bottom: 5px; background: rgba(52,63,30,0.1); color: rgba(255,255,255,0.1); text-align: right; padding: 5px 10px 5px 0; font-size: 10px; line-height: 1.3em; text-transform: uppercase; letter-spacing: 2px; font-family: 'Montserrat', sans-serif; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; } .nom_cuvee_gauche:hover{ border-right: 2px solid #343f1e; background: rgba(52,63,30,1); color: #fff; opacity: 1; } .nav_cuvees_left{ display: flex; align-items: center; float: left; width: 500px; height: 470px; } .wrap_pagination{ width: 50%; float: left; position: relative; } .nav_cuvees_right{ float: left; width: calc(100% - 500px); } .wrap_texte_cuvee { width: calc(100% - 180px); text-align: left; padding-right: 50px; margin-bottom: 15px; } .wrap_texte_cuvee h2{ font-size: 2em; text-transform: uppercase; letter-spacing: 8px; font-family: 'Montserrat', sans-serif; font-weight: 700; line-height: 1.3em; margin-bottom: 10px; } .wrap_texte_cuvee h3{ font-size: 1.2em; text-transform: uppercase; font-family: 'Montserrat', sans-serif; line-height: 1.3em; color: #93d031; margin-bottom: 30px; } .wrap_texte_cuvee p{ font-size: .9em; font-family: 'Montserrat', sans-serif; line-height: 1.6em; text-align: justify; } .dec_cuvee{ display: inline-block; font-size: 1em; letter-spacing: 4px; text-transform: uppercase; color: #ffff; margin-top: 30px; opacity: .2; position: relative; transition: all ease-in-out 0.6s; -webkit-transition: all ease-in-out 0.6s; -moz-transition: all ease-in-out 0.6s; -o-transition: all ease-in-out 0.6s; } .dec_cuvee:hover{ opacity: 1; letter-spacing: 5px; } .dec_cuvee::after{ content:''; display: block; position: absolute; right: -30px; top:50%; transform: translateY(-50%) rotate(180deg); -webkit-transform: translateY(-50%) rotate(180deg); width: 18px; height: 14px; background: url(svg/arrow_blanc.svg) no-repeat; background-size: contain; background-position: center center; } .presentation_cuvees{ padding-bottom: 130px; } /* swipe */ .swiper-container { width: 100%; height: 100%; } .swiper-slide { font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: flex-end; flex-wrap: wrap; cursor: url(img/swipe.png), default; } .swiper-pagination{ font-family: 'Montserrat', sans-serif; font-size: 1.2em; color: #888; letter-spacing: 4px; } .swiper-pagination-current{ color: #93d031; font-weight: 700; margin-right: -5px; margin-left: 5px; } .swiper-pagination-total{ margin-left: -5px; } /* nom cuvee haut bas pagination */ .swiper-button-prev p { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); position: absolute; left: -90px; right: 0px; margin: auto; text-align: center; width: 130px; display: block; height: auto; bottom: 10px; } .swiper-button-next p { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); position: absolute; right: -100px; left: -20px; margin: auto; text-align: center; width: 130px; display: block; height: auto; bottom: 10px; } .swiper-button-prev .num-1{ display: none !important; } .swiper-button-next .num-2{ display: none !important; } .num-1,.num-2{ display: none !important; } /* CUVEES SINGLE *//* CUVEES SINGLE *//* CUVEES SINGLE *//* CUVEES SINGLE *//* CUVEES SINGLE */ /* CUVEES SINGLE *//* CUVEES SINGLE *//* CUVEES SINGLE *//* CUVEES SINGLE *//* CUVEES SINGLE */ /* CUVEES SINGLE *//* CUVEES SINGLE *//* CUVEES SINGLE *//* CUVEES SINGLE *//* CUVEES SINGLE */ .cuvees_single{ overflow: hidden; } .cuvees_single .wrap_bienvenue h1 .precision { box-sizing: border-box; margin-left: 60px; } .header_cuvees_single{ width: 100%; min-height: 775px; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; } .wrap_cepage{ width: 25%; float: left; font-family: 'Montserrat', sans-serif; margin-bottom: 180px; position: relative; left: -20px; opacity: 0; transition: all ease-in-out 1s .6s; -webkit-transition: all ease-in-out 1s .6s; -moz-transition: all ease-in-out 1s .6s; -o-transition: all ease-in-out 1s .6s; } .wrap_cepage.view{ left: 0; opacity: 1; } .mise_en_situation { width: 50%; float: left; height: 630px; background-size: 100%; background-position: center bottom; background-repeat: no-repeat; margin-top: 120px; opacity: 0; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); transition: all ease-in-out 2s .3s; -webkit-transition: all ease-in-out 2s .3s; -moz-transition: all ease-in-out 2s .3s; -o-transition: all ease-in-out 2s .3s; } .mise_en_situation.view{ opacity: 1; } .wrap_cepage p{ font-size: 70px; font-weight: 700; margin-top: 20px; } .wrap_cepage h4{ font-size: 1em; letter-spacing: 8px; text-transform: uppercase; color: #93d031; font-weight: 700; } .wrap_position { display: flex; flex-wrap: wrap; align-items: flex-end; } sup.symbol{ font-size: 0.5em; } .descriptif_cuvee{ padding-top: 170px; background: url(img/maison/motif_maison.gif); background-size: 10px; color: #000; font-family: 'Montserrat', sans-serif; position: relative; } .descriptif_cuvee h2{ font-size: 2em; letter-spacing: 4px; text-transform: uppercase; font-weight: 700; line-height: 1.5em; position: relative; left: -10px; opacity: 0; width: 80%; transition: all ease-in-out 1.3s; -webkit-transition: all ease-in-out 1.3s; -moz-transition: all ease-in-out 1.3s; -o-transition: all ease-in-out 1.3s; } .descriptif_cuvee h2.view{ left: 0px; opacity: 1; } .descriptif_cuvee h3{ text-transform: uppercase; font-size: 1.2em; color: #888; position: relative; left: -10px; opacity: 0; transition: all ease-in-out 1.3s .1s; -webkit-transition: all ease-in-out 1.3s .1s; -moz-transition: all ease-in-out 1.3s .1s; -o-transition: all ease-in-out 1.3s .1s; } .descriptif_cuvee h3.view{ left: 0px; opacity: 1; } .wrap_info_cuvee{ padding: 30px 0; opacity: 0; transition: all ease-in-out 1.3s 1s; -webkit-transition: all ease-in-out 1.3s 1s; -moz-transition: all ease-in-out 1.3s 1s; -o-transition: all ease-in-out 1.3s 1s; } .wrap_info_cuvee.view{ opacity: 1; } .wrap_info_cuvee p{ padding-right: 170px; font-size: 1em; text-align: justify; } .dl_ft{ display: block; color: #fff; background: #1b1c19; padding: 10px 0 10px 20px; font-size: .9em; font-family: 'Crimson Text', serif; text-transform: uppercase; letter-spacing: 3px; width: 150%; opacity: 0; transition: all ease-in-out 1.5s 1s; -webkit-transition: all ease-in-out 1.5s 1s; -moz-transition: all ease-in-out 1.5s 1s; -o-transition: all ease-in-out 1.5s 1s; } .dl_ft.view{ opacity: 1; } .dl_ft .icone_ft { background: url(svg/dl-ft-blanc.svg) no-repeat; background-size: contain; background-position: center center; width: 40px; height: 15px; display: inline-block; margin-bottom: -2px; } .dl_ft:hover .icone_ft{ background: url(svg/dl-ft-vert.svg) no-repeat; background-size: contain; background-position: center center; } .wrap_degustation{ padding-top: 30px; overflow: hidden; } .icone_degustation { background: url(svg/icone-degustation.svg) no-repeat; background-size: contain; background-position: left bottom; width: 260px; height: 330px; float: left; position: relative; bottom: -120px; opacity: .1; display: none; } .wrap_degustation_texte{ float: left; font-family: 'Montserrat', sans-serif; width: 100%; padding-right: 80px; padding-left: 0px; box-sizing: border-box; opacity: 0; transition: all ease-in-out 1.5s 1.5s; -webkit-transition: all ease-in-out 1.5s 1.5s; -moz-transition: all ease-in-out 1.5s 1.5s; -o-transition: all ease-in-out 1.5s 1.5s; } .wrap_degustation_texte.view{ opacity: 1; } .wrap_degustation h5{ color: #92c257; font-weight: 700; text-transform: uppercase; font-size: 1.2em; letter-spacing: 2px; margin-bottom: 20px; } .wrap_degustation p{ font-size: 1em; line-height: 1.3em; padding-bottom: 65px; float: left; text-align: justify; } .cuvee_full { width: 500px; height: 1400px; background-size: contain; background-position: left bottom; background-repeat: no-repeat; position: absolute; bottom: 200px; right: -300px; opacity: 0; z-index: 200; transition: all ease-in-out 2.6s; -webkit-transition: all ease-in-out 2.6s; -moz-transition: all ease-in-out 2.6s; -o-transition: all ease-in-out 2.6s; } .cuvee_full.view { right: -210px; opacity: 1; } .cuvees_single .wrap_nav_cuvees{ background: #262421; padding: 100px 0; } /* CONTACT *//* CONTACT *//* CONTACT *//* CONTACT *//* CONTACT *//* CONTACT *//* CONTACT *//* CONTACT */ /* CONTACT *//* CONTACT *//* CONTACT *//* CONTACT *//* CONTACT *//* CONTACT *//* CONTACT *//* CONTACT */ /* CONTACT *//* CONTACT *//* CONTACT *//* CONTACT *//* CONTACT *//* CONTACT *//* CONTACT *//* CONTACT */ .contact{ background: #1c1b19; } .header_contact{ background: url(img/contact/header_contact.jpg) no-repeat; background-size: cover; background-position: center top; min-height: 486px; height: auto; } .img_mail_contact{ background: url(img/mail_contact.svg) no-repeat; background-size: contain; background-position: left center; width: 240px; height: 47px; margin: 15px auto; } .wrap_reseaux_contact{ display: flex; justify-content: center; } .wrap_reseaux_contact .logo_insta{ margin: 0 10px; opacity: .5; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; } .wrap_reseaux_contact .logo_facebook{ margin: 0 10px; opacity: .5; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; } .wrap_section1_contact .logo_top{ margin-top: 120px; } .wrap_section1_contact .logo_facebook:hover,.wrap_section1_contact .logo_insta:hover{ opacity: 1; } .wrap_section1_contact{ font-family: 'Montserrat', sans-serif; text-align: center; } .wrap_section1_contact h2{ font-size: 1.4em; font-weight: 700; text-transform: uppercase; margin: 40px 0 35px 0; } .wrap_section1_contact p{ font-size: 1em; line-height: 1.8em; } .contact .wrap_top_header:lang(de){ height: auto; } /* ---formulaire---- */ .wpcf7{ margin: 25px 60px 0 60px; background: #2d2b28; -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3); box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3); position: relative; padding: 40px 180px 0 180px; box-sizing: border-box; z-index: 30; } .wpcf7::before{ content:''; display: block; width: 100%; height: 10px; background: #93d031; position: absolute; left: 0; top:0; } input, textarea { background: no-repeat; border: none; text-align: center; font-size: 1em; font-family: 'Montserrat', sans-serif; color: #fff; padding: 10px; border-bottom: 1px solid #888888; margin: 10px 0; } input:focus{ border-bottom: 1px solid #93d031; } textarea{ width: 100%; border: 1px solid #888; height: 120px; resize: none; margin-top: 20px; } textarea:focus{ border: 1px solid #93d031; } .wpcf7-submit { padding: 10px; width: 40px !important; height: 40px; background-color: #403d39; margin: 20px auto 0 auto; position: relative; background-image: url(svg/ico-send.svg); background-repeat: no-repeat; background-size: 40%; background-position: center center; color: transparent; border: none; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; text-align: right !important; text-transform: uppercase; font-weight: 300; letter-spacing: 2px; cursor: pointer; } .wpcf7-submit:hover{ width: 100% !important; background-position: 10px center; color: #fff; padding-right: 60px; background-color: #93d031; } .holder{ opacity: 0; font-size: .9em; position: relative; bottom: 0; text-transform: uppercase; color: #888888; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; } .holder.actif{ opacity: 1; bottom: -20px; } input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: transparent; } input:focus::-moz-placeholder,textarea:focus::-moz-placeholder { /* Firefox 19+ */ color: transparent; } input:focus:-ms-input-placeholder,textarea:focus:-ms-input-placeholder { /* IE 10+ */ color: transparent; } input:focus:-moz-placeholder,textarea:focus:-moz-placeholder { /* Firefox 18- */ color: transparent; } .wpcf7-validation-errors{ padding: 20px 0; color: red; } .screen-reader-response{ display: none; } .wpcf7-not-valid-tip{ color: red; } .wpcf7-mail-sent-ok{ color: #93d031; padding: 20px 0; } /* ---- google map ---- */ .google_map_single { margin-top: -20px; position: relative; z-index: 10; } .acf-map { width: 100%; height: 430px; } .title_map{ color: #000; text-transform: uppercase; font-weight: 700; } .adresse_map{ color: #000; } /* fixes potential theme css conflict */ .acf-map img { max-width: inherit !important; } .go_gmap{ font-size: 1.1em; text-transform: uppercase; letter-spacing: 6px; padding: 40px 0 30px 0; text-align: center; display: block; font-family: 'Montserrat', sans-serif; color: #888; position: relative; transition: all ease-in-out 0.6s; -webkit-transition: all ease-in-out 0.6s; -moz-transition: all ease-in-out 0.6s; -o-transition: all ease-in-out 0.6s; } .go_gmap::before { content: ''; display: block; background: url(svg/arrow_vert.svg) no-repeat; background-size: contain; background-position: center center; width: 15px; height: 10px; transform: rotate(90deg); -webkit-transform: rotate(90deg); position: absolute; left: -7px; right: 0; top: 15px; margin: auto; } .go_gmap:hover{ letter-spacing: 7px; color: #fff; } /* OU DEGUSTER */ .deguster{ background: #1c1b19; } .deguster .wrap_go_bottom h4::before{ background: transparent; } .header_deguster { background: url(img/header_ou_deguster.jpg) no-repeat; background-size: cover; background-position: center top; height: auto; margin-bottom: 50px; } .vous_pouvez{ margin-top: 120px; position: relative; } .vous_pouvez::after{ position: absolute; content:''; display: block; left: 0; right: 0; margin: auto; bottom: -20px; background: url(svg/arrow_vert.svg) no-repeat; background-size: contain; background-position: center center; width: 15px; height: 10px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); } .et_ici{ margin-top: 65px; } .choix { width: calc(100% / 3); height: 400px; float: left; background: #2d2b28; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; align-content: flex-end; align-items: flex-end; text-transform: uppercase; color: #fff; font-family: 'Montserrat', sans-serif; font-size: 1.4em; letter-spacing: 2px; font-weight: 700; padding-bottom: 90px; position: relative; opacity: 0.3; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0); box-shadow: 0 0 10px 0 rgba(0,0,0,0); transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; cursor: pointer; } .choix:hover{ opacity: 1; -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.3); box-shadow: 0 0 20px 0 rgba(0,0,0,0.3); } .choix::after{ content:''; display: block; position: absolute; left: 0; right: 0; margin: auto; bottom: 0; width: 1px; height: 10%; background: #fff; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; } .choix::before{ content:''; display: block; position: absolute; left: 0; top:0; background: #93d031; width: 0; height: 10px; transition: all cubic-bezier(.56,0,.26,.99) 1s; -webkit-transition: all cubic-bezier(.56,0,.26,.99) 1s; -moz-transition: all cubic-bezier(.56,0,.26,.99) 1s; -o-transition: all cubic-bezier(.56,0,.26,.99) 1s; } .choix:hover::before{ width: 100%; } .choix:hover::after{ background: #89ff76; } .choix.tog_distrib::before{ width: 100%; } .ico-choix{ width: 100%; height: 100px; margin-bottom: 5vh; } .icone_restaurant{ background: url(svg/ico-restaurant.svg) no-repeat; background-size: contain; background-position: center center; } .icone_monde{ background: url(svg/ico-monde.svg) no-repeat; background-size: contain; background-position: center center; } .icone_caviste{ background: url(svg/ico-caviste.svg) no-repeat; background-size: contain; background-position: center center; } .deguster .accordion { overflow: hidden; width: 100%; float: inherit; } .deguster .accordion-section{ width: 100%; } .deguster .accordion-section-title { letter-spacing: 2px; width: 100%; margin: 15px 0; } .deguster .accordion-section-content h3{ font-size: 1.1em; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; margin: 10px 0px 10px 0; font-family: 'Montserrat', sans-serif; } .wrap_accord { width: calc(50% - 40px); float: left; margin: 0 20px; } .wrap_accordion_restaurant,.wrap_accordion_monde,.wrap_accordion_caviste{ position: relative; left: -20px; opacity: 0; height: 0; overflow: hidden; transition: all ease-in-out 1.6s .5s; -webkit-transition: all ease-in-out 1.6s .5s; -moz-transition: all ease-in-out 1.6s .5s; -o-transition: all ease-in-out 1.6s .5s; } .wrap_accordion_restaurant.tog_distrib,.wrap_accordion_monde.tog_distrib,.wrap_accordion_caviste.tog_distrib{ left: 0px; opacity: 1; height: auto; } .choix_restaurant.tog_distrib,.choix_monde.tog_distrib,.choix_caviste.tog_distrib{ width: 100%; opacity: 1; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0); box-shadow: 0 0 10px 0 rgba(0,0,0,0); } .choix:not(.tog_distrib).tog_distrib_not{ width: 0; overflow: hidden; flex-wrap: inherit; } .deguster .accordion-section-title.active,.deguster .accordion-section-title:hover{ border-bottom: 1px solid #93d031; color: #fff; } .accordion-section-title.active::after { background: url(svg/round_gris.svg) no-repeat; background-size: contain; background-position: center center; transform: translateY(-50%) rotate(135deg); -webkit-transform: translateY(-50%) rotate(135deg); } p.adresse::first-line { color: #fff; } p.tel{ font-size: 18px; letter-spacing: 2px; color: #fff; position: relative; padding-left: 30px; margin-top: 20px; } p.tel::before{ content:''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 20px; height: 20px; background: url(svg/telephone-blanc.svg) no-repeat; background-size: contain; background-position: center center; } a.link-web{ display: block; font-family: 'Montserrat', sans-serif; font-size: 18px; letter-spacing: 2px; color: #fff; position: relative; padding-left: 30px; margin-top: 10px; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; } a.link-web:hover{ color: #93d031; } a.link-web::before{ content:''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 20px; height: 20px; background: url(svg/icon-web.svg) no-repeat; background-size: contain; background-position: center center; } .accordion-section-content.open:not(:last-child){ border-bottom: 1px solid rgba(255,255,255,0.3); } /* PHOTOTHEQUE */ .img_gallery{ width: 212.5px; height: 212.5px; display: flex; justify-content: center; align-items: center; overflow: hidden; opacity: 1; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; border: 3px solid transparent; } .img_gallery img { width: 100%; display: block; height: auto; } .phototheque li{ display: inline-block; float: left; } .phototheque ul{ padding: 120px 0 50px 0; } .header_gallery{ background: url(img/gallery/header_gallery.jpg) no-repeat; background-size: cover; background-position: center top; height: auto; } .img_gallery.hov_gallery2{ opacity: 0.2; } .img_gallery.hov_gallery{ opacity: 1; border: 6px solid transparent; } /* ACTUALITES *//* ACTUALITES *//* ACTUALITES *//* ACTUALITES *//* ACTUALITES *//* ACTUALITES */ /* ACTUALITES *//* ACTUALITES *//* ACTUALITES *//* ACTUALITES *//* ACTUALITES *//* ACTUALITES */ /* ACTUALITES *//* ACTUALITES *//* ACTUALITES *//* ACTUALITES *//* ACTUALITES *//* ACTUALITES */ .header_actus{ background: url(img/actus/bg_actus.jpg) no-repeat; background-size: cover; background-position: center top; height: auto; } .bloc_actus { width: 1100px; margin: auto; padding: 120px 0 120px 0; } .bloc_actus ul{ position: relative; } .bloc_actus li{ margin-bottom: 10px; } .bloc_actus li a{ display: block; width: 650px; height: 180px; background: #2d2b28; float: right; box-sizing: border-box; padding: 30px 40px 40px 40px; font-size: 1.2em; position: relative; letter-spacing: 4px; text-transform: uppercase; font-weight: 700; font-family: 'Montserrat', sans-serif; opacity: .3; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; } .bloc_actus li a:hover{ opacity: 1; } .bloc_actus li a::before{ content:''; display: block; position: absolute; left: 0; top:0; height: 10px; width: 0; background: #93d031; transition: all cubic-bezier(.64,.04,.07,.98) 0.8s; -webkit-transition: all cubic-bezier(.64,.04,.07,.98) 0.8s; -moz-transition: all cubic-bezier(.64,.04,.07,.98) 0.8s; -o-transition: all cubic-bezier(.64,.04,.07,.98) 0.8s; } .date{ text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-size: .9em; letter-spacing: 2px; font-weight: 700; display: block; position: absolute; left: 0; bottom: 0; background: #93d031; padding: 10px 15px; } .bloc_actus li a:hover::before{ width: 100%; background: #93d031; } .bloc_actus li a p{ font-size: .8em; text-transform: none; letter-spacing: 0; font-weight: 400; line-height: 1.5em; margin-top: 20px; } .bloc_actus li .bg_actus_left { background-size: contain; background-position: left center; width: 440px; height: 560px; background-repeat: no-repeat; position: absolute; left: 0; top: 0; display: none; opacity: 0; } .bloc_actus li:hover .bg_actus_left { opacity: 1 !important; display: block !important; } .link-more{ display: none; } .lire_actus{ font-size: 1em; font-family: 'Montserrat', sans-serif; text-transform: uppercase !important; position: absolute; right: 35px; bottom: 15px; padding-right: 20px; letter-spacing: 0; opacity: 0; transition: all ease-in-out 0.6s; -webkit-transition: all ease-in-out 0.6s; -moz-transition: all ease-in-out 0.6s; -o-transition: all ease-in-out 0.6s; } .bloc_actus li a:hover .lire_actus{ padding-right: 30px; letter-spacing: .5; opacity: 1; } .lire_actus::after{ content:''; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(180deg); -webkit-transform: translateY(-50%) rotate(180deg); background: url(svg/arrow_vert.svg) no-repeat; background-size: contain; background-position: center center; width: 15px; height: 10px; } .voir_plus_actus{ text-align: center; float: right; width: 650px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; letter-spacing: 2px; font-size: 1em; margin-top: 20px; cursor: pointer; opacity: .3; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; } .voir_plus_actus:hover{ opacity: 1; } .bloc_actus ul{ height: 570px; overflow: hidden; transition: all ease-in-out 0.3s 1.3s; -webkit-transition: all ease-in-out 0.3s 1.3s; -moz-transition: all ease-in-out 0.3s 1.3s; -o-transition: all ease-in-out 0.3s 1.3s; } .bloc_actus ul.actusplus .bg_actus_left{ display: none !important; } .bloc_actus ul.actusplus{ height: auto; overflow: inherit; } .voir_plus_actus.actusplus{ display: none; } .bloc_actus li a.actusplus{ width: 100%; } /* ---SINGLE--- */ .bloc_actus_int{ padding-top: 120px; } .wrap_texte_actus{ float: left; width: calc(100% - 350px); font-family: 'Montserrat', sans-serif; text-align: justify; } .bg_actus_int{ background-repeat: no-repeat; background-size: contain; background-position: left top; width: 300px; height: 700px; float: left; margin-right: 50px; } .wrap_texte_actus h2{ text-transform: uppercase; font-size: 1.2em; letter-spacing: 2px; font-weight: 700; margin-bottom: 20px; border-bottom: 1px solid #93d031; padding-bottom: 5px; } /* PRE-HOME *//* PRE-HOME *//* PRE-HOME *//* PRE-HOME *//* PRE-HOME *//* PRE-HOME *//* PRE-HOME */ /* PRE-HOME *//* PRE-HOME *//* PRE-HOME *//* PRE-HOME *//* PRE-HOME *//* PRE-HOME *//* PRE-HOME */ /* PRE-HOME *//* PRE-HOME *//* PRE-HOME *//* PRE-HOME *//* PRE-HOME *//* PRE-HOME *//* PRE-HOME */ .prehome{ background: #262421; } .bg_prehome{ background: url(img/bg-prehome.jpg) no-repeat; background-size: cover; background-position: center center; width: 100%; height: 100vh; position: relative; overflow: hidden; animation: bgPrehome 2s cubic-bezier(.78,-0.02,.21,.99) forwards; -webkit-animation: bgPrehome 2s cubic-bezier(.78,-0.02,.21,.99) forwards; } .bg_prehome::before{ content:''; display: block; height: 100vh; background-color: #262421; opacity: .9; position: absolute; left: 0; top:0; animation: alphaPrehome 2s cubic-bezier(.78,-0.02,.21,.99) .5s forwards; -webkit-animation: alphaPrehome 2s cubic-bezier(.78,-0.02,.21,.99) .5s forwards; } .bg_prehome::after{ content:''; display: block; height: 100vh; background-color: #93d031; opacity: .9; position: absolute; left: 0; top:0; animation: alphaPrehomeVert 2s cubic-bezier(.78,-0.02,.21,.99) .7s forwards; -webkit-animation: alphaPrehomeVert 2s cubic-bezier(.78,-0.02,.21,.99) .7s forwards; } .texte_prehome { position: absolute; left: 0; right: 0; margin: auto; top: 48%; opacity: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align: center; animation: prehomeTexte 4s 2s forwards; -webkit-animation: prehomeTexte 4s 2s forwards; } .texte_prehome img{ display: block; width: 200px; height: 200px; margin: auto; } .texte_prehome p{ margin-bottom: 40px; line-height: 1.5em; font-size: 1.2em; width: 500px; margin: auto; } .texte_prehome p span{ font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 4px; display: block; margin: 10px 0; } .reponse{ padding: 5px; font-size: 1.2em; text-transform: uppercase; color: #fff; } .reponse:hover{ color: #93d031; } .texte_prehome p span::before{ content:''; display: block; width: 1px; height: 40px; background: #93d031; margin: 0 auto 10px auto; position: relative; left: -1px; } /* ---404--- */ .lien_404 { font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 4px; display: inline-block; margin: 50px 0; font-size: 1.5em; line-height: 1.3em; color: #fff; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; } .lien_404:hover{ color: #93d031; } /* ---mentions--- */ .mentions h2 { left: 0px; font-size: 2em; opacity: 1; color: #fff; margin: 30px 0 10px 0; } .mentions_content{ padding: 40px; } .mentions .wrap_top_home { height: auto; } /* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER */ /* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER */ /* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER */ footer{ padding: 100px 70px 0px 70px; background: #1c1b19; font-family: 'Montserrat', sans-serif; box-shadow: 0px 0px 10px 10px rgba(0,0,0,.1); -webkit-box-shadow: 0px 0px 10px 10px rgba(0,0,0,.1); } .bloc_gauche,.bloc_droite{ width: 25%; float: left; } .bloc_centre{ width: 50%; float: left; text-align: center; } .bloc_droite{ text-align: right; } .go_deguster, .suivez_nous{ text-transform: uppercase; letter-spacing: 1px; font-weight: 300; display: block; margin-bottom: 55px; position: relative; } .go_deguster::after{ content:''; display: block; position: absolute; left: -30px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); background: url(svg/arrow_blanc.svg) no-repeat; background-size: contain; background-position: right center; width: 15px; height: 15px; } .bg_mail_footer{ background: url(svg/mail_footer2.svg) no-repeat; background-size: contain; background-position: left center; width: 240px; height: 47px; margin-bottom: 15px; } .bloc_gauche p{ font-weight: 700; } .bloc_centre h6 { font-size: 1.5em; letter-spacing: 45px; text-transform: uppercase; font-weight: 700; margin-bottom: 35px; } .wrap_go_contact{ width: 390px; height: 75px; margin: auto; border-top: 2px solid rgba(255,255,255,0.2); border-bottom: 2px solid rgba(255,255,255,0.2); position: relative; } .go_contact{ width: 100%; height: 75px; display: flex; justify-content: center; align-items: center; font-size: 18px; letter-spacing: 3px; position: relative; text-transform: uppercase; } .go_contact span{ color: #93d031; display: block; margin-left: 8px; } /* animation button */ .wrap_go_contact::before{ content:''; display: block; position: absolute; left: 0; top:0; width: 2px; height: 0%; background: rgba(255,255,255,0.2); transition: all ease-in-out 0.3s .05s; -webkit-transition: all ease-in-out 0.3s .05s; -moz-transition: all ease-in-out 0.3s .05s; -o-transition: all ease-in-out 0.3s .05s; } .wrap_go_contact::after{ content:''; display: block; position: absolute; right: 0; bottom:0; width: 2px; height: 0%; background: rgba(255,255,255,0.2); transition: all ease-in-out 0.3s .05s; -webkit-transition: all ease-in-out 0.3s .05s; -moz-transition: all ease-in-out 0.3s .05s; -o-transition: all ease-in-out 0.3s .05s; } .wrap_go_contact:hover::before,.wrap_go_contact:hover::after{ height: 100%; } .go_contact::before { content: ''; display: block; width: 70%; height: 100%; border-top: 8px solid #1c1b19; position: absolute; left: 0; right: 0; margin: auto; top: -4px; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; } .go_contact::after { content: ''; display: block; width: 70%; height: 100%; border-bottom: 8px solid #1c1b19; position: absolute; left: 0; right: 0; margin: auto; bottom: 0; transition: all ease-in-out 0.3s .1s; -webkit-transition: all ease-in-out 0.3s .1s; -moz-transition: all ease-in-out 0.3s .1s; -o-transition: all ease-in-out 0.3s .1s; } .wrap_go_contact:hover .go_contact::before, .wrap_go_contact:hover .go_contact::after{ width: 0%; } /* --- */ .lien_reseaux_footer{ font-weight: 700; font-size: 1.1em; line-height: 1.3em; display: block; } .go_mentions{ font-size: .8em; text-transform: uppercase; letter-spacing: 1px; font-weight: 300; display: block; margin-top: 65px; } .wrap_logo_footer{ display: flex; justify-content: center; align-content: center; align-items: center; margin-top: 50px; } .wrap_logo_footer a{ display: block; } .logo_fabulleuses{ background: url(svg/logo-fabulleuses.svg) no-repeat; background-size: contain; background-position: center center; width: 165px; height: 30px; } .logo_desousa_footer{ background: url(svg/logo.svg) no-repeat; background-size: contain; background-position: center center; width: 115px; height: 70px; } .logo_main_terroir{ background: url(img/logo-mainterroir.png) no-repeat; background-size: contain; background-position: center center; width: 170px; height: 130px; mix-blend-mode: screen; -webkit-mix-blend-mode: screen; -moz-mix-blend-mode: screen; -o-mix-blend-mode: screen; } .go_top{ margin: 0 80px; } .phrase_mention{ font-size: 0.8em; text-align: center; margin-top: 50px; padding-bottom: 25px; } .bg_blanc{ width: 100%; background: #ffffff; padding: 15px 0; } .lien_cochet{ display: block; } .logo_cochet{ background: url(svg/logo-cochet.svg) no-repeat; background-size: contain; background-position: center center; width: 100px; height: 15px; margin: auto; } .bloc_tel{ display: none; } .wrap_go_deguster{ background: url(img/bottom-distrib.jpg) no-repeat; background-size: cover; background-position: center top; filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); } .wrap_go_deguster .wrap_lien_go h4 { display: block; margin-left: 0; } .wrap_go_deguster:hover{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); } /* MEDIAQUERY *//* MEDIAQUERY *//* MEDIAQUERY *//* MEDIAQUERY *//* MEDIAQUERY *//* MEDIAQUERY *//* MEDIAQUERY *//* MEDIAQUERY *//* MEDIAQUERY *//* MEDIAQUERY *//* MEDIAQUERY *//* MEDIAQUERY */ /* MEDIAQUERY *//* MEDIAQUERY *//* MEDIAQUERY *//* MEDIAQUERY *//* MEDIAQUERY *//* MEDIAQUERY *//* MEDIAQUERY *//* MEDIAQUERY *//* MEDIAQUERY *//* MEDIAQUERY *//* MEDIAQUERY *//* MEDIAQUERY */ /* MEDIAQUERY *//* MEDIAQUERY *//* MEDIAQUERY *//* MEDIAQUERY *//* MEDIAQUERY *//* MEDIAQUERY *//* MEDIAQUERY *//* MEDIAQUERY *//* MEDIAQUERY *//* MEDIAQUERY *//* MEDIAQUERY *//* MEDIAQUERY */ /* .border-top, .border-bottom, .border-left, .border-right{ display: none; } */ @media screen and (min-width: 1500px){ } @media screen and (max-width: 1480px){ } @media screen and (max-width: 1350px){ } @media screen and (max-width: 1280px){ } @media screen and (max-width: 1200px){ .wrap_maison3 h2 { font-size: 1.5em; letter-spacing: 6px; margin-bottom: 30px; } .wrap_maison3 h2::after { width: 40px; right: -5px; bottom: 14px; } } @media screen and (max-width: 1120px){ .bloc_texte_gauche { padding: 50px 100px 50px 100px; width: 100%; min-height: 540px; } .img_bloc_droite { position: static; margin: auto; } .bloc_actus{ width: 100%; } .bloc_actus li a { width: 80%; float: inherit; margin: auto; opacity: 1; } .bloc_actus li:hover .bg_actus_left { display: none !important; } .bloc_actus li { margin-bottom: 30px; } .voir_plus_actus{ width: 100%; } .bg_inter_top { width: 300px; height: 400px; } } @media screen and (max-width: 980px){ .wrap_top_home { height: 700px; } .bg_inter_top { width: 270px; height: 400px; } .wrap_content { width: 90%; } .bg_elaboration{ width: 100%; } .wrap_texte_elaboration { top: -60px; left: 0; width: 90%; right: 0; margin: auto; } .wrap_texte_elaboration.view{ left: 0; } .wrap_authenticite p{ width: auto; } .img_elaboration{ display: none; } .texte_vert_elaboration { width: 100%; text-align: center; float: inherit; margin: auto; padding: 40px 150px 0 150px; } .texte_vert_elaboration.view{ margin: auto; } .wrap_elaboration { padding: 190px 0 50px 0; margin-bottom: 0px; } .wrap_go_maison h4 { font-size: 1.5em; letter-spacing: 30px; } .wrap_go_maison:hover h4 { letter-spacing: 30px; } .wrap_go_maison p { opacity: .3; } footer { padding: 40px 20px 0px 20px; background: #011800; font-family: 'Montserrat', sans-serif; font-size: .7rem; } .bloc_centre { width: 40%; } .bloc_gauche, .bloc_droite { width: 30%; } .bloc_centre h6 { letter-spacing: 25px; } .wrap_go_contact { width: 90%; height: 50px; } .go_contact { font-size: 12px; height: 100%; } .go_contact::after,.go_contact::before { display: none; } .go_deguster, .suivez_nous { margin-bottom: 30px; } .bg_mail_footer { width: 160px; height: 40px; } .go_mentions { margin-top: 60px; } .logo_fabulleuses { width: 140px; height: 30px; } .logo_desousa_footer { width: 95px; } .logo_main_terroir { width: 130px; height: 110px; } .go_deguster::after { left: 0px; } .go_deguster{ padding-left: 25px; } .wrap_logo_footer { margin-top: 30px; } .phrase_mention { margin-top: 30px; } .maison .accordion { width: 100%; float: inherit; } .img_section1 { width: 260px; height: 380px; float: inherit; margin: auto; margin-top: 30px; } .wrap_section1_maison { padding-bottom: 30px; } .accordion-section-title::after { background: url(svg/round_blanc.svg) no-repeat; background-size: contain; background-position: center center; } .wrap_texte_maison3 { width: 70%; } .maison_bloc_gauche, .maison_bloc_droite { min-height: 400px; } .maison_bloc_gauche .img_gauche{ opacity: 1; } .maison_bloc_gauche{ color: #fff; } .wrap_lien_go h4 { display: block; text-align: center; margin: auto; } .wrap_go_bottom { -webkit-animation: randomGreen 10s infinite; animation: randomGreen 10s infinite; } .wrap_go_cuvees { background: url(img/histoire/bg_go_cuvees2.jpg) no-repeat; background-size: cover; background-position: right center; } .wrap_top_header { height: auto; } .wrap_section2_histoire { padding: 20px 0; min-height: 480px; } .wrap_bienvenue h1 .precision { letter-spacing: 35px; font-size: 1em; margin-top: 10px; } .wrap_bienvenue h1 { font-size: 1em; } .wpcf7 { margin: 25px 50px 0 50px; padding: 40px 150px 0 150px; } .go_gmap { font-size: .9em; letter-spacing: 4px; } .wrap_menu_principal > div + div:not(.wrap_reseaux_menu).isOpen { padding: 85px 75px 0 0; } .cuvees_single .wrap_top_header { height: 650px; } .header_cuvees_single { min-height: 530px; } .mise_en_situation { height: 630px; margin-top: 0px; } .descriptif_cuvee { padding-right: 10%; padding-top: 120px; } .icone_degustation{ display: none; } .wrap_degustation_texte { width: 90%; padding-left: 0; } .wrap_degustation { padding-top: 30px; } .cuvee_full { width: 500px; height: 1100px; bottom: 290px; right: -260px; } .bg_actus_int { background-repeat: no-repeat; background-size: contain; background-position: center center; width: 300px; height: 520px; float: none; margin: 0 auto 40px auto; } .bloc_actus_int { padding-top: 60px; } .wrap_texte_actus { float: none; width: 70%; margin: auto; padding-bottom: 80px; } .wrap_cepage p { font-size: 50px; } sup.symbol { font-size: 0.4em; } .wrap_cepage h4 { font-size: .8em; letter-spacing: 4px; } .wrap_cepage { margin-bottom: 130px; } .cuvee_full.view { right: -260px; opacity: 1; } /* ---cuveees--- */ .cuvees .wrap_bienvenue{ padding-bottom: 50px; } .wrap_pagination { width: 300px; } .bloc_nom_gauche { display: none; } .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { font-size: .8em; } .nav_cuvees_left { height: 100px; position: absolute; right: 0; top: 0; width: auto; } .swiper-button-prev,.swiper-button-next{ display: none; } .wrap_nav_cuvees{ position: relative; } .nav_cuvees_right { width: 90%; margin-left: 10%; } .swiper-slide{ opacity: 0.2; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; } .swiper-slide-active{ opacity: 1; } .wrap_pagination::after { content: ''; display: block; background: url(img/swipe.png) no-repeat; background-size: contain; background-position: center center; width: 15px; height: 15px; position: absolute; bottom: -20px; right: 0; left: 0; opacity: 0; margin: auto; animation: cursTel ease-in-out 5s infinite; -webkit-animation: cursTel ease-in-out 5s infinite; } .accueil h2::after { display: none; } .before_img { float: inherit; margin: auto; } .rc-anchor-light.rc-anchor-normal { border: transparent !important; } .rc-anchor-light { background: transparent !important; color: #fff !important; } } @media screen and (max-width: 800px){ .go_contact { font-size: 10px; height: 100%; letter-spacing: 2px; } } @media screen and (max-width: 750px){ } @media screen and (max-width: 650px){ .loader{ background-size: 15%; } .bloc_tel{ display: block; } .wrap_bienvenue h1 .precision { letter-spacing: 20px; } .wrap_bienvenue h1 { letter-spacing: 2px; } .bg_inter_top { width: 240px; height: 350px; } .wrap_top_home { height: 620px; } .accueil h2 { font-size: 1.4em; display: block; text-align: center; } .mentions_content{ text-align: center; } .accueil h2::after { display: none; } .bg_elaboration{ height: auto; } .wrap_texte_elaboration { padding: 40px 40px 40px 40px; position: relative; top: -30px; left: 0; width: 90%; margin: auto; font-size: .9em; margin-bottom: -50px; } .texte_vert_elaboration { margin: auto; padding: 40px 40px 0 40px; position: relative; margin-top: 30px; } .wrap_qualite { padding: 90px 0px 65px 0px; } .wrap_qualite h3 { letter-spacing: 10px; margin-bottom: 25px; display: block; text-align: center; } .wrap_qualite h3::before { left: -5px; } .wrap_qualite p { width: 100%; text-align: center; } .wrap_authenticite { padding: 90px 0px 65px 0px; } .wrap_authenticite h3 { font-size: 1.2em; letter-spacing: 10px; margin-bottom: 25px; display: block; text-align: center; right: 0; float: none; } .wrap_authenticite h3::before { left: -5px; } .wrap_authenticite p { width: 100%; text-align: center; float: none; } .wrap_bio { padding: 70px 0 20px 0; } .content_bio { flex-wrap: wrap; } .content_bio p { width: 100%; padding-right: 0; text-align: center; } .content_bio .wrap_logo { width: 60%; margin: 30px auto 0 auto; } .wrap_logo a { padding: 0 5px; height: 160px; } .logo-home { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); } .wrap_bio h2{ margin-bottom: 60px; } .wrap_go_maison h4,.wrap_go_maison h4:hover { font-size: 1em; letter-spacing: 30px; line-height: 2em; margin-bottom: 20px; letter-spacing: 15px; } .wrap_go_maison { padding: 30px 0; } .maison .wrap_bienvenue h1, .histoire .wrap_bienvenue h1 { margin-bottom: 60px; } /* ----maison---- */ .maison .accordion-section-title { letter-spacing: 10px; } .maison .accordion-section-content { font-size: .8rem; } .inter_maison { padding: 60px 30px; text-align: center; } .inter_maison h3 { font-size: 1em; } .maison_bloc_gauche, .maison_bloc_droite { width: 100%; } .wrap_lien_go h4 .precision { letter-spacing: 20px; } .wrap_lien_go h4 { letter-spacing: 2px; } /* ---footer--- */ .bloc_gauche, .bloc_droite { width: 100%; } .bloc_centre { width: 100%; margin: 70px 0; } .bloc_tel_gauche,.bloc_tel{ width: 50%; float: left; } .bloc_tel{ text-align: right; } .bloc_tel::after{ content:''; display: block; clear: both; } .bloc_droite{ display: none; } .logo_fabulleuses { width: 600px; height: 30px; margin-bottom: 50px; } .wrap_logo_footer { margin-top: 20px; flex-wrap: wrap; } .logo_desousa_footer{ width: 600px; margin-bottom: 50px; } .logo_main_terroir{ width: 600px; margin-bottom: 20px; } /* ---histoire--- */ .intro_histoire h2 { padding: 0px; } .intro_histoire p { padding: 0 20px 30px 20px; } .btn_info_plus { width: 80%; } .go_info_plus { letter-spacing: 5px; } .wrap_section2_histoire p { padding: 0 20px; margin: 20px auto; } .wrap_section2_histoire { background-size: cover; background-position: right center; } .bloc_texte_gauche { padding: 50px 40px 50px 40px; } .bloc_texte_gauche h2 { letter-spacing: 2px; margin-bottom: 40px; display: block; text-align: center; } .bloc_texte_gauche h2::after { width: 20%; right: 0; bottom: -10px; left: 0; margin: auto; } .img_bloc_droite { width: 90%; height: 470px; } .img_bloc_droite p { padding: 0 30px; margin-bottom: 30px; } .bloc_actus li a { min-height: 230px; height: auto; } .wrap_texte_actus { width: 90%; } .img_gallery { width: 100%; height: 200px; } .phototheque li { display: block; float: left; width: 50%; } /* ---contact--- */ .wrap_section1_contact .logo_top { margin-top: 70px; } .wpcf7 { margin: 20px auto -20px auto; padding: 20px 20px 0 20px; } .acf-map { width: 100%; height: 360px; } .go_gmap:hover,.go_gmap { letter-spacing: 1px; color: #fff; } .go_contact { font-size: 12px; height: 100%; letter-spacing: 3px; } /* ---nav--- */ .wrap_menu_principal > div + div:not(.wrap_reseaux_menu).isOpen { padding: 85px 0px 0 0; } .wrap_menu_principal > div + div:not(.wrap_reseaux_menu).isOpen ul { text-align: center; } .wrap_menu_principal > div + div:not(.wrap_reseaux_menu) a { font-size: 20px; line-height: 50px; } .wrap_menu_principal > div + div:not(.wrap_reseaux_menu).isOpen ul { text-align: center; } .texte_prehome p { width: 75%; } /* ----cuvees---- */ .wrap_cepage { width: 100%; float: none; text-align: center; margin-bottom: 0px; margin-top: 60px; } .mise_en_situation { height: 310px; margin: auto; } .descriptif_cuvee h2 { text-align: center; width: 80%; margin: auto; } .descriptif_cuvee{ padding: 180px 0 50px 0; } .descriptif_cuvee h3{ text-align: center; } .wrap_info_cuvee p { padding-right: 0; text-align: justify; } .dl_ft { letter-spacing: 2px; width: 100%; } .dl_ft .icone_ft { width: 100%; display: block; margin-bottom: -2px; margin-left: -2px; margin: 5px 0 -2px -2px; } .dl_ft { letter-spacing: 2px; width: 100%; padding-left: 0; text-align: center; } .wrap_degustation_texte { width: 100%; padding-right: 0; text-align: justify; } .wrap_degustation h5{ text-align: center; } .cuvee_full { position: static; width: 100%; height: 350px; margin: auto; background-position: center center; } .cuvees_single .wrap_bienvenue h1 .precision { margin-left: 0; } .logo_fabulleuses { width: 140px; height: 30px; } .logo_desousa_footer { width: 140px; } .logo_main_terroir{ width: 140px; } /* ---cuvees--- */ .nav_cuvees_right { width: 100%; margin-left: 0%; } .swiper-slide{ width: 100%; } .bg_cuvees_nav { width: 100%; background-position: center center; margin-bottom: 40px; } .wrap_texte_cuvee { width: 80%; text-align: center; padding-right: 0; margin-bottom: 15px; margin: auto; } .wrap_texte_cuvee h2 { font-size: 1.5em; letter-spacing: 6px; } .presentation_cuvees { padding-bottom: 0; } .nav_cuvees_left { width: 90px; } .bg_cuvees_nav { height: 320px; } .choix { width: 100%; height: 200px; padding: 50px 0; } .ico-choix { width: 100%; height: 50px; margin-bottom: 20px; margin-top: 40px; } .choix p{ font-size: .9em; } .wrap_accord { width: calc(50% - 20px); float: left; margin: 0 10px; font-size: .7rem; } .deguster .accordion-section-title { padding-right: 20px; margin: 5px 0; } .accordion-section-content { padding: 0px 0; } p.tel,a.link-web { font-size: 14px; letter-spacing: 1px; padding-left: 20px; margin-top: 10px; } p.tel::before,a.link-web::before { width: 12px; height: 12px; } .accordion-section-title::after { width: 18px; height: 18px; } a.link-web{ font-size: 8px; } } @media screen and (max-width: 500px){ .lien_404 { font-size: 1.2em; letter-spacing: 2px; } } @media screen and (max-width: 420px){ .wrap_maison3 h2 { font-size: 1.2em; letter-spacing: 2px; margin-bottom: 20px; } .wrap_maison3 h2::after { bottom: 12px; } .maison .accordion-section-title { letter-spacing: 5px; } .wrap_texte_elaboration { padding: 30px; } .texte_vert_elaboration { padding: 40px 10px 0 10px; } footer { overflow: hidden; } .histoire { font-size: .8rem; } .bg_actus_int { width: 100%; margin: 0 auto 20px auto; } .wrap_texte_actus p{ font-size: .9em; } .img_gallery { height: 150px; } .wrap_bienvenue h1 .precision { letter-spacing: 10px; } } @media screen and (max-width: 350px){ .img_bloc_droite { width: 90%; height: 370px; } } @media screen and (max-height: 900px){ } @media screen and (max-height: 780px){ } @media screen and (max-height: 420px){ } .retour{ clear: both; } .trans{ transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; } /* font-family: 'Montserrat', sans-serif; font-family: 'Crimson Text', serif; */