/*--------- [INTEGRATION ET DÉVELOPPEMENT AGENCE WAKA https://agence-waka.fr/] ---------*/ /*--------- [RESET] ---------*/ * { border:0; margin:0; padding:0; list-style:none; font-size:100%; outline:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} article, aside, details, figcaption, figure, footer, header, menu, nav, section, main { display:block; } @font-face { font-family: 'castoronew01-regularregular'; src: url('fonts/castor_one_w01_regular-webfont.woff2') format('woff2'), url('fonts/castor_one_w01_regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face { font-family: 'Cheddar Gothic Sans Two'; src: url('fonts/CheddarGothicSansTwo-Regular.woff2') format('woff2'), url('fonts/CheddarGothicSansTwo-Regular.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face { font-family: 'Cheddar Gothic Sans Two'; src: url('fonts/CheddarGothicSansTwo-Bold.woff2') format('woff2'), url('fonts/CheddarGothicSansTwo-Bold.woff') format('woff'); font-weight: bold; font-style: normal;} @font-face { font-family: 'Cheddar Gothic Sans Two'; src: url('fonts/CheddarGothicSansTwo-Light.woff2') format('woff2'), url('fonts/CheddarGothicSansTwo-Light.woff') format('woff'); font-weight: 300; font-style: normal;} /*--------- [ FORMULAIRES ] ---------*/ label, input[type=submit], button { cursor:pointer; -webkit-appearance:none; } input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]), textarea, select { color:#000; vertical-align:middle; font-family:'Source Sans Pro'; font-size: 15px; background:#F5F5F5 ; border-radius: 4px; border:0; width: 100%; padding:10px 10px; margin-bottom: 15px; } textarea { padding:10px; resize:none;} ::-webkit-input-placeholder { opacity:1; color:#797979; transition:all 0.3s ease; } ::-moz-placeholder { opacity:1; color:#797979; transition:all 0.3s ease;} :-ms-input-placeholder { opacity:1; color:#797979; transition:all 0.3s ease;} :focus::-webkit-input-placeholder { opacity:0.8; } :focus::-moz-placeholder { opacity:0.8; } :focus:-ms-input-placeholder { opacity:0.8; } input.hide { text-indent: -9999px; text-transform:capitalize; } .sub { text-align: center } /* Custom Radio / Checkbox */ .check_radio { margin-bottom: 5px; } .check_radio input:not(:checked), .check_radio input:checked { position: absolute; left: -9999px;} .check_radio label:first-child { margin-left: 0 !important; } .check_radio label { /* Style Label */ position: relative; padding:3px 0 10px 30px; margin-right:20px; display: inline-block; vertical-align: top } .check_radio input:not(:checked) + label:before,.check_radio input:checked + label:before { /* Custom Ext */ width:20px; height: 20px; border: 1px solid #ccc; background: #fff; border-radius: 4px; content: ''; position: absolute; left: 0; top: 0; } .check_radio input:checked:focus + label:before, .check_radio input:checked:not(:checked):focus + label:before { /* Checked Ext */ border: 1px solid #ccc; } .check_radio [type="checkbox"]:not(:checked) + label:after, .check_radio [type="checkbox"]:checked + label:after { /* Custom Checkbox Int */ content: '\2713\0020'; position: absolute; top:4px; left:5px; font-size: 1.3em; line-height:1; color: #616161; transition: all 0.2s ease; } .check_radio [type="radio"]:checked + label:after, .check_radio [type="radio"]:not(:checked) + label:after { /* Custom Radio Int */ content:""; width: 12px; height: 12px; background: #616161; position: absolute; top: 5px; left: 5px; border-radius: 100%; transition: all 0.2s ease;} .check_radio input:not(:checked) + label:after { opacity: 0; transform: scale(0);} .check_radio input:checked + label:after { opacity: 1; transform: scale(1);} .check_radio [type="radio"]:not(:checked) + label:before, .check_radio [type="radio"]:checked + label:before { border-radius: 100% } /* Custom Select */ .custom_select { /* Chercher 000000 pour changer couleur */ background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat, repeat; background-position: right 10px top 50%, 0 0; background-size: .65em auto, 100%; -moz-appearance: none; -webkit-appearance: none; appearance: none; padding-right: 25px; } .custom_select::-ms-expand { display: none;} a.form {text-decoration: underline;} a.form:hover{color: #FBC420;} /*--------- [ TEXTE / BOUTONS / ALIGNEMENT / EFFETS... ] ---------*/ a { text-decoration:none; color:#643A2A;} a:hover { } .trans03s { transition: all 0.3s ease;} .fadeIn { -webkit-transform:translateZ(0); transition:opacity 0.3s ease; } .fadeIn:hover { opacity:0.8; } .rgba { background-color: rgba(0, 0, 0, 0.8); } .align_center { text-align: center} .align_right { text-align: right} .btn-primary, .btn-secondary { display: inline-block; vertical-align: top; text-decoration: none !important; border: 0 !important; cursor:pointer; } .btn-primary { transition:all 0.2s ease; font-size: 28px; line-height: 30px; padding: 4px 10px; color:#FBC420; background:#E51F27; font-family: 'Cheddar Gothic Sans Two'; font-weight: normal; text-align: center} .btn-primary span { background:url(images/fleche_jaune_btn.svg) no-repeat right center; padding-right: 20px } .btn-primary:hover { background:#00754A } .btn-secondary { transition:all 0.2s ease; font-size: 28px; line-height: 30px; padding: 4px 10px; color:#643A2A; background:#fbc420; font-family: 'Cheddar Gothic Sans Two'; font-weight: normal; text-align: center} .btn-secondary span { background:url(images/fleche_marron_btn.svg) no-repeat right center; padding-right: 20px } .btn-secondary:hover { background:#00754A; color:#ecc138 } .btn-secondary:hover span { background:url(images/fleche_jaune_btn.svg) no-repeat right center;} @media all and (max-width:767px) { .btn-primary { font-size: 21px; line-height: 26px} .btn-primary:hover { background: #E51F27} } /*--------- [ Wordpress Core & CMS ] ---------*/ .alignnone, a img.alignnone, .wp-caption.alignnone { margin:0 0 20px 0;} .aligncenter, div.aligncenter, a img.aligncenter{ display: block; margin: 0 auto 0px;} .alignright, a img.alignright, .wp-caption.alignright { float:right; margin: 0 0 20px 25px;} .alignleft, a img.alignleft, .wp-caption.alignleft { float: left; margin: 0 25px 20px 0;} .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center;} .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto;} .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px;} .bloc-cms { } .bloc-cms h1 { } .bloc-cms h2 { font-size: 50px; line-height:48px; font-family: castoronew01-regularregular; color:#643A2A; font-weight: normal; padding-bottom: 20px;} .bloc-cms h3 {font-family: castoronew01-regularregular; font-weight: normal; font-size: 18px; padding-bottom: 13px; } .bloc-cms p { padding-bottom: 20px} .bloc-cms ul, .bloc-cms ol { padding:0 0 20px 20px; overflow: hidden} .bloc-cms li { list-style: disc } .bloc-cms blockquote{ font-style: italic } .bloc-cms hr { clear: both; } .wp-block-media-text { margin-bottom: 70px} /* .bloc-cms a { text-decoration: underline; } .bloc-cms a.btn-primary, .bloc-cms a.btn-secondary { text-decoration: none; } .bloc-cms a:hover { opacity: .8}*/ .bloc-cms img { max-width: 100%; height: auto} @media all and (max-width:1679px) { .bloc-cms h2 { font-size: 44px; line-height: 44px;} } @media all and (max-width:767px) { .alignright, a img.alignright, .wp-caption.alignright, .alignleft, a img.alignleft, .wp-caption.alignleft { float: none; margin: 0 auto 20px; display: block } .wp-block-media-text { display: block; margin-bottom: 0} .bloc-cms img { margin-bottom: 20px;} .wp-block-media-text .wp-block-media-text__content { padding: 0} .bloc-cms h2 { font-size: 30px; line-height: 31px;} } /*********************[CONTENU]****************************/ .breadcrumb { font-size: 14px; color:#B5B5B5; padding: 34px 0 17px } .breadcrumb a { color:#B5B5B5; transition:all 0.3s ease; } .breadcrumb .current, .breadcrumb strong { color:#643A2A; font-style:italic; font-weight: normal } .breadcrumb a:hover {color:#643A2A; } .titre_castor_48 { font-size:48px; line-height:48px; font-family: castoronew01-regularregular; font-weight: normal; color:#643A2A;} .titre_castor_80 { text-align: center; font-size: 80px; line-height:74px; text-transform: uppercase; font-family: castoronew01-regularregular; font-weight: normal; padding:70px 0 50px; color:#643A2A; } .intro_page { max-width: 780px; margin: 0 auto 110px} .main_banner { min-height: 570px; background-size: cover; background-position: center; text-align: center; margin-bottom: 50px; padding: 0 30px } .main_banner .titre_castor_80 { color:#fff; max-width: 720px; margin: 0 auto; padding-top: 285px; text-shadow:0px 0px 30px #000000;} @media all and (max-width:1679px) { .titre_castor_80 { font-size: 70px; line-height: 70px; } .titre_castor_48 { font-size: 46px; line-height: 46px; } } @media all and (max-width:1279px) { .titre_castor_80 { font-size: 64px; line-height:64px; } .titre_castor_48 { font-size: 42px; line-height: 42px; } } @media all and (max-width:1023px) { .titre_castor_80 { font-size: 62px; line-height: 62px;} .titre_castor_48 { font-size: 40px; line-height: 40px; } } @media all and (max-width:767px) { .breadcrumb { font-size: 11px; padding: 15px 0; margin: 0 -15px} .titre_castor_80 { font-size: 36px; line-height: 35px; padding-top: 15px; padding-bottom: 20px} .titre_castor_48 { font-size: 23px; line-height: 26px; } .intro_page { margin-bottom: 33px !important;} .main_banner { min-height: 370px; display: flex; align-items: center; margin-bottom: 23px} .main_banner .titre_castor_80 { padding: 0;} } /* FAQ */ #p_faq .accordeon { border-bottom: 1px solid #643A2A4A; margin-bottom: 10px;} #p_faq h2 { border-bottom: 1px solid #643A2A4A; margin: 15px 0 10px 0; padding-bottom: 0; } #p_faq .accordeon h3 { cursor: pointer; position: relative; padding: 0 30px 10px 0; } #p_faq .accordeon h3:after { content: '+'; display: block; position: absolute; top: 0; right: 0; transition: 0.3s ease-in-out; font-size:30px; line-height: 30px;} #p_faq .accordeon h3.active { } #p_faq .accordeon h3.active:after { transform: rotate(45deg); } #p_faq .accordeon h3.active + .content { height: auto; opacity: 1} #p_faq .accordeon .content { height: 0; opacity: 0; transition: all .5s ease; overflow: hidden} /* HOME */ body.home #main { padding-bottom: 0} /* body.home #footer { opacity: 1; visibility: visible}*/ #home { margin-left: -10px; /*height:calc(100vh - 54px);*/ height:100vh; display: flex; text-align: center; overflow: hidden } #home .tab { height:100%} #home .colonne-right { width:50.18%; height: 100%} #home .colonnes_interieur { display: flex; height: 100% } #home .colonne-int-left { width: 49.26%; border-left:4px solid #fff; border-right:4px solid #fff;} #home .colonne-int-right { width: 50.74% } #home .btn-secondary { margin:28px 0 30px;} #home_slider { position:relative; } #home_slider li { width:100% !important; /* height:calc(100vh - 54px);*/ height:100vh; background-size:cover; background-position:top center;} #home_slider .bx-pager { position:absolute; top:25px; left:0; width:100%; text-align:center; z-index:55;} #home_slider .bx-pager .bx-pager-item { display:inline-block; margin:0 5px;} #home_slider .bx-pager .bx-pager-item a { width: 12px; height: 12px; background: rgba(255, 255, 255, 0.3); display: block; text-indent: -9999px; border-radius: 12px; transition:all 0.3s ease;} #home_slider .bx-pager .bx-pager-item a.active, #home_slider .bx-pager .bx-pager-item a:hover { background: rgba(255, 255, 255, 1); } #home_slider .conteneur_flex { display: flex; align-items: center; justify-content:center; height: 100%; padding: 20px} #home_slider .conteneur_flex .libelle { font-size: 26px; font-family: 'Cheddar Gothic Sans Two'; color:#fff; font-weight: 300; text-shadow: 0px 0px 30px #000000; margin-bottom: 26px } #home_slider .conteneur_flex .libelle span { display: inline-block; vertical-align: top} #home_slider .conteneur_flex .libelle span:before, #home_slider .conteneur_flex .libelle span:after { content:""; width: 24px; height: 1px; background:#fff; display: inline-block; vertical-align: middle; position: relative; top:-5px; margin:0 10px;} #home_slider .conteneur_flex .actu_titre { font-size: 60px; line-height: 60px; color: #fff; font-family: castoronew01-regularregular; text-shadow: 0px 0px 30px #000000; font-weight: normal; max-width: 560px; margin:0 auto} #home_slider .bouton { padding-top: 60px} .home_titre { font-size: 26px; font-family: 'Cheddar Gothic Sans Two'; line-height: 26px; padding:23px 0 16px; font-weight: 300 } .home_titre span { display: inline-block; vertical-align: top} .home_titre span:before,.home_titre span:after { content:""; width: 30px; height: 1px; background:#643A2A; display: inline-block; vertical-align: middle; position: relative; top:-5px; margin:0 10px;} .home_sstitre {font-family: castoronew01-regularregular; font-size: 36px; line-height: 36px; } .home_sstitre strong { display: block; font-family:'Source Sans Pro'; font-weight: 600; font-size: 16px; line-height: 19px; padding-top: 4px} .home_produit { background: #fff; padding: 13px 5px 20px; position: relative; } .home_produit .produit { position: absolute; top:90px; bottom: 20px; left:0;; right: 0; background-size:contain; background-repeat: no-repeat; background-position: center} .home_produit .bouton { position:absolute; left:0; right: 0; bottom:0;} .home_produit .bouton a { position: relative} .home_produit .bouton a:after { content:""; position: absolute; top:-33px; right: -33px; background:url(images/deco_bouton_home.svg) no-repeat; width: 37px; height: 47px; background-size: 100% auto} .home_produit, .home_social { height: 39.59%; } .home_filieres, .home_recettes { height: 60.61%; } .home_filieres { border-top: 4px solid #fff; padding: 50px 10px; background-size: cover; background-position: center } .home_filieres .home_sstitre { padding-top: 10px;} .home_recettes { border-bottom: 4px solid #fff; display: flex; align-items: flex-end; padding: 31px 20px; background-size: cover; background-position: center } .home_recettes .content { background: rgba(255, 255, 255, 0.8); padding:0 10px; max-width: 330px; margin: 0 auto} .home_social a { display: block; width: 100%; height: 100%; text-align:left; padding: 12px; background-size: cover; background-position: center} #social_slider, #social_slider .bx-wrapper, #social_slider .bx-viewport, #social_slider ul { height: 100% !important;} #social_slider li { height: 100%;} #social_slider img { width: 47px;} #social_slider .bx-controls { visibility: hidden;} @media all and (max-width:1679px ){ #home_slider .conteneur_flex .actu_titre { font-size: 44px; line-height: 44px; } .home_sstitre { font-size: 30px; line-height: 30px} .home_titre { font-size: 24px; } #home_slider .conteneur_flex .libelle { font-size: 24px; } } @media all and (max-width:1600px ){ #home .colonne-right { width: 60%} #home .btn-primary, #home .btn-secondary { font-size: 20px; line-height: 20px} .home_produit .bouton a:after { width: 27px; height: 37px; top:-27px; right: -25px; } #home_slider .bouton { padding-top: 30px;} } @media all and (max-width:1450px ) { .home_titre span:before, .home_titre span:after, .home_titre span:before, .home_titre span:after, #home_slider .conteneur_flex .libelle span:before, #home_slider .conteneur_flex .libelle span:after { display: none} } @media all and (max-width:1279px ){ #home_slider .conteneur_flex .actu_titre { font-size: 42px; line-height: 42px;} } @media all and (max-width:1200px ){ #home { margin-left: 0} .home_titre span:before, .home_titre span:after, .home_titre span:before, .home_titre span:after, #home_slider .conteneur_flex .libelle span:before, #home_slider .conteneur_flex .libelle span:after { display: inline-block} } @media all and (max-width:1023px ){ #home_slider .conteneur_flex .actu_titre { font-size: 40px; line-height: 40px;} .home_sstitre { font-size: 28px; line-height: 28px} .home_titre { font-size: 22px; } #home_slider .conteneur_flex .libelle { font-size: 22px; } } @media all and (max-width:989px ){ #home { height: auto} #home [class^="tab-cell"] { display: block; width: 100%} #home_slider li { height: 50vh} .home_produit, .home_social { height: 430px;} .home_recettes, .home_filieres { height: 735px} } @media all and (max-width:767px ){ #home { margin-bottom: -20px} #home_slider li { height: calc(100vh - 85px);} #home_slider .conteneur_flex .libelle { font-size: 20px} #home_slider .conteneur_flex .actu_titre, .home_sstitre { font-size: 36px; line-height: 36px} #home_slider .bx-pager .bx-pager-item a { width: 8px; height: 8px; border-radius: 8px} #home .colonnes_interieur { display: block} #home .colonne-int-left, #home .colonne-int-right { border:0; width: 100%} .home_recettes, .home_filieres { height: 614px; border-bottom: 4px solid #fff;} .home_titre { font-size: 20px} .home_titre span:before, .home_titre span:after, .home_titre span:before, .home_titre span:after, #home_slider .conteneur_flex .libelle span:before, #home_slider .conteneur_flex .libelle span:after { width: 23px} .home_sstitre { padding: 0 20px} .home_sstitre strong { font-size: 12px; line-height: 15px} .home_social { border-top: 0} } /* PAGES AVEC LISTING */ #filtres { text-align: center; font-family: 'Cheddar Gothic Sans Two'; font-size: 20px; line-height: 18px; font-weight: 300; margin:-48px 0 36px; } #filtres li { display: inline-block; margin-bottom: 12px} #filtres li:before { content:"| "; margin: 0 15px} #filtres li:first-child:before { display: none} #filtres li a { transition:all 0.2s ease;} #filtres li a:hover, #filtres li.actif a { color:#FBC420;} .layout_listing_carre { max-width: 1200px; margin: 0 auto; font-size: 0 } .layout_listing_carre .elts { width:33.33%; padding:0 10px; position: relative; display: inline-block; vertical-align: top; margin-bottom: 70px } .mf_carre a { max-width: 300px; height: 300px;overflow: hidden; margin: 0 auto; display: block; position: relative; text-align: center; padding: 20px } .mf_carre a .bg { background-position: center; background-size: cover; transition: all 0.5s; position: absolute; top:0; left:0; right: 0; bottom:0 } .mf_carre a:before { content:""; position: absolute; top:0; left:0; right: 0; bottom:0; border:13px solid #ecc138; z-index: 2; opacity: 0; visibility: hidden; transition:all 0.5s ease;} .mf_carre a .titre { transition:all 0.3s ease; position: relative; z-index: 5; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-transform: uppercase; color:#fff; font-family: castoronew01-regularregular; font-size: 34px; line-height: 36px; text-shadow:0px 0px 30px #000000;} .mf_carre a:hover .bg,.mf_carre a:focus .bg { /* transform: scale(1.1);*/} .mf_carre a:hover:before { opacity: 1; visibility: visible} .mf_carre a.nouveautes { background:#fbc420; } .mf_carre a.nouveautes .titre { text-shadow:0px 0px 0 #000000; color:#643A2A} .mf_carre a.nouveautes .titre span { background:url(images/deco_nouveautes.svg) no-repeat right center; padding: 0 30px} .mf_carre a.nouveautes:hover .titre { color:#fff;} .mf_carre a.nouveautes:before { background: rgba(0, 128, 84, 1); } #p_recettes.layout_listing_carre .mf_carre a .titre { opacity:0; visibility: hidden} #p_recettes.layout_listing_carre .mf_carre a:hover .titre { opacity:1; visibility: visible } .bouton_more { padding:25px 0; text-align: center} @media all and (max-width: 1023px) { #filtres { margin-top: 0} } @media all and (max-width: 989px) { .layout_listing_carre .elts { margin-bottom: 20px} .mf_carre a { height: 225px} } @media all and (max-width: 767px) { .layout_listing_carre .elts { width: 100%; display: block; margin-bottom: 35px} .mf_carre a { width: 245px; height: 245px; border: 1px solid #d1d1d2;} .mf_carre a:hover .bg, .mf_carre a:focus .bg { transform: scale(1);} .mf_carre a:before { display: none;} #p_recettes.layout_listing_carre .mf_carre a .titre { opacity:1; visibility: visible} } /* FILLIERES DETAILS + HISTOIRE */ #filieres_steps { max-width: 1140px; padding: 0 20px; margin: 30px auto; background: url(images/filieres_bg.png) repeat-y center top; position: relative } #filieres_steps:before, #filieres_steps:after, #filieres_steps .titre_castor_48:before { content:""; width: 80px; height: 82px; background:url(images/picto-papillon.svg) no-repeat; position: absolute; left:50%; margin-left: -40px;} #filieres_steps:before { top:-100px; } #filieres_steps:after { bottom:-80px; } #filieres_steps .step { display: flex; justify-content: space-between; margin-bottom: 70px; position: relative } #filieres_steps .step > div { width: 42%; text-align: left; } #filieres_steps .visuel { text-align: center !important;} #filieres_steps .visuel img { max-width: 100%; max-height: 500px; width: auto; height: auto; } #filieres_steps .visuel.is_video { position: relative;} #filieres_steps .visuel.is_video img { border: 8px solid #fff; } #filieres_steps .visuel.is_video:after { content:''; display: block; position: absolute; background:url(images/play.png) no-repeat; width: 85px; height: 110px; margin: -65px 0 0 -42px; left:50%; top: 50%} #filieres_steps .titre_castor_48 { margin-top: 30px } #filieres_steps .titre_castor_48:before { top:40px} #filieres_steps .sep { display:block; width: 217px; height: 1px; background: #643A2A; margin: 26px 0 34px} #filieres_steps .pres { clear: both} #filieres_steps .pres p { padding-bottom: 22px } #filieres_steps .pres ul { padding-top: 20px} #filieres_steps .pres ul li { font-size: 22px; line-height: 26px; font-family: castoronew01-regularregular; color:#643A2A; padding:0 0 1px} #filieres_steps .pres ul li:before { content:"•"; margin-right: 5px} #filieres_steps .pres iframe { max-width: 100%} #filieres_steps .step:nth-child(even) > div { text-align: right} #filieres_steps .step:nth-child(even) > div:nth-child(1) { order:2} #filieres_steps .step:nth-child(even) .titre:before { left:inherit; right: -130px } #filieres_steps .step:nth-child(even) .sep { float: right } #filierep_crossselling { padding-top: 100px; text-align: center} #filierep_crossselling .pres:before { content:""; max-width: 217px; margin: 23px auto 30px; background:#643A2A; display: block; height: 1px} #filierep_crossselling .pres { font-size: 22px; font-family: castoronew01-regularregular; text-transform: uppercase; max-width: 800px; margin: 0 auto; line-height: 26px; padding: 0 0 55px} #filierep_crossselling .layout_listing_produit { padding-top: 40px} #filieres_steps.histoire { margin: 190px auto 120px} #filieres_steps.histoire .titre_castor_80 { padding: 0; text-align: left; margin-top: 30px } #filieres_steps.histoire .titre_castor_80:before { content:""; top:55px; width: 19px; height: 19px; border-radius: 19px; border: 4px solid #ecc138; display: block; background:#fafafa; position: absolute; left:50%; margin-left: -13.5px; } #filieres_steps.histoire .step:nth-child(even) > div { } #filieres_steps.histoire .step:nth-child(even) > div:nth-child(1), #filieres_steps.histoire .step:nth-child(odd) > div:nth-child(2) { order:1; text-align: right} #filieres_steps.histoire .step:nth-child(even) > div:nth-child(1) .titre_castor_80, #filieres_steps.histoire .step:nth-child(odd) > div:nth-child(2) .titre_castor_80 { text-align: right} #filieres_steps.histoire .step:nth-child(odd) > div:nth-child(1), #filieres_steps.histoire .step:nth-child(even) > div:nth-child(2) { order:2; text-align: left} #filieres_steps.histoire .step:nth-child(even) .sep { float: left } #filieres_steps.histoire .step:nth-child(odd) .sep { float: right } @media (max-width: 1023px) { #filieres_steps { margin-top: 90px; } } @media (max-width: 767px) { #filieres_steps { background: url(images/filieres_bg_mobile.png) repeat-y 45px top; margin-top: 20px} #filieres_steps .step { display: block; margin-bottom: 0} #filieres_steps .step > div { width: 100%; padding-left: 77px; text-align: left !important;} #filieres_steps:before, #filieres_steps:after, #filieres_steps .titre:before, #filieres_steps .titre_castor_48:before { width: 28px; height: 30px; background-size: 100% auto; left:35px; margin-left: 0} #filieres_steps .titre_castor_48 { position: relative} #filieres_steps .titre_castor_48:before { margin-left: 0; left:-61px; top:0; } #filieres_steps .titre_castor_48 { margin: 10px 0 0} #filieres_steps .titre_castor_48 br { display: none} #filieres_steps .sep { float:none !important; width: 96px ; margin: 9px 0 8px} #filieres_steps:before { top:-25px} #filieres_steps:after { bottom:-25px} #filieres_steps .pres ul { padding-top: 0; margin-top: -10px} #filieres_steps .pres ul li { font-size: 14px; line-height: inherit} #filieres_steps .step:last-child { padding-bottom: 25px} #filierep_crossselling { padding-top: 10px; padding-bottom: 15px} #filierep_crossselling .pres:before { max-width: 96px; } #filierep_crossselling .pres { font-size: 14px; line-height: 1.4; padding-bottom: 15px} #filieres_steps.histoire { margin: 50px 0 40px} #filieres_steps.histoire .step:nth-child(even) > div:nth-child(1) .titre_castor_80, #filieres_steps.histoire .step:nth-child(odd) > div:nth-child(2) .titre_castor_80 { text-align: left} #filieres_steps.histoire .titre_castor_80 { font-size: 23px; line-height: 26px; margin-top: 10px; position: relative} #filieres_steps.histoire .titre_castor_80:before { width: 10px; height: 10px; border-radius: 10px; border: 2px solid #ecc138; left:-57px; margin-left: 0; top:6px; } #filieres_steps.histoire .step:nth-child(6) { display: flex; flex-direction: column; } #filieres_steps.histoire .step:nth-child(6) .visuel { order: 2 !important; } #filieres_steps.histoire .step:nth-child(6) .content { order: 1 !important; } #filieres_steps.histoire .step:nth-child(7) { display: flex; flex-direction: column; } #filieres_steps.histoire .step:nth-child(7) .visuel { order: 2 !important; } #filieres_steps.histoire .step:nth-child(7) .content { order: 1 !important; } #filieres_steps.histoire .step:nth-child(9) { display: flex; flex-direction: column; } #filieres_steps.histoire .step:nth-child(9) .visuel { order: 2 !important; } #filieres_steps.histoire .step:nth-child(9) .content { order: 1 !important; } } /* PRODUITS*/ .layout_listing_produit { max-width: 1100px; margin: 0 auto; font-size: 0 } .layout_listing_produit.ligne4 li { width: 25%} .layout_listing_produit li { width: 33.33%; display:inline-block; vertical-align: top; text-align: center; margin-bottom: 50px; padding: 0 10px } .layout_listing_produit li img { max-width: 100%; /*border: 1px solid #E7E7E7;*/ margin-bottom: 15px; transition:all 0.3s ease; transform:scale(0.98) } .layout_listing_produit .titre { font-size: 16px; line-height: 18px; font-weight: 600; color:#643A2A;} .layout_listing_produit li a:hover img { transform:scale(1)} @media (max-width: 767px) { .layout_listing_produit li { width: 100%; display: block; margin-bottom: 35px} .layout_listing_produit li { width: 100%; display: block; margin-bottom: 35px} .layout_listing_produit li img { max-width: 245px; } .layout_listing_produit.ligne4 li { width: 100%} } .layout_simple_colonne { max-width: 1290px; margin: 0 auto 100px; } .layout_simple_colonne p { padding-bottom: 20px} .layout_simple_colonne img { max-width: 100%; display: block;} .layout_simple_colonne hr { clear: both; height: 1px; background: #643A2A; margin: 38px 0} /* PAGES AVEC DOUBLE COLONNE */ .layout_double_colonne{ display:flex; justify-content: space-between; max-width: 1290px; margin: 0 auto 100px; } .layout_double_colonne .colonne { width: 570px; padding:0 15px; text-align: left} .layout_double_colonne .visuel { text-align: center} .layout_double_colonne .visuel img { margin-bottom: 50px} .layout_double_colonne img { max-width: 100%; display: block; width: auto; height: auto; } .layout_double_colonne p { padding-bottom: 20px} .layout_double_colonne hr { clear: both; height: 1px; background: #643A2A; margin: 38px 0} .shortcode_etiquette { transform:rotate(-2deg); padding:7px 19px; margin:0 0 30px; background:#00754A; font-size: 18px; line-height: 18px; color:#fff; font-family: 'Cheddar Gothic Sans Two'; display: inline-block; vertical-align: top; font-weight: 300} .shortcode_etiquette span { transform:rotate(2deg); display: block } .shortcode_etiquette p { transform:rotate(2deg); display: block; padding-bottom: 0;} @media (max-width: 767px) { .layout_double_colonne { margin-bottom: 0px; flex-wrap: wrap} .layout_double_colonne .colonne { width: 100%; padding: 0} .layout_double_colonne .visuel { order:1} .layout_double_colonne .visuel img { margin: 0 auto 20px} .layout_double_colonne .content { order:2} .shortcode_etiquette { margin-bottom: 20px;} .layout_simple_colonne { margin-bottom: 0} } /* Engagements*/ #engagements_tpl .layout_double_colonne:last-child { margin-bottom: 40px} #engagements_tpl h2 { font-size: 80px; line-height:80px; text-transform: uppercase; font-family: castoronew01-regularregular; font-weight: normal; padding-bottom:50px } #engagements_tpl h3 { font-size: 44px; line-height:42px; text-transform: uppercase; font-family: castoronew01-regularregular; font-weight: normal; padding-bottom:30px } #engagements_tpl h3:after { content:""; max-width: 217px; height: 1px; background:#643A2A; display: block; margin:25px 0 0 } #engagements_tpl h4 { font-size: 22px; line-height:26px; text-transform: uppercase; font-family: castoronew01-regularregular; font-weight: normal; padding-bottom: 10px } #engagements_tpl ul { padding-bottom: 17px } #engagements_tpl ul li { position:relative; margin-bottom: 15px; padding-left: 18px } #engagements_tpl ul li:before { content:""; width: 6px; height: 6px; border-radius: 6px; background:#643A2A; position: absolute; top:9px; left:0;} @media (max-width: 1679px) { #engagements_tpl h2 { font-size: 58px; line-height: 58px; } #engagements_tpl h3 { font-size: 44px; line-height: 44px; } } @media (max-width: 1279px) { #engagements_tpl h2 { font-size: 54px; line-height: 54px;} #engagements_tpl h3 { font-size: 42px; line-height: 42px;} } @media (max-width: 1024px) { #engagements_tpl h2 { font-size: 55px; line-height: 55px; padding-bottom: 35px } } @media (max-width: 1023px) { #engagements_tpl h2 { font-size: 48px; line-height: 48px;} #engagements_tpl h3 { font-size: 40px; line-height: 40px;} } @media (max-width: 767px) { #engagements_tpl h2 { font-size: 36px; line-height: 35px; padding-top: 10px; padding-bottom: 20px} #engagements_tpl h3 { font-size: 23px; line-height: 26px; padding-bottom: 20px} #engagements_tpl h3:after { max-width: 125px; margin-top: 10px} #engagements_tpl h4 { font-size: 17px; line-height: 17px; padding-bottom: 20px} #engagements_tpl .layout_double_colonne:last-child { margin-bottom: 0} } /* Recette*/ #recettes_tpl { padding-top: 80px} #recettes_tpl .layout_double_colonne { margin-bottom:0 } #recettes_tpl h1 { font-size: 80px; line-height:80px; text-transform: uppercase; font-family: castoronew01-regularregular; font-weight: normal; padding-bottom:45px} #recettes_tpl .infos { display: flex; flex-wrap: wrap } #recettes_tpl .infos li { display: flex; vertical-align: top; align-items: center; font-size: 20px; font-weight: 300; line-height: 18px; font-family: 'Cheddar Gothic Sans Two'; margin-bottom: 12px } #recettes_tpl .infos li:after { content:"|"; margin:0 19px;} #recettes_tpl .infos li:last-child:after { display: none} #recettes_tpl .infos li p { padding-bottom: 0 } #recettes_tpl .infos li .color { color:#FBC420;margin-left: 15px } #recettes_tpl .infos [class^="sprite-note-"] { background:url(images/sprite-note.png) no-repeat; width: 85px; height: 16px; display: block; margin-left: 12px } #recettes_tpl .infos [class^="sprite-note-01"] { background-position: 0 0 } #recettes_tpl .infos [class^="sprite-note-02"] { background-position: 0 -16px } #recettes_tpl .infos [class^="sprite-note-03"] { background-position: 0 -32px } #recettes_tpl .infos [class^="sprite-note-04"] { background-position: 0 -48px } #recettes_tpl h2 { font-family: castoronew01-regularregular; font-weight: normal; font-size: 18px; padding-bottom: 13px} @media (max-width: 1679px) { #recettes_tpl h1 { font-size: 70px; line-height: 70px; } } @media (max-width: 1400px) { #recettes_tpl .infos li { width: 100%} #recettes_tpl .infos li:after { display: none} } @media (max-width: 1023px) { #recettes_tpl h1 { font-size: 62px; line-height: 62px; } } @media (max-width: 1279px) { #recettes_tpl h1 { font-size: 64px; line-height: 64px; } } @media (max-width: 767px) { #recettes_tpl { padding-top: 10px; padding-bottom: 40px;} #recettes_tpl h1 { font-size: 36px; line-height: 35px; padding-top: 10px; padding-bottom: 20px} } /* CONTACT */ .nf-form-fields-required { text-align: center; } /* PRODUITS */ #produit_tpl { max-width: 1260px; margin: 85px auto 50px} #produit_presentation .titre_castor_80 { text-align: left; padding: 0 0 12px} #produit_presentation .poids { transform:rotate(-2deg); padding:6px 3px 4px; margin:0 0 30px; background:#00754A; font-size: 30px; line-height: 18px; color:#FBC420; font-family: castoronew01-regularregular; display: inline-block; vertical-align: top} #produit_presentation .poids span { transform:rotate(2deg); display: block } #produit_presentation .poids span i { font-style: normal; font-size: 20px} #produit_presentation .compositions { padding: 6px 0 0 } #produit_presentation .compositions li { display: inline-block; vertical-align: top; font-size: 20px; line-height: 16px; font-family: 'Cheddar Gothic Sans Two'; text-align: center; padding:0 30px 10px 0 } #produit_presentation .compositions li:first-child { padding-left: 0} #produit_presentation .compositions li:last-child { padding-right: 0} #produit_presentation .compositions li p { padding-bottom: 15px} #produit_presentation .compositions li img { display: inline-block; vertical-align: top; max-width: 65px; height: auto; } #produit_presentation .pres:before, #produit_presentation .pres:after { content:""; height:1px; background:#643A2A; display: block; margin: 5px 0 16px} #produit_presentation .produit_popin { padding-bottom: 37px;} #produit_presentation .produit_popin .liens { font-family: castoronew01-regularregular; font-size: 18px; font-weight: normal; display: inline-block } #produit_presentation .produit_popin .liens li { display: inline-block; vertical-align: top} #produit_presentation .produit_popin .liens li:first-child:before { display: none} #produit_presentation .produit_popin .liens li:before { content:"|"; margin: 0 10px;} #produit_presentation .produit_popin .liens li a { transition:all 0.3s ease;} #produit_presentation .produit_popin .liens li a:hover {color:#FBC420} #produit_presentation .layout_double_colonne .visuel img {max-height: 500px; display: inline; } #produit_infos_comp { text-align: center; font-family: castoronew01-regularregular; font-size: 32px; line-height: 32px; padding-bottom: 50px } #produit_infos_comp ul { margin:0 auto; display: flex; justify-content: center; align-items: flex-end} #produit_infos_comp li { display: inline-block; vertical-align: top; margin: 0 35px; /*width: 250px */ } #produit_infos_comp .last span:before, #produit_infos_comp .last span:after { content: ""; width: 26px; height: 1px; background: #643A2A; display: inline-block; vertical-align: middle; position: relative; top: -5px; margin: 0 10px; } #produit_infos_comp .provenance .txt { font-size: 16px; font-family: 'Cheddar Gothic Sans Two'; line-height: 1.1} #produit_infos_comp .recette a { width: 220px; height: 170px; background-size: cover; background-position: center; display: block; margin: 0 auto} #produit_infos_comp .message .num { color:#FBC420; font-size: 86px; line-height: 79px} #produit_infos_comp .message .last span { white-space: nowrap} .mf_popin { background: #FFF; max-width:780px; padding: 94px 25px; position: relative; width:auto; margin: 0 auto; display:none; text-align: center} .mf_popin iframe { width:100% !important; height:400px !important;} .mf_popin .conteneur { max-width: 530px; margin: 0 auto} .mf_popin .titre_popin { font-size: 48px; line-height: 48px; font-family: castoronew01-regularregular; font-weight: normal; color: #643A2A; text-align: center; margin-bottom: 13px} .mf_popin h4 { font-family: castoronew01-regularregular; font-size: 18px; font-weight: normal } .popin_origine { padding: 70px 25px} .popin_origine .conteneur { max-width: 485px;} .popin_origine .conteneur_flex { display: flex; padding-top: 25px; text-align: left} .popin_origine .conteneur_flex img { margin-right: 50px} .popin_origine .conteneur_flex p { padding-bottom: 15px} .mfp-close { width:24px; height: 24px; background:url(images/croix_popin.png); position: absolute; right: 20px; top: 20px; font-size: 28px; text-indent: -9999px; } .mfp-arrow { position: absolute; top: 50%; margin-top:-0px; width:10px; height:10px; background:red; } .mfp-arrow-left { left:10px; background-position:0 0; } .mfp-arrow-right { right:10px; background-position:0 0;} .mfp-bg, .mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;} .mfp-bg.mfp-ready { opacity: 0.8; } .mfp-bg.mfp-removing { opacity: 0;} .mfp-wrap.mfp-ready .mfp-content { opacity: 1;} .mfp-wrap.mfp-removing .mfp-content { opacity: 0;} .mfp-ready .mf_popin { display:block; } .mfp-bg {background-color: rgba(11, 11, 11, 0.98); top: 0; left: 0; width: 100%; height: 100%; z-index: 99991; overflow: hidden; position: fixed;} .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 99992; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container {padding:10px; text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } .mfp-counter { display:none; } .mfp-title { display:none;} button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; -webkit-appearance: none; display: block; z-index: 1046; touch-action: manipulation; } img.mfp-img { width: auto; max-width:100%; } .mfp-figure { line-height: 0; } #produit_engagement { text-align: center; margin-bottom: 107px } #produit_engagement:before, #produit_engagement:after { content:""; height:1px; background:#643A2A; display: block; margin: 53px 0} #produit_engagement ul { font-size: 0; padding: 31px 0 38px } #produit_engagement ul li { width: 25%; display:inline-block; vertical-align: top; font-size: 16px; padding: 0 40px} #produit_engagement .num { font-family: castoronew01-regularregular; font-size: 41px; font-weight: normal } #produit_engagement .num span { font-family: arial; } #produit_engagement .titre { font-size: 20px; line-height: 24px; font-family: 'Cheddar Gothic Sans Two'; padding-bottom: 10px} #produit_engagement .pres { } #produit_banner { text-align: center; margin-bottom: 107px } #produit_banner .banner { height: 535px; display: flex; align-items: center; justify-content: center; padding: 0 20px ; background-size: cover } #produit_banner .content { max-width: 500px; margin: 0 auto} #produit_banner h2 { color:#fff; font-family: castoronew01-regularregular; font-weight: normal; font-size: 44px; line-height: 44px; padding: 65px 0 65px; text-shadow:0px 0px 30px #000000;} #produit_video { max-width: 1180px; margin: 0 auto; background-position: center top;} #produit_video .yt_video { text-align: center; padding: 33px 0 100px; overflow: hidden} #produit_video .yt_video .yt_container { background-size: cover; cursor: pointer; } #produit_video .yt_video .yt_container iframe { visibility: hidden; } #produit_video .yt_video div { position:relative; display:inline-block; vertical-align: top} #produit_video .yt_video iframe { border: 10px solid #fff; box-shadow:0px 0px 30px #ccc; width: 780px; height: 425px} #produit_video .yt_video .etiquette { position: absolute; top:77px; right: -206px} #produit_tpl #filierep_crossselling { padding-top:60px} .yt_img_video {cursor:pointer; } .boutons_cta { display: flex; align-items: flex-start; flex-wrap: wrap} .boutons_cta .btn-primary { margin-right: 30px;} .boutons_cta p { padding-bottom: 13px; } .boutons_cta .bouton_trouver .btn-secondary span { background: url(images/picto-pin.svg) no-repeat right center; padding-right: 30px; } @media all and (max-width: 1580px) { #produit_video .yt_video .etiquette { display: none} #produit_presentation .compositions li { padding-right: 22px; } } @media all and (max-width: 989px) { #produit_tpl .layout_double_colonne{ display: block; } .layout_double_colonne .visuel { width: 100%; padding: 0; text-align: center; } .layout_double_colonne .colonne { width: 100%; padding: 0; } .layout_double_colonne .visuel img { display: inline } #produit_engagement ul li { padding: 0 15px;} #produit_video .yt_video div { display: block} #produit_video .yt_video iframe { width: 100%} #produit_presentation .compositions li { padding-right: 30px; } } @media all and (max-width: 767px) { .boutons_cta { justify-content: center} .boutons_cta .btn-primary { margin-right: 0} .boutons_cta .bouton_trouver .btn-secondary { font-size: 21px; line-height: 26px;} #produit_tpl { margin-top: 20px} #produit_presentation { padding-bottom: 30px} #produit_presentation .bouton { text-align: center} #produit_presentation .compositions li { padding-right: 12px;font-size: 15px} #produit_presentation .compositions li img { width: 50px; } #produit_presentation .poids { font-size: 24px;} .produit_popin { text-align: center} .mf_popin { padding: 45px 25px 25px} .mf_popin .titre_popin { font-size: 36px; line-height: 35px} .popin_origine .conteneur_flex { display: block; text-align: center} .popin_origine .conteneur_flex img { margin-right: 0; margin-bottom: 30px} #produit_infos_comp { font-size: 22px; line-height: 22px; padding-bottom: 0} #produit_infos_comp ul { display: block} #produit_infos_comp li { margin: 0 0 40px} #produit_infos_comp .message .num { font-size: 56px; line-height: 59px;} #produit_engagement { margin-bottom: 35px;} #produit_engagement:before, #produit_engagement:after { margin:30px 0} #produit_engagement ul { padding: 25px 0 0} #produit_engagement ul li { width: 100%} #produit_engagement .num { font-size: 32px; line-height: 32px; padding-bottom: 20px} #produit_engagement .titre { font-size: 18px; line-height: 22px;} #produit_banner { margin-bottom: 35px;} #produit_banner .banner { height: auto; padding-bottom: 70px;} #produit_banner h2 { font-size: 34px; line-height: 34px; padding: 70px 0 35px} #produit_banner .btn-secondary { font-size: 20px; line-height: 20px} #produit_video .yt_video {padding-bottom: 0} #produit_video .yt_video iframe { height: 230px} #produit_tpl #filierep_crossselling { padding-top: 35px} } /* ACTUALITES */ #actus_listes { max-width: 940px; margin: 0 auto; padding: 20px 0 0 } #actus_listes li { display: flex; margin-bottom: 70px;} #actus_listes li .visuel { flex:0 0 300px; height: 310px; margin-right: 100px; } #actus_listes li .visuel a { display: block; width: 100%; height:100%; background-size: cover; background-position: center; position: relative} #actus_listes li .visuel a:before { content:""; position: absolute; top:0; left:0; right: 0; bottom:0; border:13px solid #ecc138; z-index: 2; opacity: 0; visibility: hidden; transition:all 0.5s ease;} #actus_listes li .visuel a:hover:before { opacity: 1; visibility: visible} #actus_listes .entete { font-size: 20px; line-height: 21px; font-family: 'Cheddar Gothic Sans Two'; font-weight: 300; color:#FBC420; padding-bottom: 8px;} #actus_listes a { color:#FBC420; } #actus_listes .pres { padding: 10px 0 15px; } #actus_listes .more a { font-size: 18px; line-height: 20px; font-family: 'Cheddar Gothic Sans Two'; color:#643A2A; transition:all 0.3s ease; } #actus_listes .more a:hover { color:#FBC420;} #actu_details { max-width: 1260px; margin: 0 auto} #actu_details .titre_castor_80 { text-align:left; padding-top: 0} #actu_details .entete { font-size: 20px; line-height: 21px; font-family: 'Cheddar Gothic Sans Two'; font-weight: 300; color:#FBC420; padding-bottom: 8px; padding-top: 40px} #actu_details .entete.retour { padding-top: 0} #actu_details .entete a { color:#FBC420; } #actu_details #actu_details_crosselling .titre_castor_48 { padding: 70px 0 50px; } #actu_details .layout_listing_produit .titre { max-width: 150px; margin: 0 auto; font-family: 'Cheddar Gothic Sans Two'; font-size: 18px; line-height: 22px; } @media all and (max-width: 1023px) { #actus_listes li { margin-bottom: 40px;} #actus_listes li .visuel { margin-right: 30px;} #actus_listes .entete { padding-top: 5px;} } @media all and (max-width: 767px) { #actus_listes li { display: block} #actus_listes li .visuel { margin: 0 auto 20px; width: 243px; height: 243px; } } /* STORE LOCATOR + boutiques */ .row_locator { max-width: 1250px; margin: 0 auto } .row_locator h1.titre_castor_80, .row_locator .intro_page { text-align: left; max-width: 100%} .row_locator .intro_page { margin-bottom: 40px;} .row_locator .form_search_boutique input { max-width: 380px; border: 1px solid #B5B5B5 !important; padding: 20px !important; /* background: #fff !important;*/ border-radius: 0 !important;} .row_locator .form_search_boutique input::-webkit-input-placeholder { opacity:1; color:#B5B5B5; transition:all 0.3s ease; } .row_locator .form_search_boutique input::-moz-placeholder { opacity:1; color:#B5B5B5; transition:all 0.3s ease;} .row_locator .form_search_boutique input:-ms-input-placeholder { opacity:1; color:#B5B5B5; transition:all 0.3s ease;} .row_locator .form_search_boutique button { height: 63px; margin-left:15px; padding: 4px 20px; } #store_map_liste { margin-top: 40px;} #store_map_liste.hidden { display: none;} #store_map_liste .onglets { display: none } #store_map_liste .onglets li:first-child { padding-right: 10px; } #store_map_liste .onglets li a { transition: all 0.2s ease; font-size: 28px; line-height: 30px; color:#5B3D2F; padding: 4px 20px; font-family: 'Cheddar Gothic Sans Two'; font-weight: normal;text-align: center; } #store_map_liste .onglets li a.actif { color: #FBC420;background: #E51F27;} #flex_content { display: flex; justify-content: space-between; height: 650px;} #flex_content .ctmap { order: 1; width:100%; visibility: visible } #flex_content #colonne_boutique { flex:0 0 470px; order: 2; padding-left: 90px; overflow: auto } #flex_content #boutique-list { padding-right: 20px } #flex_content #boutique-list .boutique { border-top:1px solid #B5B5B5; padding: 18px 0} #flex_content #boutique-list .boutique:first-child { border-top:0; padding-top: 0} #flex_content #boutique-list h3 { font-family: 'castoronew01-regularregular'; font-size: 22px; line-height: 25px; margin-bottom: 5px; font-weight: normal} .map-content { font-size: 14px; font-weight: normal} .map-content h3 { font-family: 'castoronew01-regularregular'; font-size: 28px; line-height: 30px; font-weight: normal; padding-bottom: 10px; } .map-content .btn-primary { font-size: 21px;} #boutiques_details { max-width: 1250px; margin: 0 auto; padding-right: 200px} #boutiques_details .entete { font-size: 20px; line-height: 21px; font-family: 'Cheddar Gothic Sans Two'; font-weight: 300; color:#FBC420; padding-bottom: 30px;} #boutiques_details a { color:#FBC420; } #boutiques_details .conteneur_boutique { display: flex; justify-content: space-between } #boutiques_details .conteneur_boutique > div { width: 460px;} #boutiques_details .conteneur_boutique .visuel { background:#fff; display: flex; align-items: center; justify-content: center; padding: 30px; } #boutiques_details .conteneur_boutique .visuel img { max-width: 100%} #boutiques_details .conteneur_boutique .titre_castor_48:after { content:""; width:217px; height: 1px; display: block; background: #643A2A; margin-top: 25px; margin-bottom: 50px; } #boutiques_details .infos { display: flex; margin: 0 -10px;} #boutiques_details .infos .shortcode_etiquette { margin-top: 10px;} #boutiques_details .infos > div { width: 50%; padding: 0 10px; } #boutiques_details .infos .horaires_speciaux { color:#E51F27;} @media all and (max-width:1500px) { #boutiques_details { padding-right: 0} } @media all and (max-width:1400px) { #flex_content .colonne_boutique { padding-left: 40px;} #boutiques_details .conteneur_boutique > div { width: 47%} } @media all and (max-width: 989px) { #store_map_liste .onglets { display: flex; border-top:1px solid #B5B5B5; padding-top: 40px; margin-top: 0px; margin-bottom: 40px;} #store_map_listem { margin-bottom: 90px; } #flex_content { display: block; height: 420px; position: relative; } #flex_content #colonne_boutique { padding-left: 0; height: 420px } #flex_content .ctmap { height: 400px; margin-top: 0; visibility: hidden; position: absolute; top:0; left:0; right: 0 } #flex_content .ctmap.actif { visibility: visible} } @media all and (max-width: 767px) { .row_locator .form_search_boutique button { width: 100%; margin-left: 0} #boutiques_details .conteneur_boutique { display: block} #boutiques_details .conteneur_boutique > div { width: 100%} #boutiques_details .conteneur_boutique .visuel { margin-bottom: 30px;} #boutiques_details .infos { display: block; margin: 0} #boutiques_details .conteneur_boutique .titre_castor_48 { font-size: 36px; line-height: 42px;} #boutiques_details .conteneur_boutique .titre_castor_48:after { margin-top: 15px; margin-bottom: 25px;} #boutiques_details .infos > div { width: 100%; padding: 0} } /* CLUB BONNETERRE */ .page-template-club-bonneterre { background: url(images/bg_club.jpg) no-repeat } .page-template-club-bonneterre .main_banner .titre_castor_80 { color:#00754A; text-shadow: inherit; max-width: 550px; font-size: 114px; line-height: 104px; padding-top:185px; position: relative } .page-template-club-bonneterre .main_banner .titre_castor_80:before { position: absolute; top:160px; left:-80px; content:""; background:url(images/picto-papillons.svg) no-repeat; width: 180px; height: 177px; background-size: 100% auto; } #leclub {padding-bottom: 30px } #leclub .titre_castor_48 { margin-bottom: 50px} #leclub form { max-width: 894px; margin: 0 auto; } #leclub form h2 { font-family: 'castoronew01-regularregular'; font-size: 18px; font-weight: normal; padding-bottom: 10px; border-top:1px solid #643A2A; padding-top: 15px; } #leclub form h2 span { font-family: 'Source Sans Pro'; font-weight: normal; font-style: italic; display: block; font-size: 14px; padding-bottom: 25px } #leclub form section { background: #fff; margin-bottom: 20px; padding: 50px 40px 20px} #leclub form label { font-size: 16px; font-weight: bold; padding-bottom: 5px; display: block } #leclub input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]), #leclub textarea, #leclub select { padding: 20px 15px; font-style: italic; border: 1px solid #D1D1D1; } /*#leclub ::-webkit-input-placeholder { opacity:1; color:#919191; transition:all 0.3s ease; } #leclub ::-moz-placeholder { opacity:1; color:#919191; transition:all 0.3s ease;} #leclub :-ms-input-placeholder { opacity:1; color:#919191; transition:all 0.3s ease;}*/ #leclub .row { display: flex; padding-bottom: 10px } #leclub .row.nopaddbottom { padding-bottom: 0} #leclub .row [class^="col"] { padding: 0 10px; margin: 0 } #leclub .row .col { flex:0 0 100%;} #leclub .row .col-1-2 { flex:0 0 50%;} #leclub .row .col-1-3 { flex:0 0 33.33%;} #leclub .date_naissance { display: flex; justify-content: space-between } #leclub .date_naissance > span { display: block; flex:0 0 29%} #leclub .date_naissance > span:first-child { } #leclub .wpcf7-list-item { margin-right: 2rem; margin-left: 0; margin-bottom: 1rem } #leclub .wpcf7-list-item.first, #leclub .wpcf7-acceptance .wpcf7-list-item {margin-left: 0} .custom_radio_checkbox { display: inline-block; vertical-align: top; } .custom_radio_checkbox input{ display: none} .custom_radio_checkbox .wpcf7-list-item-label { display: flex; align-items: flex-start; position: relative; font-weight: 600} .custom_radio_checkbox .wpcf7-list-item-label:before { width:20px; height: 20px; flex:0 0 20px; border: 1px solid #D1D1D1; background: #F7F7F7; content: ''; margin-right:0.5rem } .custom_radio_checkbox [type="radio"] + .wpcf7-list-item-label:before{ border-radius: 100% } .custom_radio_checkbox [type="radio"]:checked + .wpcf7-list-item-label:after, .custom_radio_checkbox [type="radio"]:not(:checked) + .wpcf7-list-item-label:after { content:""; width: 12px; height: 12px; background:#643A2A; position: absolute; top: 5px; left: 5px; border-radius: 100%; transition: all 0.2s ease;} .custom_radio_checkbox [type="checkbox"]:checked + .wpcf7-list-item-label:after, .custom_radio_checkbox [type="checkbox"]:not(:checked) + .wpcf7-list-item-label:after { content: '\2713\0020'; position: absolute; top:4px; left:6px; line-height:1; color: #303038; transition: all 0.2s ease; } .custom_radio_checkbox input:not(:checked) + .wpcf7-list-item-label:after { opacity: 0; transform: scale(0);} .custom_radio_checkbox input:checked + .wpcf7-list-item-label:after { opacity: 1; transform: scale(1);} #leclub .obl { font-size: 14px; padding-bottom: 20px; } #leclub .accept { text-align: center } #leclub .accept label { font-weight: normal } #leclub .accept .custom_radio_checkbox .wpcf7-list-item-label { font-weight: normal} #leclub .sub { text-align: center; padding-bottom: 30px;} #leclub .sub .btn-primary { padding: 15px 50px;} #popin_club { padding: 0; max-width: 705px; } #popin_club .conteneur_club { display: flex; background-image: url("images/bg_popup.png"); } #popin_club .conteneur_club .visuel { flex:0 0 44.5%; background-size: cover; background-position: center} #popin_club .conteneur_club .content { flex:0 0 56.5%; padding: 45px 20px} #popin_club .logo_bonneterre { padding-bottom: 20px;} #popin_club .logo_club { padding-bottom: 20px;} #popin_club .logo_club img { margin-left: -24px} #popin_club .txt { letter-spacing: 1px; padding-bottom: 20px;} .fclub { position: absolute; right: 10px; top:0} .fclub img { width: 200px; margin: 14px 50px 0 0} .wpcf7-form.sent > section, .wpcf7-form.sent .row {display: none!important} .wpcf7 form .wpcf7-response-output {font-weight: 600; } .wpcf7 form.sent .wpcf7-response-output {border-color: #00754a; text-align: center} @media (max-width: 1200px) { .page-template-club-bonneterre { background: none } } @media (max-width: 767px) { .page-template-club-bonneterre .main_banner { min-height: 190px;} .page-template-club-bonneterre .main_banner .titre_castor_80 { font-size: 40px; line-height: 40px; padding: 0; max-width: 220px; } .page-template-club-bonneterre .main_banner .titre_castor_80:before { width: 85px; left:-35px; top:-20px;} #leclub .titre_castor_48 { margin-bottom: 20px} #leclub form section { padding: 30px 15px 0} #leclub .row [class^="col"] { flex: 0 0 100%} #leclub .accept { text-align: left} #popin_club .conteneur_club { flex-direction: column} #popin_club .conteneur_club .visuel { flex:0 0 100%; height: 15vh; min-height:15vh; order: 2} #popin_club .conteneur_club .content { flex:0 0 100%; order: 1} .fclub { position: inherit; top:inherit; right: inherit; text-align: center; margin-bottom: -30px; overflow: hidden} .fclub img {margin: 20px 14px 40px 0; } } /*********************[LAYOUT]****************************/ body { font:100%/1.4 'Source Sans Pro', Arial, Verdana, sans-serif; color:#643A2A; font-size:16px; background: #fafafa } #wrapper { padding-left: 320px; padding-bottom: 50px ;/*padding-top:40px*/; } #main { min-height: 90vh; padding-bottom: 60px; animation: fadein .5s; } .center_site { max-width:1000px; margin:0 auto; position:relative;} .clear { clear:both; } /* Table */ .tab { display: table; width: 100%} [class^="tab-row"] { display: table-row; } [class^="tab-cell"] { display: table-cell; vertical-align: top;} [class^="tab-cell-middle"] { vertical-align: middle;} [class^="tab-cell-bottom"] { vertical-align: bottom;} /* Flex */ .flex { display: flex;} .Vtop{ align-items: flex-start; align-self: flex-start; } .Vcenter { align-items: center; align-self: center; } .Vbottom { align-items: flex-end; align-self: flex-end; } .Hstart {justify-content: flex-start; } .Hend { justify-content: flex-end; } .Hcenter { justify-content: center; } .Hbetween { justify-content: space-between; } .Haround { justify-content: space-around; } /* Responsive */ .row { padding: 0 10px; margin:0 auto; position: relative; display: flex; flex: 1 1 auto; flex-wrap: wrap; clear: both;} .row.full { max-width: 100%; padding:0} .row .row { max-width: 100%; padding:0 } .row [class^="col-"] { margin-left:1.25%; } .row [class^="col-"]:first-child { margin-left: 0; } .col-1-20 { width:3.8125%; } .col-2-20 { width:8.875%; } .col-3-20 { width:13.9375%; } .col-4-20 { width:19%; } .col-5-20 { width:24.0625%; } .col-6-20 { width:29.125%; } .col-7-20 { width:34.1875%; } .col-8-20 { width:39.25%; } .col-9-20 { width:44.3125%; } .col-10-20 { width:49.375%; } .col-11-20 { width:54.4375%; } .col-12-20 { width:59.5%; } .col-13-20 { width:64.5625%; } .col-14-20 { width:69.625%; } .col-15-20 { width:74.6875%; } .col-16-20 { width:79.75%; } .col-17-20 { width:84.8125%; } .col-18-20 { width:89.875%; } .col-19-20 { width:94.9375%; } .col-20-20 { width:100%; } @media all and (max-width: 767px) { .hide_mobile { display:none;} .tab, [class^="tab-row"], [class^="tab-cell"] { display: block; width: 100%; } .row [class^="col-"] { margin:0 !important; width: 100% !important;} html #wpadminbar { min-width: 0 !important; top:0 !important; bottom: inherit !important; position: fixed !important; height: auto !important; } html #wpadminbar #wp-admin-bar-customize, #wpadminbar li#wp-admin-bar-new_draft, html #wpadminbar .wpseo-score-icon { display: none !important;} } @keyframes fadein { from { opacity: 0} to { opacity: 1} } /********[HEADER]********/ #header { position:fixed; top:0; left:0; bottom:0; background: #fff; width:310px; padding:40px 0 0 0; z-index: 9999 } .hamburger, #hmenu .arrow { display:none;} .hlogo { text-align: center; padding: 0 15px } .hlogo img { max-width: 100%} #hmobile { padding: 80px 30px 30px;} #hsearch form input[type=search] { margin-bottom: 0; background:#F5F5F5 url(images/picto-loupe.svg) no-repeat 15px center; border:0; height: 35px; border-radius: 35px; padding: 0 15px 0 50px } #hsearch form input[type=submit] { display: none} .hclub img { max-width: 100%; text-align: center; } .hlabels { text-align: center; line-height:0; border-top: 1px solid #643A2A; padding-top:9px; margin-top: 9px; } .hlabels img { max-width: 100%} #hsocial { display: flex; justify-content: space-between; border-top: 1px solid #643A2A; margin-top: 9px; padding-top: 23px } #hsocial > div:nth-child(1) { flex:0 0 100px; } #hsocial > div:nth-child(2) { flex:0 0 150px; } #hsocial .hcontact {text-align: center } #hsocial .hcontact a { padding-top: 30px; display: inline-block; vertical-align: top; background: url(images/picto-contact.svg) no-repeat center top; font-family: 'Cheddar Gothic Sans Two'; font-size: 19px; font-weight: bold; color:#00754A} #hsocial .hcontact a:hover { color:#E51F27; background: url(images/picto-contact-hover.svg) no-repeat center top;} #hreseaux { padding: 0 0px 0 15px; font-size: 0; text-align: center } #hreseaux li { display:inline-block; vertical-align: top; margin:0 3px 0; } #hreseaux li a { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; background: #E51F27; border-radius: 36px; transition:all 0.2s ease;} #hreseaux li a:hover { background: #00754A} #hmenu { padding: 50px 0 86px} #hmenu > ul > li { display:block; vertical-align:top; position:relative; font-weight: 900; text-align: left; border-top: 1px solid #FBC420; padding: 10px 0} #hmenu > ul > li:first-child { border-top: 0} #hmenu > ul > li:first-child a { position: relative; transition:all 0.3s ease} #hmenu > ul > li:first-child a:hover:before, #hmenu > ul > li:first-child a.actif:before { opacity: 1; visibility: visible;} #hmenu > ul > li:first-child a:before { transition:all 0.3s ease; opacity: 0; visibility: hidden; content:""; position: absolute; right: 0; top:7px; background:url(images/fleche_jaune_btn.svg) no-repeat right center; display: inline-block; width: 12px; height:16px; background-size: auto; } #hmenu > ul > li > a { padding:3px 10px; font-size: 16px; text-transform: uppercase; display: block; transition:all 0.3s ease; } #hmenu ul li a:hover, #hmenu > ul > li.actif > a { color:#FBC420} #hmenu > ul > li:first-child a.actif { color:#FBC420} #ssmenu { position: absolute; top:0; bottom:0; left: 310px; width: 310px; background: #fff url(images/ssmenu_bg.png) repeat-y left top; opacity: 0; visibility: hidden; transition:all 0.3s ease;} #ssmenu.actif { opacity: 1; visibility: visible} #ssmenu .visuel { height: 435px; background-size: cover; background-position: center; background-color:#000000; } #ssmenu .retour { padding: 30px 30px 0 30px; display: none;} #ssmenu .retour span { background:url(images/fleche_jaune_btn.svg) no-repeat right center; display: inline-block; position: relative; top:3px; margin-right: 9px; width: 12px; height:16px; background-size: auto; transform: rotate(180deg)} #ssmenu .retour a { font-size:14px; color:#FBC420; text-transform: uppercase; font-weight: 900; } #ssmenu .ssmenu_liste { padding: 30px; font-weight: 900;} #ssmenu .ssmenu_liste li { display: block; vertical-align: top;position: relative;font-weight: 900;text-align: left;border-top: 1px solid #FBC420;padding: 10px 0; } #ssmenu .ssmenu_liste li:first-child { border: 0; padding-top: 5px} #ssmenu .ssmenu_liste > li > a { padding:3px 10px; font-size: 18px; text-transform: uppercase; display: block; transition:all 0.3s ease; } #ssmenu .ssmenu_liste > li > a:hover { color:#FBC420; } /********[FOOTER]********/ #footer { background:#00754a; position: fixed; left:0; bottom:0; right: 0; text-align: center; color:#fff; font-size: 13px; z-index: 99999; padding: 18px 20px; opacity:0; visibility: hidden; transition:all 0.2s ease; } #footer.actif {opacity:1; visibility: visible} #footer li { display: inline; padding:5px 30px;} #footer li a { color:#fff; text-transform: uppercase} #footer li a:hover { text-decoration: underline} .flogos_mobile { display: none} /* Diminution header si hauteur < 1121 */ @media all and (min-width:1201px ) and (max-height: 1120px) { #header { padding-top: 45px} #hmobile { padding-top: 20px} /*#hsearch form input[type=search] { display: none}*/ #hmenu { padding: 20px 0 20px} .hlogo { padding: 0 45px} .visu_follow { display: none} #hmenu > ul > li > a { font-size: 16px; padding: 3px 10px} } /* Diminution header selon hauteur < 851 */ @media all and (min-width:1101px ) and (max-height: 850px) { #hmenu > ul > li, #ssmenu .ssmenu_liste li { padding: 6px 0} #hmenu > ul > li > a, #ssmenu .ssmenu_liste li a { font-size: 17px; padding:2px 10px; } .hlabels img { max-width: 110px;} } /* Diminution header selon hauteur < 761 */ @media all and (min-width:1201px ) and (max-height: 761px) { #footer { z-index: 999; padding-left:310px;} } @media all and (max-height: 889px) { #ssmenu .visuel { height: 335px} .hlabels { display: none} .hclub img {max-height: 55px} } @media all and (max-width:1279px) { #hmenu > ul > li > a, #ssmenu .ssmenu_liste li a { font-size: 16px; } } @media all and (max-width:1200px), all and (max-height:687px) { #wrapper { padding-bottom: 0} .row { padding: 0 15px} /********[MENU MOBILE]********/ html.menu-open, html.menu-open body { overflow: hidden;} #hmobile { position:absolute; top:100%; left:-100%; width:100%; z-index: 9999; height:100vh; overflow: auto; transition: all 0.3s ease; padding-top: 30px; padding-bottom: 80px; background:#fff; } #hmobile.open { left:0; } .hamburger { position:absolute; top:50%; margin-top:-11px; right:20px; display:block !important; transition:all 0.3s ease; z-index: 9999; background: none; overflow: visible; } .hamburger-box { width: 21px; height: 22px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -2px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 21px; height: 4px; position: absolute; transition:all 0.15s ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -9px; } .hamburger--collapse .hamburger-inner { top: auto; bottom: 0; transition:all 0.15s ease; transition-delay: 0.15s; } .hamburger--collapse .hamburger-inner::after { top: -18px; transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse .hamburger-inner::before { transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse.is-active .hamburger-inner { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.32s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear; } .hamburger--collapse.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); } #hmobile .conteneur_spe { width: 250px; margin-left:auto; margin-right: auto } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { background-color: #00754a; } .is-active .hamburger-inner, .is-active .hamburger-inner::before, .is-active .hamburger-inner::after{ background-color: #00754a;} #wrapper { padding-left: 0; /*padding-top:75px*/} #header { padding:5px 0; position: relative; left:inherit; right: inherit; top: inherit; bottom:inherit; width: 100%; -webkit-box-shadow: 0px 2px 5px 0px rgba(222,222,222,1); -moz-box-shadow: 0px 2px 5px 0px rgba(222,222,222,1); box-shadow: 0px 2px 5px 0px rgba(222,222,222,1);} #header .hlogo { padding: 0 20px} #header .hlogo img { height: 70px; } .hlabels { display: block} #hmobile { text-align: center} #hmobile .conteneur_spe { display: inline-block; position: relative} #hsearch form input[type=search] { background-color: #dedede} #hmenu > ul > li { text-align: left} #ssmenu { left:-310px; text-align: left; background-image: none; width: auto; padding: 0} #ssmenu.actif { left:0} #ssmenu .retour { display: block} #ssmenu .visuel { display: none;} #ssmenu .ssmenu_liste { padding: 19px 0} #ssmenu .retour { padding: 30px 0 0 0} #footer { position: inherit; left:inherit; right: inherit; overflow: hidden } } @media all and (max-width:1023px) { body { font-size: 14px; } #footer li { padding: 5px 15px} .intro_page { margin-bottom: 50px} } @media all and (max-width:767px) { .row { padding: 0 30px} body { font-size: 14px;} #main { padding-bottom: 0} #footer { padding: 13px 15px} #footer li { display: block; padding: 1px 0; font-size: 16px} .flogos_mobile { display: none; text-align: center; line-height: 0; padding: 40px 0 20px} .flogos_mobile img { max-width: 210px;} #hmenu { padding: 35px 0 36px;} #hmenu > ul > li, #ssmenu .ssmenu_liste li { padding: 5px 0} #hmenu > ul > li > a, #ssmenu .ssmenu_liste li a { font-size: 16px;} /* #hsearch form input[type=search] { height: 42px; border-radius: 42px }*/ .hlabels img { max-width: 160px} } .simple-banner-text a {text-decoration:underline}