*{-moz-box-sizing:border-box;box-sizing:border-box}
img{height:auto;max-width:100%}
html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0}
main{display:block}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace;font-size:1em}
a{background-color:transparent;text-decoration-thickness:1px}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration-style:dotted}
code,kbd,samp{font-family:monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}left{border-style:none}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
template{display:none}
[hidden]{display:none}
a:active,a:focus,a:visited{outline:0;border:none}@font-face {
font-family: 'Monigue'; font-display: fallback;
src: url(//www.breizh-surimi.fr/wp-content/themes/wpkr/assets/fonts/Monigue.woff2) format('woff2');
unicode-range: U+20-5F, U+61-7A, U+7C, U+A0, U+A7, U+A9, U+AB, U+B2-B3, U+BB, U+C0, U+C2, U+C6-CB,
U+CE-CF, U+D4, U+D9, U+DB-DC, U+E0, U+E2, U+E6-EB, U+EE-EF, U+F4, U+F9, U+FB-FC, U+FF,
U+152-153, U+178, U+2B3, U+2E2, U+1D48-1D49, U+2010-2011, U+2013-2014, U+2019, U+201C-201D,
U+2020-2021, U+2026, U+202F-2030, U+20AC, U+2212;
} :root {
--transition-all: all 0.4s ease;
--ease: var(--transition-all);
--Global-layout-Global-margin: 120px;
--Global-layout-Gutter: 20px; --font-primary: 'Monigue', sans-serif;
--font-secondary: 'Poppins', sans-serif; --color-blanc: #FFFFFFFF;
--color-noir: #000000FF;
--color-primary: #F6A131FF;
--color-secondary: #212C55FF;
--color-color-3: #218CCCFF;
--color-tertiary:var(--color-color-3);
--color-color-4: #87B127FF;
--color-color-5: #FFEED6FF;
--color-primary-light: #FFEED6FF;
--color-secondary-light: rgb(148, 166, 215);
--color-tertiary-light: rgb(152, 204, 232);
--fond-noir: var(--color-noir);
--fond-blanc: var(--color-blanc);
--fond-primary: var(--color-primary);
--fond-secondary: var(--color-secondary);
--fond-tertiary: var(--color-tertiary);
--fond-primary-light: var(--color-primary-light);
--fond-secondary-light: var(--color-secondary-light);
--fond-tertiary-light: var(--color-tertiary-light);
--border-m: 4px;
--border-s: 2px;
--corner-l: 25px;
--corner-m: 10px;
--corner-s: 5px;
--border-m: 2px;
--border-s: 1px;
--border-width: var(--border-m);
--border-s-width: var(--border-s);
--corner-l: 50px;
--corner-m: 20px;
--corner-s: 10px;
--border-s-radius: var(--corner-s);
--border-radius: var(--corner-m);
--border-l-radius: var(--corner-l);  --filter-blanc: brightness(0) saturate(100%) invert(100%) sepia(0%)
saturate(0%) hue-rotate(345deg) brightness(100%) contrast(104%);
--extra-light: 100;
--light: 200;
--thin: 300;
--normal: 400;
--medium: 500;
--semi-bold: 600;
--bold: 700;
--extra-bold: 800;
--black: 900;
--fs-letter-spacing: 3px;
--Global-layout-interlettrage: var(--fs-letter-spacing); --header-height: 107px;
--scrolled-header-height: 107px; --espace-min: 10px;
}
@media (max-width: 979px) {
:root {
--font-size-html: 14px;
--fs-xxl: 3.57rem; --fs-xl: 3.57rem; --fs-l: 2.14rem; --fs-m: 1.14rem; --fs-base: 1rem; --fs-s: 1rem; --fs-h2: var(--fs-l); --gap-xxl: 150px;
--gap-xl: 50px;
--gap-l: 30px;
--gap-m: 20px;
--gap-base: 10px;
--gap-s: 5px; --container-width: calc((300 / 320) * 100vw);
--diaporama-slide-width:  var(--container-width);
}
}
@media (min-width: 980px) and (max-width: 1179px) {
:root {
--font-size-html: 16px;
--fs-xxl: 4rem; --fs-xl: 3rem; --fs-l: 2rem; --fs-m: 1.14rem; --fs-base: 1rem; --fs-s: 1rem; --fs-xs: 0.8rem; --fs-s: 0.9rem; --fs-h2: var(--fs-l); --gap-xxl: 150px;
--gap-xl: 50px;
--gap-l: 30px;
--gap-m: 20px;
--gap-base: 10px;
--gap-s: 5px;
}
}
@media (min-width: 1180px) and (max-width: 1399px) {
:root {
--font-size-html: 16px;
--fs-xxl: 6.375rem; --fs-xl: 4.625rem; --fs-l: 2.875rem; --fs-m: 1.375rem; --fs-base: 1.125rem; --fs-s: 0.875rem; --fs-xs: 0.8rem; --fs-s: 1rem; --fs-h2: var(--fs-l); --gap-xxl: 150px;
--gap-xl: 50px;
--gap-l: 30px;
--gap-m: 20px;
--gap-base: 10px;
--gap-s: 5px;
}
}
@media(max-width:479px) {
:root {
--box-pad: var(--gap-base);
}
}
@media (min-width: 480px) and (max-width: 639px) {
:root {
--container-width: 433px;
--box-pad: var(--gap-base);
}
}
@media (min-width: 640px) and (max-width: 767px) {
:root {
--container-width: 620px;
--box-pad: var(--gap-m);
}
}
@media (min-width: 768px) and (max-width: 979px) { :root {
--container-width: 660px;
--box-pad: var(--gap-m);
}
}
@media (min-width: 980px) {
:root {
--diaporama-slide-width: calc(((2 * var(--container-width)) - (2 * var(--total-space-h))) / 3);
--Global-layout-Gutter: 20px;
}
}
@media (min-width: 980px) and (max-width: 1179px) { :root {
--container-width: 906px;
--header-height: 107px;
--scrolled-header-height: 80px;
--box-pad: var(--gap-m);
}
}
@media (min-width: 1180px) and (max-width: 1399px) { :root {
--container-width: 1100px;
--box-pad: var(--gap-m);
}
}
@media(max-width:1399px) {
:root {
--lh-xxl: 0.95em; 
--lh-xl: 0.95em; 
--lh-l: 0.95em;
--lh-m: 1.25em; 
--lh-base: 1.375em; --lh-s: 1em;   
}   
}
@media (min-width: 1400px) { :root {
--container-width: 1360px;
--font-size-html: 16px; --fs-xxl: 9.375rem; --fs-xl: 5.625rem; --fs-l: 2.875rem; --fs-m: 1.375rem; --fs-base: 1.125rem; --fs-s: 0.875rem;  --lh-xxl: 15.625rem; --lh-xl: 5rem; --lh-l: 2.75rem; --lh-m: 1.625rem; --lh-base: 1.5rem; --lh-s: 1rem; --fs-h2: var(--fs-l); --gap-xxl: 200px;
--gap-xl: 100px;
--gap-l: 60px;
--gap-m: 40px;
--gap-base: 20px;
--gap-s: 10px;
--box-pad: var(--gap-m);
--header-height: 107px;
--scrolled-header-height: 80px;
--diaporama-slide-width:880px;
}
.w-66 {
width: 880px!important;
}
.diapo_plus_nav.w-66.s-w100.petit_container .diaporama.w-100 {
width:880px;
margin: 0 auto;
}
}
:root {
--Spaces-XS: 20px;
--Spaces-XXS: 10px;
--fs-html: var(--font-size-html);
--gap : var(--gap-base);
--space-v: var(--gap);
--space-h: var(--gap);
--texte-gap: var(--gap);
--box-pad-m: var(--gap-m);
--box-pad-s: var(--gap-s);
--box-pad: var(--gap);
--edito-padding: var(--gap-s); --section-gap: var(--gap-xl);
--diaporama-slide-aspect-ratio: 16 / 9;
--fs-bouton: var(--fs-base);
--lh-bouton: var(--lh-base);
} .fs-xs {
font-size: var(--fs-xs);
line-height: var(--lh-xs);
}
.fs-s {
font-size: var(--fs-s);
line-height: var(--lh-s);
}
.fs-base {
font-size: var(--fs-base);
line-height: var(--lh-base);
}
.fs-m {
font-size: var(--fs-m);
line-height: var(--lh-m);
}
.fs-l {
font-size: var(--fs-l);
line-height: var(--lh-l);
}
.fs-xl {
font-size: var(--fs-xl);
line-height: var(--lh-xl);
}
.fs-xxl {
font-size: var(--fs-xxl);
line-height: var(--lh-xxl);
}
.fs-xxxl {
font-size: var(--fs-xxxl);
line-height: var(--lh-xxxl);
}@media (min-width: 1280px) {
.sticky {
position: sticky;
left: 0;
top: 138px;
transition: all 0.3s;
}
.sticky[data-stuck] {
top: 0;
}
}
.modaal-content-container #mouse-circle,
.modaal-content-container #top_header,
.modaal-content-container #site-header,
.modaal-content-container #site-footer,
.modaal-content-container .breadcrumb,
.modaal-content-container #sub_footer {
display: none;
}
.modaal-content-container #main {
padding-top: 0;
} .ease,
.ease:before,
.ease:after {
-webkit-transition: var(--ease);
-o-transition: var(--ease);
transition: var(--ease);
}
.transition-all,
.transition-all:before,
.transition-all:after {
-webkit-transition: var(--transition-all);
-o-transition: var(--transition-all);
transition: var(--transition-all);
} .block {
display: block;
}
.tac {
text-align: center;
}
.uppercase {
text-transform: uppercase;
}
.soulignement {
text-decoration: underline;
}
.relative {
position: relative;
}
.ov_h {
overflow: hidden;
}
.radius,
.box-radius,
.rounded {
overflow: hidden;
border-radius: var(--border-radius);
}
.s-radius,
.s-rounded {
overflow: hidden;
border-radius: var(--border-s-radius);
}
.under {
position: absolute;
z-index: 0;
overflow: hidden;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.under img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.over {
position: relative;
z-index: 1;
}
.deborde {
max-width: none;
}
.invizib {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.cover_link {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
cursor: pointer;
}
.obfscured_link {
cursor: pointer;
}
.hide_text_link {
font-size: 0;
color: rgba(255, 255, 255, 0);
}
@media (max-width: 979px) {
.s-pad {
padding: var(--box-pad);
}
.s-nopad {
padding: 0;
}
.s-x-pad {
padding-left: var(--box-pad);
padding-right: var(--box-pad);
}
.s-x-nopad {
padding-left: 0;
padding-right: 0;
}
.s-y-pad {
padding-top: var(--box-pad);
padding-bottom: var(--box-pad);
}
.s-y-nopad {
padding-top: 0;
padding-bottom: 0;
}
.desktop_only {
display: none !important;
}
.tablette_only {
display: none !important;
}
} @media (min-width: 980px) and (max-width: 1279px) {
.m-pad {
padding: var(--box-pad);
}
.m-nopad {
padding: 0;
}
.m-x-pad {
padding-left: var(--box-pad);
padding-right: var(--box-pad);
}
.m-x-nopad {
padding-left: 0;
padding-right: 0;
}
.m-y-pad {
padding-top: var(--box-pad);
padding-bottom: var(--box-pad);
}
.m-y-nopad {
padding-top: 0;
padding-bottom: 0;
}
.mobile_only {
display: none !important;
}
.tablet_only {
display: block !important;
}
}
@media (min-width: 1280px) {
.l-pad {
padding: var(--box-pad);
}
.l-nopad {
padding: 0;
}
.l-x-pad {
padding-left: var(--box-pad);
padding-right: var(--box-pad);
}
.l-x-nopad {
padding-left: 0;
padding-right: 0;
}
.l-y-pad {
padding-top: var(--box-pad);
padding-bottom: var(--box-pad);
}
.l-y-nopad {
padding-top: 0;
padding-bottom: 0;
}
.mobile_only {
display: none !important;
}
.tablette_only {
display: none !important;
}
}
.grid,
.grid-s3 {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr var(--gap) 1fr var(--gap) 1fr;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: var(--gap);
grid-row-gap: var(--gap);
}
.grid-s2 {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.grid-s1 {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
@media (min-width: 480px) {
.grid-m2 {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 768px) {
.grid-l3 {
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
} .flex-column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.flex-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.flex-grow {
flex-grow: 1;
}
.flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-aic {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.flex-aifs {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.flex-aife {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.flex-ais {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.flex-jcc {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.flex-jcfs {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.flex-jcfe {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.flex-jcs {
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
}
.flex-jcsb {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.flex-jcsa {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.flex-jcse {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}  .flex-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.gap,
.gapped {
gap: var(--gap);
--space-h: var(--gap);
--space-v: var(--gap);
}
.gap-h {
column-gap: var(--gap);
--space-h: var(--gap-s);
}
.gap-v {
row-gap: var(--gap);
--space-v: var(--gap-s);
}
.gap_s,
.gap-s {
gap: var(--gap-s);
--space-h: var(--gap-s);
--space-v: var(--gap-s);
}
.gap_m,
.gap-m {
gap: var(--gap-m);
--space-h: var(--gap-m);
--space-v: var(--gap-m);
}
.gap_l,
.gap-l {
gap: var(--gap-l);
--space-h: var(--gap-l);
--space-v: var(--gap-l);
}
:root {
--total-space-h: var(--space-h);
}
.cols_1 {
--total-space-h: 0;
}
.cols_2 {
--total-space-h: var(--space-h);
}
.cols_3 {
--total-space-h: calc(2 * var(--space-h));
}
.cols_4 {
--total-space-h: calc(3 * var(--space-h));
}
.cols_5 {
--total-space-h: calc(4 * var(--space-h));
}
.cols_6 {
--total-space-h: calc(5 * var(--space-h));
}
.cols_7 {
--total-space-h: calc(6 * var(--space-h));
}
.cols_8 {
--total-space-h: calc(7 * var(--space-h));
}
.cols_9 {
--total-space-h: calc(8 * var(--space-h));
}
.cols_10 {
--total-space-h: calc(9 * var(--space-h));
}
.cols_11 {
--total-space-h: calc(10 * var(--space-h));
}
.cols_12 {
--total-space-h: calc(11 * var(--space-h));
}
.w-10 {
width: calc((100% - var(--total-space-h)) * 0.1);
}
.w-20,
.w1-5 {
width: calc((100% - var(--total-space-h)) * 0.2);
}
.w-25,
.w1-4 {
width: calc((100% - var(--total-space-h)) * 0.25);
}
.w-30 {
width: calc((100% - var(--total-space-h)) * 0.3);
}
.w-33,
.w1-3 {
width: calc((100% - var(--total-space-h)) / 3);
}
.w-40 {
width: calc((100% - var(--total-space-h)) * 0.4);
}
.w-50,
.w1-2 {
width: calc((100% - var(--total-space-h)) * 0.5);
}
.w-60 {
width: calc((100% - var(--total-space-h)) * 0.6);
}
.w-66,
.w2-3 {
width: calc((200% - (2 * var(--total-space-h))) / 3);
}
.w-70 {
width: calc((100% - var(--total-space-h)) * 0.7);
}
.w-75,
.w3-4 {
width: calc((100% - var(--total-space-h)) * 0.75);
}
.w-80,
.w4-5 {
width: calc((100% - var(--total-space-h)) * 0.8);
}
.w-90 {
width: calc((100% - var(--total-space-h)) * 0.9);
}
.w-100 {
width: 100%;
}
.real-10 {
width: 10%;
}
.real-20 {
width: 20%;
}
.real-25 {
width: 25%;
}
.real-33 {
width: calc(100% / 3);
}
.real-40 {
width: 40%;
}
.real-50 {
width: 50%;
}
.real-60 {
width: 60%;
}
.real-66 {
width: 66%;
}
.real-70 {
width: 70%;
}
.real-75 {
width: 75%;
}
.real-80 {
width: 80%;
}
.flex-stretch > * {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
@media (max-width: 1279px) {
.m-w100 {
width: 100%;
}
.m-w50 { width: calc((100% - var(--total-space-h)) * 0.5);
}
.m-w33 { width: calc((100% - var(--total-space-h)) / 3);
}
.m-block {
display: block;
}
.m-pad0 {
padding: 0;
}
.m_cols_2 {
--total-space-h: var(--space-h);
}
.m_cols_3 {
--total-space-h: calc(2 * var(--space-h));
}
}
@media (max-width: 979px) {
.s-block {
display: block;
}
.s-pad0 {
padding: 0;
}
.s-w50 { width: calc((100% - var(--total-space-h)) * 0.5);
}
.s-w100 {
width: 100%;
}
.s_cols_2 {
--total-space-h: var(--space-h);
}
.s_cols_3 {
--total-space-h: calc(2 * var(--space-h));
}
}
@media (max-width: 639px) {
.xs-w100 {
width: 100%;
}
.xs-block {
display: block;
}
.xs-pad0 {
padding: 0;
}
.xs_cols_2 {
--total-space-h: var(--space-h);
}
.xs_cols_3 {
--total-space-h: calc(2 * var(--space-h));
}
}
@media (max-width: 479px) {
.xxs-w100 {
width: 100%;
}
.xxs-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.xxs-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.m-0 {
margin: 0;
}
.mx-0 {
margin-left: 0;
margin-right: 0;
}
.my-0 {
margin-top: 0;
margin-bottom: 0;
}
.mt-0 {
margin-top: 0;
}
.mb-0 {
margin-bottom: 0;
}
.ml-0 {
margin-left: 0;
}
.mr-0 {
margin-right: 0;
}
.p-0 {
padding: 0;
}
.px-0 {
padding-left: 0;
padding-right: 0;
}
.py-0 {
padding-top: 0;
padding-bottom: 0;
}
.pt-0 {
padding-top: 0;
}
.pb-0 {
padding-bottom: 0;
}
.pl-0 {
padding-left: 0;
}
.pr-0 {
padding-right: 0;
}
.pad {
padding: var(--box-pad);
}
.pad-s {
padding: var(--box-pad-s);
}
.pad-m {
padding: var(--box-pad-m);
}
.pad-y {
padding: var(--box-pad) 0;
}
.border {
border: var(--border-width) solid;
}.slick-slider {
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging    {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before, .slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
.slick-track {
display: flex!important;
flex-direction:row;
align-items:center;
justify-content:flex-start;
}
.slick-initialized .slider-inte.slick-slide {
height: 100%;
float:none;
display: flex;
flex-direction: column; justify-content: center;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-prev,
.slick-next {
display:block!important;
position:absolute;
z-index:2;
top:50%;
transform:translateY(-50%);
right:0px;
height:53px;
width:53px;
border:1px solid var(--blanc);
border-radius:0;
background:var(--blanc);
font-size:0;
cursor:pointer;
}
.slick-prev {
left: 0px;
right: auto;
z-index: 2;
}
.slick-prev:before,
.slick-next:before {
display:block;position:absolute;
top:50%;
left:50%;
z-index:1;
transform:translate3d(-50%,-50%,0);
font-size:22px;    
color:var(--noir);
cursor:pointer;
}
.slick-prev:before {
content:'<';
}
.slick-next:before {
content:'>';
}
@media (max-width: 1023px) {
.slick-next {
right: 0;
}
.slick-prev {
left: 0;
}
}
.slick-dots {
display: flex;
justify-content: center;
align-items: center;
margin: 20px 0 0 0;
padding-left: 0;
}
.slick-dots li {
list-style-type: none;
padding: 0;
margin: 0 0.5rem;
}
.slick-dots li:before {
display: none;
}
.slick-dots li button {
background: var(--violet);
height: 15px;
width: 15px;
padding: 0;
border-radius: 50%;
border: none;
font-size: 0;
cursor: pointer;
}
.slick-dots li.slick-active button {
background: var(--rose);
}#header {
position: fixed;
z-index: 3;
width: 100%;
height: var(--header-height);
}
#header > div {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#header .logo {
position: absolute;
z-index: 80;
width: 134px;
margin-left: 0;
}
#header .logo > a > img:not(.logo_main) {
display: none;
} header .menu ul {
margin: 0;
padding: 0;
}
header .menu .menu-item {
list-style: none;
color: var(--color-blanc);
}
#menu_top {
position: relative;
z-index: 8;
}
#menu_top ul li.contact a:hover {
background-color: var(--color-tertiary);
background-image: url(//www.breizh-surimi.fr/wp-content/themes/wpkr/images/base/bouton_blanc.svg);
color: var(--color-blanc);
}
#menu_top ul li.linkedin {
background: none;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#menu_top ul li.linkedin a {
display: inline-block;
aspect-ratio: 1;
width: auto;
border: 1px solid var(--color-tertiary);
}
@media (max-width: 1199px) {
#header > div.container {
width:100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
padding: var(--gap-m);
height: var(--header-height);
position: relative;
align-items: center;
background: white;
}
#header .container:before {
content: ""; 
position: absolute; 
top: 100%;
background:url(//www.breizh-surimi.fr/wp-content/themes/wpkr/images/custom/vague_header_mobile.svg) left top / auto repeat-x;
left: 0;
width: 100%;
height: 5px;
z-index:3;
-webkit-filter: drop-shadow( 0 0 5px rgba(0,0,0,0.2));
filter: drop-shadow( 0 0 5px rgba(0,0,0,0.2));
pointer-events: none;
}
#header .container:after {
content:'';
position: absolute;
top:100%;
left:0;
width:100%;
height:13px;
background:white;
z-index:4;
-webkit-transform:translateY(-12px);
-ms-transform:translateY(-12px);
transform:translateY(-12px);
pointer-events:none;
}
body.open #header {
background: var(--color-blanc);
}
#header .logo {
position: absolute;
left: var(--gap-m);
top: var(--gap-m);
z-index: 9;
z-index: 0;
}
#header.header_landing .logo {
left:50%;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
}
#header .logo,
#header .logo a,
#header .logo a img {
width: 134px;
height: 77px;
display: inline-block;
}
#header .logo a img {
-o-object-fit: contain;
object-fit: contain;
}
#menu_top ul li.linkedin a {
height: 42px;
background: var(--color-blanc) url(//www.breizh-surimi.fr/wp-content/themes/wpkr/images/base/linkedin.svg) no-repeat
center / 55%;
}
#header a.bouton {
padding: 0.7rem 2.2em 0.7rem 0.7rem;
color: var(--color-tertiary);
border-color: var(--color-tertiary);
background: url(//www.breizh-surimi.fr/wp-content/themes/wpkr/images/base/bouton_tertiary.svg) no-repeat right 0.7rem
center / 1rem;
}
#menu_top ul li.contact {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
margin-bottom: 1.5em;
}
#menu_top ul li.contact a {
border: 1px solid;
background: var(--color-blanc) url(//www.breizh-surimi.fr/wp-content/themes/wpkr/images/base/bouton_tertiary.svg)
no-repeat right 1em center / 1.25em;
display: block;
font-family: var(--font-primary, Anton);
font-size: var(--fs-h3, 18px);
font-style: normal;
font-weight: 400;
line-height: var(--lh-h3, 22px);
letter-spacing: var(--Global-layout-interlettrage, 1px);
text-transform: uppercase;
color: var(--color-tertiary);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: var(--gap-s, 10px);
} body.open #header {
height: 100vh;
overflow-y: scroll;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
body.open #header .logo {
}
body.open #header .logo > a > img.logo_main {
}
body.open #header .logo > a > img:not(.logo_main) {
display: initial;
}
#header .menu {
display: none;
padding: 0 var(--gap-m);
}
#header .menu_container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: flex-start;
-ms-flex-pack: flex-start;
justify-content: flex-start;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1;
}
#menu_principal {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
body.open #header .menu_container {
padding-top: var(--header-height);
}
body.open #header  .container:before {
opacity:0;
}
body.open #header .menu_container .menu {
margin-top: 2rem;
display: block;
width: 100%;
}
body.open #header .logo,
body.open #header a.bouton { }
body.open #header .container { padding-top: 20px;
}
#menu_top ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#menu_top ul li {
width: 100%;
} #togMenu {
position: relative;
top: 0;
right: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 4;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
cursor: pointer;
color: var(--color-secondary);
text-transform: uppercase;
padding: var(--gap-s, 10px);
align-items: center;
gap: var(--gap-s, 10px);
}
#togMenu > span {
color: var(--color-secondary, #fff);
font-family: var(--font-primary, Anton);
font-size: var(--fs-h3, 18px);
font-style: normal;
font-weight: 400;
line-height: var(--lh-h3, 22px); letter-spacing: var(--Global-layout-interlettrage, 1px);
text-transform: uppercase;
}
#togMenu:not(.open) > span {
display:none;
}
#togMenu.open {
width: auto;
}
#togMenu .burger {
display: block;
width: 44px;
height:35px;
position: relative;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
}
.burger span {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.1s;
-o-transition: all 0.1s;
transition: all 0.1s;
position: absolute;
left: 0;
width: 100%;
height: 5px;
background: var(--color-secondary);
border: 0px solid;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
}
#burger span#t1 {
top: 15%;
}
#burger span#t2 {
top: calc(50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
#burger span#t3 {
bottom: calc(15% - 1px);
}
#togMenu.open .burger span {
width: 102%;
height: 5px;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
}
#togMenu.open #burger span#t1 {
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
top: 0;
}
#togMenu.open #burger span#t2 {
display: none;
}
#togMenu.open #burger span#t3 {
-webkit-transform-origin: bottom left;
-ms-transform-origin: bottom left;
transform-origin: bottom left;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
bottom: 0;
}  #header .menu > ul {
width: 100%;
margin: 0 auto;
font-size: 18px;
min-height: calc(100% - 5rem - 48px - 5rem - 4rem);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#header .menu a {
color: var(--color-secondary, #fff);
font-family: var(--font-primary);
font-style: normal;
font-weight: 400;
letter-spacing:0.035em;
text-transform: uppercase;
text-decoration: none;
}
#header .menu > ul > li:not(:last-child) {
margin-bottom: 0;
}
#header .menu-item-has-children > a {
position: relative;
padding-right: 25px;
}
#header #menu_principal > ul > li { }
#header #menu_principal > ul > li > a {
padding-right: 3rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: var(--gap-m, 30px);
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
padding: var(--gap-m) 40px var(--gap-m) 0;
border-bottom: 2px solid;
}
#header .menu > ul > li > .sub-menu { padding-left: 1.88rem;
display: none;
}
#header .menu > ul > li.open > .sub-menu {
display: block;
padding-left:0;
}
#header .menu > ul > li {
position: relative;
}
#header .menu > ul > li .tog {
position: absolute;
right: 0px;
top: var(--gap-m);
z-index: 1;
height: 30px;
width: 40px;
margin-right: 5px;
margin-left: 5px;
background: url(//www.breizh-surimi.fr/wp-content/themes/wpkr/images/base/tog.svg) no-repeat center center / 20px;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 0;
}
.menu_with_submenus .submenu-toggle.active {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
#header .menu > ul > li > .sub-menu > li {
padding: 6px 0;
}
#header .menu > ul > li > .sub-menu a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 8px 0;
font-size:calc(1.25 * var(--fs-m));
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#header .menu > ul > li > .sub-menu a img {
max-width:100px;
aspect-ratio:1;
-o-object-fit:contain;
object-fit:contain;
}
#header .menu a:hover,
#header .menu .current-menu-item > a,
#header .menu .current-menu-parent > a,
#header .menu .current-menu-ancestor > a {
color: var(--color-primary);
}
#menu_top > ul > li.lien-devis.current-menu-item > a {
color: var(--color-blanc);
}
#menu_top {
padding-bottom: var(--header-height);
}
}
@media (min-width: 1200px) {
#header .container {
padding: var(--gap) var(--gap-m);
margin: 0 auto;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: space-between;
height: var(--header-height);
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: white;
}
#header .container:before {
content: ""; 
position: absolute; 
top: 100%;
background:url(//www.breizh-surimi.fr/wp-content/themes/wpkr/images/custom/vague_header.svg) left top / auto repeat-x;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
-webkit-filter: drop-shadow( 0 0 5px rgba(0,0,0,0.2));
filter: drop-shadow( 0 0 5px rgba(0,0,0,0.2));
pointer-events: none;
}
#header .container:after {
content:'';
position: absolute;
top:100%;
left:0;
width:100%;
height:13px;
background:white;
z-index:4;
-webkit-transform:translateY(-12px);
-ms-transform:translateY(-12px);
transform:translateY(-12px);
pointer-events:none;
}
.logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#header.header_landing .logo {
left:50%;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
}
#header .logo img {
-webkit-transition: all 0.3s ease 0.3s;
-o-transition: all 0.3s ease 0.3s;
transition: all 0.3s ease 0.3s;
}
#header #togMenu {
display: none;
}
#header .container {
-webkit-transition: all 0.4s ease 0.2s;
-o-transition: all 0.4s ease 0.2s;
transition: all 0.4s ease 0.2s;
}
#header .menu {
-webkit-transition:
opacity 0.4s ease,
-webkit-transform 0.4s ease 0.3s;
transition:
opacity 0.4s ease,
-webkit-transform 0.4s ease 0.3s;
-o-transition:
opacity 0.4s ease,
transform 0.4s ease 0.3s;
transition:
opacity 0.4s ease,
transform 0.4s ease 0.3s;
transition:
opacity 0.4s ease,
transform 0.4s ease 0.3s,
-webkit-transform 0.4s ease 0.3s;
}
#header {
position: absolute;
} #header .menu_container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 30px;
width: 100%;
}
#header .menu {
text-decoration: none;
}
#header .menu a {
font-size: var(--fs-base);
text-decoration: none;
}
#header .menu > ul {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: var(--gap);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: stretch;
margin: 0;
text-wrap: balance;
position: relative;
z-index: 4;
width: 100%;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
#header .menu > ul > li.gammes {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: unset;
}
#header .menu > ul > li:not(.gammes) {
position:relative;
}
#header .menu > ul > li.menu-item-has-children > a {
padding-right: 18px;
}
#menu_principal > ul > li.menu-item-has-children > a {
background: url(//www.breizh-surimi.fr/wp-content/themes/wpkr/images/base/tog.svg) no-repeat right 0.3em / 10px 10px;
}
#menu_top > ul > li.menu-item-has-children > a {
background: url(//www.breizh-surimi.fr/wp-content/themes/wpkr/images/base/tog.svg) no-repeat right 0.3em / 10px 10px;
}
#menu_top ul li.linkedin a {
height: 48px;
background: url(//www.breizh-surimi.fr/wp-content/themes/wpkr/images/base/linkedin.svg) no-repeat center / 40%;
border: 1px solid var(--color-primary);
}
#menu_principal {
position: relative;
z-index: 1;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
#menu_principal > ul > li {
padding:0 var(--gap) 0 0;
border-right:1px solid var(--color-secondary);
}
#menu_principal > ul > li:last-child {
padding-right:0;
border-right:none;
}
#menu_principal > ul > li > a {
color: var(--color-secondary, #212C55);
text-align: center;
font-family: var(--font-secondary, Poppins);
font-size: var(--fs-base, 16px);
font-style: normal;
font-weight: 700;
line-height: var(--lh-base, 20px); text-transform: uppercase;
}
#header .menu > ul > li .sub-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
background: var(--color-blanc);
top: 100%; text-wrap: nowrap;
z-index: 5;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
gap: 2%;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
pointer-events: none;
-webkit-box-shadow:0px 5px 0 0px rgba(0,0,0,0.125);
box-shadow:0px 5px 0 0px rgba(0,0,0,0.125)
}
#header .menu > ul > li:not(.gammes) .sub-menu {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
left:0;
width:300px;   
padding:calc(2 * var(--gap-l)) 2%  var(--gap) 2%;
}
#header .menu > ul > li.gammes .sub-menu {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
left: calc(var(--gap-m) * -1);
width: calc(100% + (2 * var(--gap-m)));
padding:calc(2 * var(--gap-xl)) 2%  var(--gap-xl) 2%;
}
#header .menu > ul > li:last-child .sub-menu,
#header .menu > ul > li.align_right .sub-menu {
left: auto;
right: 0;
}
#header .menu > ul > li:hover .sub-menu {
opacity: 1;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
pointer-events: all;
}
#header #menu_top > ul > li {
position: relative;
}
#menu_principal > ul > li:not(.gammes) > ul > li {
width:100%;
text-align:left;
} 
#menu_principal > ul > li.gammes > ul > li {
width: 23%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch
}
#menu_principal > ul > li:not(.gammes) > ul > li a {
text-wrap: wrap;
width:100%;
text-align:left;
display:block;
padding:1em ;
color: var(--color-secondary);
font-family: var(--font-secondary);
font-size: var(--fs-base);
font-style: normal;
font-weight: 700;
line-height: var(--lh-base);
text-transform: uppercase;
}
#menu_principal > ul > li > ul > li.menu-item-object-gamme a  {
position:relative;
color: var(--color-primary, #F6A131);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: var(--font-primary);
font-size: var(--fs-l);
font-style: normal;
font-weight: 400;
line-height: var(--lh-l); text-transform: uppercase;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
border: none;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
justify-content:flex-start;
}
.menu-item-object-gamme a:before {
position:absolute;
top:0%;
left:0%;
content:'';
width:100%;
aspect-ratio:1;
background:var(--color-primary-light);
border-radius:50%;
z-index:0;
}
.menu-gamme-image {
aspect-ratio: 1;
-o-object-fit: contain;
object-fit: contain;
position:relative;
margin-bottom:var(--gap);
}
#header .menu .sub-menu .current-menu-item > a {
color: var(--color-primary);
}
#header .menu a:hover,
#header .menu .current-menu-item > a,
#header .menu .current-menu-parent > a,
#header .menu .current-menu-ancestor > a,
#header .menu .sub-menu a:hover {
color: var(--color-tertiary);
}
#menu_top ul li:not(.contact) a {
color: var(--color-primary) !important;
}
#menu_top ul li:not(.contact):hover a {
color: var(--color-tertiary) !important;
}
}
@media (min-width: 1400px) {
#header .container {
width:1360px;
}
#header .menu > ul > li.gammes .sub-menu {
padding: var(--gap-xl) 2%  var(--gap-l) 2%;
}
#header .menu > ul > li:not(.gammes) .sub-menu {
padding:  calc(1.2 * var(--gap-l)) 2% calc(0.5 * var(--gap)) 2%;
}
}#wpsl-gmap .wpsl-info-window {
color: black;
}
.wpsl-gmap-canvas {
width: 50% !important;
} span.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.linkedin,
.youtube,
.facebook,
.instagram {
display: inline-block;
width: 48px;
height: 48px;
background-size: 32px;
background-repeat: no-repeat;
background-color: white;
background-position: center;
}
.linkedin {
background-image: url(//www.breizh-surimi.fr/wp-content/themes/wpkr/images/base/linkedin_blanc.svg);
} #header .linkedin a,
#header .youtube a,
#header .facebook a,
#header .instagram a {
font-size: 0;
height: 100%;
width: 100%;
display: block;
} .otgs-development-site-front-end {
display: none;
} html {
font-size: var(--fs-html);
scroll-behavior: smooth;
}
body {
overflow-x: clip;
overflow-y: auto;
background: var(--color-blanc, #fff);
-webkit-transition: var(--transition-all);
-o-transition: var(--transition-all);
transition: var(--transition-all);
position: relative;
font-size: 1rem;
font-family: var(--font-secondary);
font-optical-sizing: auto;
color: var(--color-secondary);
font-weight: 400;
width: 100%;
scroll-behavior: smooth;
}
#page {
overflow-x: clip;
}
main {
padding-bottom: 0;
min-height: calc(100vh - 100px);
}
article {
overflow-x: clip;
position: relative;
z-index: 1;
}
#landing_entete,
article > section.entete,
.entete_produit {
padding-top:calc(var(--header-height) + var(--gap));
background: var(--color-blanc) url(//www.breizh-surimi.fr/wp-content/themes/wpkr/images/custom/header-1.webp) center center / cover no-repeat;
padding-bottom:calc(var(--gap) + var(--gap-l));
position:relative;
}
#landing_entete:after,
article > section.entete:after,
.entete_produit:after {
content:'';
display:block;
background:url(//www.breizh-surimi.fr/wp-content/themes/wpkr/images/custom/vague-blanche_header_produit.svg) left bottom / contain repeat-x;
width:100%;
position:absolute;
left:0;
bottom:-2px;
height:var(--gap-l);
}
#landing_entete .container{
position:relative;
}
#landing_entete .image_entete {
margin-top:var(--gap-l);
position:relative;
z-index:1;
}
#landing_entete .logo_fond img{
position: absolute;
top:var(--gap-l);
left:0;
width:100%;
-o-object-fit:contain;
object-fit:contain;
z-index:0;
}
.overflow-clip {
overflow: clip !important;
}
section {
position: relative;
z-index: 1;
margin: 0;
}
article section {
margin-bottom: var(--section-gap);
}
section.fond_primary,
section.fond_secondary,
section.fond_tertiary {
padding-top:var(--gap-xl);
padding-bottom:var(--gap-xl);
}
.ancre {
display: block;
height: 0;
visibility: hidden;
}
.container {
width: var(--container-width);
margin-left: auto;
margin-right: auto;
}
.entete {
position: relative;
z-index: 1;
padding-top: calc(var(--header-height) + var(--gap-m));
margin-bottom: calc(0.5 * var(--section-gap));
}
.breadcrumb {
position: relative;
}
a {
color: inherit;
}
a:hover {
cursor: pointer;
}
.partie_texte {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: var(--texte-gap);
}
.no_marges_in > * {
margin: 0;
}
.partie_texte > * {
margin: 0;
}
.partie_texte ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0.25em;
padding-left: 0;
list-style-position: inside;
}
.partie_texte li {
font-size: var(--fs-base);
font-style: normal;
font-weight: 400;
line-height: 125%;
list-style-position: outside;
} .partie_texte h2,
.partie_texte h3,
.partie_texte h4,
.partie_texte p,
.partie_texte ul,
.partie_texte ol,
.partie_texte li,
.partie_texte blockquote {
width: 100%;
margin: 0;
}
.partie_texte p + h2 {
margin-top: 0.5em;
}
@media (max-width: 979px) {
.partie_image + .partie_texte {
margin-top: var(--texte-gap);
}
.partie_texte > *:only-child {
margin-bottom: var(--texte-gap);
}
.partie_image + .partie_texte > *:only-child {
margin-top: var(--texte-gap);
}
}
@media (max-width: 639px) {
.partie_texte + .partie_texte {
margin-top: var(--texte-gap);
}
}
p {
font-size: var(--fs-base, 18px);
font-style: normal;
font-weight: 400;
line-height: var(--lh-base, 28px); }
main ul,
main ol {
font-size: var(--fs-base, 18px);
font-style: normal;
font-weight: 400;
line-height: var(--lh-base, 28px); }
.bouton {
font-size: var(--fs-bouton);
line-height: var(--lh-bouton);
}
main li {
margin: 0;
font-weight: var(--semi-bold);
font-size: var(--fs-base, 18px);
line-height: var(--lh-base);
}
h1,
.h1 {
color: var(--color-primary, #F6A131);
font-family: var(--font-primary, Monigue);
font-size: var(--fs-xl);
font-style: normal;
font-weight: 400;
line-height: var(--fs-xl); text-transform: uppercase;
}
h2,
.h2 {
font-family: var(--font-primary, Monigue);
font-size: var(--fs-l);
font-style: normal;
font-weight: 400;
line-height: var(--fs-l); text-transform: uppercase;
letter-spacing:0.03em;
}
h2 br {
font-size: 0;
line-height: 0;
height: 0;
}
h3,
.h3 {
font-family: var(--font-primary, Monigue);
font-size: calc(1.2 * var(--fs-m));
font-style: normal;
font-weight: 400;
line-height: var(--fs-m); text-transform: uppercase;
letter-spacing: 0.03em;
}
h4,
h5,
h6 {
font-family: var(--font-primary, Monigue);
font-size: var(--fs-m);
font-style: normal;
font-weight: 400;
line-height: var(--lh-m); text-transform: uppercase;
letter-spacing: 0.03em;
}
@media(max-width:979px) {
h2, .h2 {
font-size:calc(0.7 * var(--fs-xl));
line-height:calc(0.7 * var(--fs-xl));
}
h3, .h3 {
font-size:calc(0.7 * var(--fs-l));
line-height:calc(0.7 * var(--fs-l));
}
} .fond_primary {
background: var(--color-primary);
}
.fond_secondary {
color: var(--color-blanc);
background: var(--color-secondary);
}
.fond_primary_light {
background: var(--color-primary-light);
}
.fond_secondary_light {
background: var(--color-secondary-light);
}
.fond_tertiary {
background: var(--color-tertiary);
color: var(--color-blanc);
}
.fond_gris {
background: var(--gris-1);
}
.fond-4 {
background: var(--color-4);
}
.fond-5 {
background: var(--color-5);
} .color-primary,
.txt_primary,
.couleur, {
color: var(--color-primary);
}
.color-secondary,
.txt_secondary,
.secondary_color {
color: var(--color-secondary);
}
.txt_primary_light {
color: var(--color-primary-light);
}
.txt_secondary_light {
color: var(--color-secondary-light);
}
.fond_primay .couleur {
color: var(--color-blanc);
} .squares_on_bottom {
position: relative;
padding-bottom: 50px;
}
.squares_on_bottom:after {
content: "";
position: absolute;
bottom: 0px;
left: 0;
width: 100%;
height: 10px;
background: url(//www.breizh-surimi.fr/wp-content/themes/wpkr/images/custom/ligne_carrees.svg) no-repeat bottom left;
background-size: contain;
} .mot_cle {
color: var(--color-color-5, #FFEED6);
font-family: var(--font-primary, Monigue);
font-size: var(--fs-xxl, 150px);
font-style: normal;
font-weight: 400;
line-height: var(--fs-xxl, 150px); letter-spacing: var(--fs-letter-spacing, 3px);
text-transform: uppercase;
}
h3 span.contour,
h2 span.contour {
background-color: var(--color-secondary, #212C55);
padding: 0.25em 0.25em 0.125em 0.25em;
-webkit-box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.1);
box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.1);
-webkit-transform: rotate(-4deg) translateY(-0.1em);
-ms-transform: rotate(-4deg) translateY(-0.1em);
transform: rotate(-4deg) translateY(-0.1em);
display: inline-block;
font-family: var(--font-primary);
color: var(--color-blanc, white);
font-weight: 400;
font-size:1em;
}
.tertiary {
color: var(--color-tertiary);
}
.color-4 {
color: var(--color-4);
}
.color-5 {
color: var(--color-5);
}
span.span_fond_color {
background: var(--color-secondary);
color: var(--color-blanc);
padding: 0.5rem 1rem;
border-radius: var(--border-radius);
}  .nav-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-bottom: 50px;
gap: var(--gap);
}
.nav-links span.current {
color: var(--color-primary, #21201e);
display: inline-block;
font-family: var(--font-primary);
font-size: var(--fs-base, 18px);
font-style: normal;
font-weight: 400;
line-height: var(--lh-base, 28px); letter-spacing: var(--Global-layout-interlettrage);
text-transform: uppercase;
padding: var(--gap-s, 10px) var(--gap-s, 20px);
}
.nav-links a {
color: var(--color-primary, #21201e);
display: inline-block;
font-family: var(--font-primary);
font-size: var(--fs-base, 18px);
font-style: normal;
font-weight: 400;
line-height: var(--lh-base, 28px); letter-spacing: var(--Global-layout-interlettrage);
text-transform: uppercase;
border: 1px solid var(--color-bordure, #5e5e5e);
padding: var(--gap-s, 10px) var(--gap-s, 20px);
text-decoration: none;
-webkit-transition: var(--ease);
-o-transition: var(--ease);
transition: var(--ease);
}
.bouton {
display: inline-block;
color: var(--color-secondary, #212C55);
leading-trim: both;
text-edge: cap;
font-family: var(--font-secondary, Poppins);
font-size: var(--fs-base, 16px);
font-style: normal;
font-weight: 700;
line-height: var(--lh-base, 20px); text-transform: uppercase;
text-transform: uppercase;
padding: var(--gap-base);
background: var(--color-primary, #F6A131);
-webkit-box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.10);
box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.10);
text-decoration: none;
-webkit-transition: var(--ease);
-o-transition: var(--ease);
transition: var(--ease);
}
.image_et_texte .fond_primary .bouton,
.fond_primary.partie_texte .bouton {
color: var(--color-blanc);
background: var(--color-secondary);
}
.fond_primary .nav-links a {
background-color: var(--color-secondary);
color:var(--color-blanc)
}
@media (hover: hover) {
.nav-links a:hover {
background-color: var(--color-tertiary);
color: var(--color-blanc);
}
.hover_zone_bouton:hover .bouton,
.bouton:hover {
color: var(--color-blanc);
background: var(--color-secondary);
box-shadow:0 0 0 0 rgba(0, 0, 0, 0.10);   
}
.image_et_texte .fond_primary .bouton:hover,
.fond_primary.partie_texte .bouton:hover {
background: var(--color-blanc);
color: var(--color-primary);
}
.fond_secondary.partie_texte .bouton:hover {
background: var(--color-blanc);
color: var(--color-primary);
}
} main ul,
main ol {
padding-left: 0;
list-style-type: none;
}
main .partie_texte ul {
list-style-type: disc;
}
main .partie_texte > *:first-child {
margin-top: 0;
}
main .partie_texte ul {
padding-left: 1em;
}
main .partie_texte ul li {
position: relative;
}
main .partie_texte ul.blocklist {
gap: 0;
list-style-type: none;
margin-left: 0;
padding-left:0;
}
main .partie_texte ul.blocklist li a {
padding: var(--gap-s, 10px) var(--gap-s, 40px);
border-bottom: 1px solid;
text-decoration: none;
color: inherit;
display: block;
width: 100%;
height: 100%;
background: url(//www.breizh-surimi.fr/wp-content/themes/wpkr/images/base/bouton.svg) no-repeat right 1em center / 22px
auto;
}
main .partie_texte ul.blocklist li:first-child a {
border-top: 1px solid;
}
main .fond_secondary .partie_texte ul.blocklist li a {
background: url(//www.breizh-surimi.fr/wp-content/themes/wpkr/images/base/bouton_blanc.svg) no-repeat right 1em center / 22px
auto;
}
#main .partie_texte ul.blocklist li a:hover {
color:var(--color-blanc);
background:var(--color-secondary) url(//www.breizh-surimi.fr/wp-content/themes/wpkr/images/base/bouton_blanc.svg) no-repeat right 1em center / 22px
auto;
}
#main .fond_secondary ul.blocklist li a:hover {
color:var(--color-secondary);
background:var(--color-blanc) url(//www.breizh-surimi.fr/wp-content/themes/wpkr/images/base/bouton_secondary.svg) no-repeat right 1em center / 22px
auto;
}
main .partie_texte ol li {
counter-increment: muffins;
list-style-type: none;
padding-left: 30px;
margin-top: 1.5em;
position: relative;
}
main .partie_texte ol li:before {
content: "0" counter(muffins) ". ";
display: inline-block;
position: absolute;
top: 0px;
left: 0;
z-index: 1;
height: 16px;
width: 28px;
font-size: 1em;
font-family: var(--font-primary);
font-weight: var(--bold);
}
main .partie_texte ol li:nth-child(n + 10):before {
content: counter(muffins) ". ";
}
main .partie_texte ol {
list-style: none;
counter-reset: muffins;
}
ul.tags {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
margin-left: 0;
padding-left: 0;
list-style-type: none;
text-align: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0.5rem;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
ul.tags li {
margin: 0;
padding: 0.5rem 0.9375rem;
background: var(--color-primary);
color: var(--color-blanc);
border-radius: 3.125rem;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: unset;
}
ul.tags li:not(.no_diese):before {
content: "#";
}
blockquote {
margin: 0;
}
a {
color: inherit;
}
h2 a,
h3 a {
text-decoration: none;
}
#main .partie_texte a:not(.bouton):hover {
color: var(--color-primary);
}
#main .fond_primary a:not(.bouton):hover {
color: var(--color-tertiary);
}
@media (min-width: 768px) {
.droite {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.gauche .partie_image .item {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.droite .partie_image .item {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.section_title {
padding-bottom: var(--gap);
margin: 0;
} @media (max-width: 979px) {
.breadcrumb {
display: none;
}
}
#breadcrumbs {
color: var(--color-secondary, #212C55);
font-family: var(--font-secondary, Poppins);
font-size: var(--fs-base, 16px);
font-style: normal;
font-weight: 400;
line-height: var(--lh-base, 20px); }
#breadcrumbs a {
text-decoration:none;
}
#breadcrumbs a:hover {
text-decoration:underline;
}
@media (max-width: 979px) {
.breadcrumb {
display: none;
}
} section.section_bouton a.bouton {
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: var(--gap-m, 40px);
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--gap-base, 20px);
color: var(--color-secondary, #212C55);
leading-trim: both;
text-edge: cap;
font-family: var(--font-primary, Monigue);
font-size: var(--fs-l, 46px);
font-style: normal;
font-weight: 400;
line-height: var(--lh-l, 44px); text-transform: uppercase;
}
section.section_bouton a.bouton:hover {
color:var(--color-blanc);
}
section.section_bouton a.bouton:before,
section.section_bouton a.bouton:after {
content: '';
position: relative;
top: -0.05em;
display: inline-block;
height: 0.72em;
aspect-ratio: 70/32;
margin: 0 var(--gap);
position: relative;
background: url(//www.breizh-surimi.fr/wp-content/themes/wpkr/images/custom/ligne_bretonnes_bleues.svg) no-repeat center / contain;
}  .point_cle {
padding: var(--gap-base);
border-radius: var(--corner-s, 10px);
border: 1px solid var(--color-secondary, #212C55); 
}
.etape {
padding:var(--gap) 0 0 0;
border-top:1px solid;
}
.etape:last-child {
border-bottom:1px solid;
padding:var(--gap) 0;
}
.section_recette_archive .recette_card {
border: 2px solid var(--color-primary);
border-radius: var(--border-radius);
}
.section_recettes_liees {
padding: calc(2 * var(--gap-m)) 0;
position:relative;
background-color: var(--color-primary);
margin-top:calc(0.66 * var(--gap-xxl));
}
.section_recettes_liees:after {
content:'';
display:block;
background:url(//www.breizh-surimi.fr/wp-content/themes/wpkr/images/custom/_vaguesx2.svg) left bottom / contain repeat-x;
width:100%;
position:absolute;
left:0;
top: -44px;
height: 60px;
}
.titre_recettes {
margin: 0 0 var(--gap-m, 40px) 0;
}
#home_recettes .titre_recettes {
}
.titre_recettes h2 {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
color: var(--color-blanc, white);
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;  
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.page-template-default .section_recettes_liees .titre_recettes h2,
#home_recettes .titre_recettes h2 {
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
}
@media(min-width:980px) {
section:not(#home_recettes) .titre_recettes h2:before,
section:not(#home_recettes) .titre_recettes h2:after {
content: '';
position: relative;
top:-0.05em;
display: inline-block;
height: 0.72em;
aspect-ratio: 70/32;
background: url(//www.breizh-surimi.fr/wp-content/themes/wpkr/images/custom/ligne_bretonnes_blanches.svg) no-repeat center / contain;
margin: 0 var(--gap);
position: relative; 
}
}
.carrousel_recettes  .slick-list {
overflow: visible;
}
.carrousel_recettes .slick-track {
gap: var(--gap);
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
} .recette_card {
border-radius: var(--corner-m, 20px);
background: var(--color-blanc, #FFF);
-webkit-box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.15);
box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.15);
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-transition: var(--transition-all);
-o-transition: var(--transition-all);
transition: var(--transition-all);
}
.carrousel_recettes .recette_card {
width: calc(100vw - (5 * var(--gap)));
max-width: 398px;
}
.recette_card:hover {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}
.recette_card_image {
width: 100%;
aspect-ratio: 16 / 10;
overflow: hidden;
position: relative;
}
.recette_card_image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.recette_card_content {
padding: var(--gap, 20px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: var(--gap-s, 10px);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.recette_card_titre {
color: var(--color-primary, #F6A131);
text-align: center;
leading-trim: both;
text-edge: cap;
font-size: var(--fs-l, 46px);
font-style: normal;
line-height: var(--lh-l, 44px); }
.recette_card_titre span {
display:block;
color: var(--color-secondary, #212C55);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: var(--font-secondary, Poppins);
font-size: var(--fs-m, 22px);
font-style: normal;
font-weight: 400;
line-height: var(--lh-m, 28px); text-transform: uppercase;
margin-top: var(--gap);
margin-bottom: var(--gap);
}
@media (max-width: 639px) {
.recette_card_content {
padding: var(--gap-s, 10px);
}
}
.arrows_placeholder {
position: relative;
width: 126px;
height: 53px;
margin-top: 20px;
}
.arrows_placeholder button {
border-radius:50%;
width:53px;
height:53px;
border:3px solid;
}  .fond_blanc {
background: var(--color-blanc);
}
@media (max-width: 639px) {
.image_et_texte .fond_primary {
padding: calc(2 * var(--gap));
}
}
.image_et_texte .mascotte {
position:absolute;
z-index:2;
width:150px;
aspect-ratio:1;
max-width:25%;
bottom:20%;
}
.gauche .mascotte {
left:-30px; }
.droite .mascotte {  
right:-30px; }
@media (max-width:479px) {
.image_et_texte .pas_de_fond.gauche .mascotte {
left:-15px;
}
.image_et_texte .pas_de_fond.droite .mascotte {
right:-15px;
}
} .image_de_colonne + .partie_texte h3 {
margin-top: 0.5em;
}
.lien_colonnes  {
padding-top:var(--gap-l);
} .section_exergue {
padding: var(--gap-xl) 0;
margin:var(--gap-xxl) 0;
}
.section_exergue:before {
content:'';
display:block;
background:url(//www.breizh-surimi.fr/wp-content/themes/wpkr/images/custom/vague_beige-cite-before.svg) left top / contain repeat-x;
width:100%;
position:absolute;
left:0;
bottom:calc(100% - 2px);
aspect-ratio:1440 /55;
}
.section_exergue:after {
content:'';
display:block;
background:url(//www.breizh-surimi.fr/wp-content/themes/wpkr/images/custom/vague_beige-cite-after.svg) left top / contain repeat-x;
width:100%;
position:absolute;
left:0;
top:calc(100% - 2px);
aspect-ratio:1440 /55;
}
.section_exergue .partie_image img {
aspect-ratio: 1;
width: 100%;
border-radius: 50%;
overflow: hidden;
-o-object-fit: cover;
object-fit: cover;
display: block;
} section.image_et_texte.fond_simple .rounded {
border-radius: 15px;
border: 4px solid var(--color-primary);
}
section.image_et_texte.fond_simple.rouge .rounded {
border: 4px solid var(--rouge);
}
.bloc-texte-image-inte {
position: relative;
z-index: 1;
} .bloc_image_seule > .partie_texte {
gap: var(--gap-xs);
}
.bloc_image_seule img {
display: block;
} .gform_description:empty {
display: none;
}
#page .gform_wrapper.gravity-theme .gsection {
border: none;
padding: 0;
margin-bottom: var(--gap-s);
}
@media (min-width: 640px) {
#page .gform-theme--foundation .gfield,
#page .gform-theme--foundation fieldset {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
--gf-label-width: 30%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media (min-width: 480px) {
.gfield_checkbox,
.gfiel_radio {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.gfield_visibility_visible + .gfield--input-type-section {
margin-top: var(--gap);
}
.formulaire h3 {
color: var(--color-primary);
}
select,
#page .formulaire textarea,
#page .formulaire input:not([type="checkbox"]):not([type="submit"]) {
border: var(--border-s-width) solid var(--color-secondary);
padding: 0.75em;
background: none;
border-radius: 0;
}
#page .formulaire select {
background-color: rgba(0, 0, 0, 0);
border-radius: 0;
border: var(--border-s-width) solid var(--color-secondary);
}
#page label.gfield_label,
#page legend {
color: var(--color-secondary, #212C55);
font-family: var(--font-secondary, Poppins);
font-size: var(--fs-base, 16px);
font-style: normal;
font-weight: 400;
line-height: var(--lh-base, 20px); }
#page label.gfield_label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
#page
.gform-theme--framework
.gform-field-label
> .gfield_required:where(
:not(.gform-theme__disable):not(.gform-theme__disable *):not(
.gform-theme__disable-framework
):not(.gform-theme__disable-framework *)
),
.gform-theme--framework.gform_editor
legend.gform-field-label
> span
> .gfield_required:where(
:not(.gform-theme__disable):not(.gform-theme__disable *):not(
.gform-theme__disable-framework
):not(.gform-theme__disable-framework *)
) {
width: 10px;
}
#page input[type="submit"]:hover {
cursor: pointer;
}
#page input[type="submit"] {
background: var(--color-primary, #F6A131);
-webkit-box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.10);
box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.10);
color: var(--color-secondary, #212C55);
font-family: var(--font-secondary, Poppins);
font-size: var(--fs-base, 16px);
font-style: normal;
font-weight: 700;
line-height: var(--lh-base, 20px); text-transform: uppercase;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: var(--gap-base, 20px);
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--gap-base, 20px);
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
width:100%;
}
#page input[type="submit"]:hover {
background-color: var(--color-secondary);
color: var(--color-blanc);
}
.gform_wrapper .gform_fields {
grid-row-gap: 11px;
}
#formulaire_contact p:not(.gform_required_legend) {
font-size: var(--fs-m);
line-height: 1;
}
.gform_wrapper .gform_fields {
grid-row-gap: 10px;
}
#page .gform_wrapper .gfield_required { color: inherit;
font-size: inherit;
}
.ginput_container_consent {
position: relative;
}
#page .gform_footer {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
#page .gform_validation_errors {
display: none;
}
#page .gfield_validation_message {
border: 0px;
background-color: var(--color-blanc);
padding: 0;
}
#page .ginput_container_turnstile {
width: 100%;
}
.gform_required_legend {
margin-top: 0 !important;
margin-bottom: 1em !important;
}
#page .gfield--type-choice legend {
padding: 1.25em 0;
margin-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
#page .gfield--type-choice .ginput_container_checkbox,
#page .ginput_container_consent {
}
#page
.gfield--type-choice
.ginput_container_checkbox
.gfield_checkbox#input_5_22
.gchoice {
width: 100%;
padding-bottom: 10px;
}
@media (min-width: 640px) {
#page
.gfield--type-choice
.ginput_container_checkbox
.gfield_checkbox#input_5_22
.gchoice {
width: 50%;
}
#page .gform-theme--foundation .gform_fields {
-moz-row-gap: var(--gap);
row-gap: var(--gap);
}
}
#page
.gfield--type-choice
.ginput_container_checkbox
.gfield_checkbox#input_5_22
.gchoice
input {
margin-right: 10px;
}
#page .gform_footer.left_label {
padding-left: 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.gform_required_legend {
width: 100%;
}
#page .gform_wrapper.gravity-theme .gfield-choice-input + label {
font-size: var(--fs-base);
padding-right: 20px;
vertical-align: top;
}
.gfield-choice-input[type="checkbox"],
.ginput_container_consent input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 21px;
height: 21px;
border: 1px solid var(--color-primary);
background-color: var(--color-primary-light);
position: relative;
cursor: pointer;
}
.gfield-choice-input[type="checkbox"],
.ginput_container_consent input[type="checkbox"] {
margin-right: 10px;
}
.gform_wrapper.gravity-theme .gfield-choice-input + label,
.ginput_container_consent input[type="checkbox"] + label {
width: calc(100% - 42px);
vertical-align: top;
}
.gfield-choice-input[type="checkbox"]:checked::after,
.ginput_container_consent input[type="checkbox"]:checked::after {
content: "";
background: url(//www.breizh-surimi.fr/wp-content/themes/wpkr/images/custom/checked.svg) no-repeat center / contain;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 15px;
height: 15px;
}
#page .gform_wrapper.gravity-theme .ginput_container_consent .gfield_required {
display: none;
}
.ginput_container_consent,
.gfield--input-type-turnstile {
margin-top: var(--gap);
}
#page .gfield--input-type-hidden {
display: none;
} .cf-turnstile div + div {
display: none;
}  section.texte_simple > .container.primary {
border-left: 2px solid var(--color-primary-light);
padding-left: var(--gap-m);
}
section.texte_simple > .container.secondary {
border-left: 2px solid var(--color-secondary-light);
padding-left: var(--gap-m);
} section.separateur > .container {
position: relative;
}
section.separateur.separateur_1 > .container {
border-top:2px solid var(--color-primary);
}
section.separateur.separateur_2 > .container {
border-top:2px solid var(--color-secondary);
}
section.separateur.separateur_3  {
aspect-ratio: 1440/83;
background: url(//www.breizh-surimi.fr/wp-content/themes/wpkr/images/custom/vague_beige.svg) repeat-x center / contain 
}
section.separateur.separateur_4  {
aspect-ratio: 1440/179;
background: url(//www.breizh-surimi.fr/wp-content/themes/wpkr/images/custom/vagues_triples.svg) repeat-x center / contain 
} .section_diaporama .slick-slide {
width: var(--diaporama-slide-width);
}
.section_diaporama .slick-slide .diapo-image {
aspect-ratio: var(--diaporama-slide-aspect-ratio);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
background: var(--color-primary);
}
.section_diaporama .slick-slide .diapo-image img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.diapo_texte_photo {
margin: 0;
font-size: var(--fs-base);
}
.diaporama,
.diapo_plus_nav {
position: relative;
}
.arrows_placeholder_diapo {
position: relative;
}
.arrows_placeholder_diapo .slick-arrow {
position: unset;
-webkit-transform: none;
-ms-transform: none;
transform: none;
position: relative;
}
.section_diaporama .slick-prev,
.section_diaporama .slick-next {
width: 34px;
height: 34px;
border: none;
}
.section_diaporama .slick-prev:before,
.section_diaporama .slick-next:before {
content: "";
font-size: 0;
}
.section_diaporama .slick-prev {
background: url(//www.breizh-surimi.fr/wp-content/themes/wpkr/images/custom/prev.svg) no-repeat center center / contain;
}
.section_diaporama .slick-next {
background: url(//www.breizh-surimi.fr/wp-content/themes/wpkr/images/custom/next.svg) no-repeat center center / contain;
}
@media (max-width: 979px) {
.diapo_plus_nav {
padding-bottom: 50px;
}
.diapo_plus_nav .arrows_placeholder_diapo {
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 100px;
}
.diapo-texte {
padding-top: var(--gap-xs);
}
}
@media (min-width: 980px) {
.arrows_placeholder_diapo {
position: absolute;
top: calc(0.5 * (9 / 16 * var(--diaporama-slide-width)));
left:calc((var(--gap) + 34px) * -1);
width: calc((100% + (2 * var(--gap)) + 68px));
z-index: 2;
}
.diaporama.slide-inte.no-caption {
padding-bottom: 50px;
}
.diapo-texte {
padding-top: var(--gap-xs);
opacity: 0;
-webkit-transition: all 0.3s ease 0;
-o-transition: all 0.3s ease 0;
transition: all 0.3s ease 0;
text-align:center
}
.slick-current .diapo-texte {
opacity: 1;
-webkit-transition: all 0.3s ease 0.6s;
-o-transition: all 0.3s ease 0.6s;
transition: all 0.3s ease 0.6s;
padding-top: 10px;
}
} .section_video .video iframe {
width: 100%;
aspect-ratio: 16/9;
border: none;
height:auto!important;
} .section_chiffres_cles .section_title {
margin-bottom: var(--gap);
}
.section_chiffres_cles .chiffres_container {
row-gap: var(--gap-m);
}
.page_de_base .chiffre_container img {
border: none;
width: 100%;
height:130px;
overflow:hidden;
-o-object-fit: contain;
object-fit: contain;
}
.chiffre {
text-align: center;
font-style: normal;
font-weight: 400;
letter-spacing: var(--Global-layout-interlettrage);
font-family: var(--font-primary);
margin-top:var(--gap);
}
.chiffre.fs-xl  {
font-size: var(--fs-xl);
line-height: var(--lh-xl); }
.chiffre.fs-l {
font-size: var(--fs-l);
line-height: var(--lh-l); }
.chiffre.fs-m {
font-size: var(--fs-m);
line-height: var(--lh-m); }
.content_chiffe {
color: var(--color-blanc, #FFF);
text-align: center;
font-family: var(--font-secondary);
font-size: var(--fs-m, 22px);
font-style: normal;
font-weight: 700;
line-height: var(--lh-m, 28px); text-transform: uppercase;
}
.detail_chiffe {
text-align: center;
font-family: var(--font-secondary);
font-size: var(--fs-base);
font-style: normal;
font-weight: 400;
line-height: var(--lh-base); } .section_histoire .slick-list {
overflow: visible;
}
.carrousel-histoire .slick-track {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.section_histoire .slide:not(.pad) {
padding-right:var(--gap-m);
padding-bottom:var(--gap-m);
}
@media (max-width: 1279px) {
.section_histoire .slide > div {
width: 300px;
}
}
@media (min-width: 1280px) {
.section_histoire .slide > div {
width: calc((var(--container-width) - 3 * var(--gap)) / 4);
}
}
.section_histoire .slide:not(:last-child) {
margin: 0 var(--gap) 0 0;
}
.section_histoire .slick-prev,
.section_histoire .slick-next {
position: relative;
width: 50px;
height: 50px;
-webkit-transform: unset;
-ms-transform: unset;
transform: unset;
border: none;
left: 0px;
margin-right: 8px;
}
.section_histoire .slick-prev:before,
.section_histoire .slick-next:before {
content: "";
font-size: 0;
}
.section_histoire .slick-prev {
background: url(//www.breizh-surimi.fr/wp-content/themes/wpkr/images/custom/prev.svg) no-repeat center center / contain;
}
.section_histoire .slick-next {
background: url(//www.breizh-surimi.fr/wp-content/themes/wpkr/images/custom/next.svg) no-repeat center center / contain;
}
.section_histoire .arrows_placeholder {
-webkit-column-gap: var(--gap-s);
-moz-column-gap: var(--gap-s);
column-gap: var(--gap-s);
margin-top: var(--gap-s);
}
@media (min-width: 980px) {
.section_histoire .arrows_placeholder {
position: absolute;
top: 0;
right: 0;
z-index: 1;
margin-top: 0;
}
.section_histoire .container > h2 {
padding-right: 80px;
}
.section_histoire .container.no-title {
padding-top: 80px;
}
}
.page_de_base img.image_moment{
border: none;
width: 100%;
border-radius:50%;
overflow:hidden;
aspect-ratio: 1;
-o-object-fit: cover;
object-fit: cover;
}
.date {
font-family: var(--font-primary);
text-align: left;
}
.evenement {
color: var(--color-secondary, #212C55);
text-align: left;
font-family: var(--font-secondary, Poppins);
font-size: var(--fs-m, 22px);
font-style: normal;
font-weight: 700;
line-height: 26/22; text-transform:uppercase;
}
.description_date {
text-align: left;
margin: 0;
line-height: var(--lh-base);
font-size: var(--fs-base);
} .section_telechargements .document {
padding: 20px 0;
border-bottom: var(--border-s-width) solid var(--color-secondary);
gap: var(--gap-s);
}
.section_telechargements .document:first-child {
border-top: var(--border-s-width) solid var(--color-secondary);
}
.section_telechargements .document span.fond_tertiary {
color: var(--color-blanc);
}
@media (max-width: 639px) {
.section_telechargements .document .doc_button_zone{
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
} .contenu_teaser h3, 
.actu_teaser h3 {
color: var(--color-secondary, #212C55);
text-align: center;
font-family: var(--font-primary, Monigue);
font-size: var(--fs-l, 46px);
font-style: normal;
font-weight: 400;
line-height: var(--lh-l, 44px); text-transform: uppercase;
}
a.actu_teaser.default {
background: var(--color-primary);
color: var(--color-blanc);
font-size: var(--fs-m);
font-family: var(--font-primary);
text-decoration: none;
text-transform: uppercase;
text-align: center;
min-height: 40px;
}
a.actu_teaser.default:hover {
background: var(--color-secondary);
}
.actu_teaser img.wp-post-image {
display: block;
}  .image_de_contenu_lie {
aspect-ratio: 433/324;
background: var(--color-secondary);
}
.image_de_contenu_lie img {
display: block;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
border: none;
}
.contenu_lie_page { }
.contenu_lie_page .partie_texte {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.contenu_lie_page .resume {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.contenu_lie_page .logo_contenu_lie img {
width: auto;
max-width: 150px;
max-height: 80px;
border: none;
} .titre_faq {
text-align: center;
margin-bottom: var(--gap-l);
}
.titre_faq h2 {
margin: 0;
}
.single-produit .titre_faq {
margin: 0 0 var(--gap-xl) 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
transform: rotate(-2deg);
padding: var(--gap-m);
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--gap-base, 20px);
background: var(--color-secondary, #212C55);
-webkit-box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.10);
box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.10);
}
.single-produit .titre_faq h2 {
color: var(--color-blanc);
}
@media(min-width:980px) {
.single-produit .titre_faq h2:before,
.single-produit .titre_faq h2:after {
content: '';
display: inline-block;
position: relative;
top:-0.05em;
height: 0.72em;
aspect-ratio: 70/32;
background: url(//www.breizh-surimi.fr/wp-content/themes/wpkr/images/custom/ligne_bretonnes_blanches.svg) no-repeat center / contain;
margin: 0 var(--gap);
}
} .faq_container {
max-width: 1000px;
margin: 0 auto;
} .question .titre {
background-color: var(--color-color-5, #FFEED6);
padding: var(--gap, 20px);
cursor: pointer;
-webkit-transition: var(--transition-all);
-o-transition: var(--transition-all);
transition: var(--transition-all);
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: var(--gap, 20px);
}
.question .titre h2 {
margin:0;
}
.question .titre:not(.ui-accordion-header-active):hover {
background-color:  #FFD9A3;
} .question_texte {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.question_texte span {
font-family: var(--font-primary); text-transform: uppercase;
margin: 0;
}
@media(max-width:979px) {
.question_texte span {
font-size: calc(0.75 * var(--fs-l));
line-height: calc(0.95 * var(--lh-l));
}
} .question_highlight {
position:relative;
color: var(--color-blanc);
z-index:1;
}
.question_highlight::before {    
content: '';
position: absolute;
top: -0.1em;
left: -0.15em;
width: calc(100% + 0.3em);
height: calc(100% + 0.1em);
z-index: -1;
background-color: var(--color-secondary);
display: block;
}
.question .ui-accordion-header-icon {
display:none;
} .question_arrow {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 24px;
height: 24px;
position: relative;
-webkit-transition: var(--transition-all);
-o-transition: var(--transition-all);
transition: var(--transition-all);
}
.question_arrow::before,
.question_arrow::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 14px;
height: 2px;
background-color: var(--color-secondary);
-webkit-transition: var(--transition-all);
-o-transition: var(--transition-all);
transition: var(--transition-all);
}
.question_arrow::before {
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.question_arrow::after {
-webkit-transform: translate(-50%, -50%) rotate(90deg);
-ms-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg);
} .question .titre.ui-accordion-header-active .question_arrow::after {
-webkit-transform: translate(-50%, -50%) rotate(0deg);
-ms-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg);
opacity: 0;
} .question .reponse {
background-color:var(--color-color-5, #FFEED6);
padding: var(--gap, 20px);
display: none;
}
.question .reponse.ui-accordion-content-active {
display: block;
} .section_produits_lies {
padding: var(--gap-m, 40px) 0;
background:var(--blanc);
}
.titre_produits_lies {
text-align: center;
margin: 0 0 var(--gap-m, 40px) 0;
}
.titre_produits_lies h2 {
font-family: var(--font-primary);
font-size: var(--fs-l, 46px);
line-height: var(--lh-l, 44px);
color: var(--color-secondary);
text-transform: uppercase;
margin: 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
@media(min-width:980px) {
.titre_produits_lies h2:before,
.titre_produits_lies h2:after {
content: '';
position: relative;
top:-0.05em;
display: inline-block;
height: 0.72em;
aspect-ratio: 70/32;
background: url(//www.breizh-surimi.fr/wp-content/themes/wpkr/images/custom/ligne_bretonnes_bleues.svg) no-repeat center / contain;
margin: 0 var(--gap);
} 
} .produit_card {
background: var(--color-color-5, #FFEED6);
border-radius: var(--corner-s, 10px);
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-transition: var(--transition-all);
-o-transition: var(--transition-all);
transition: var(--transition-all);
}
.produit_card:hover {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}
.produit_card_image {
width: 100%;
aspect-ratio: 1 / 1;
overflow: hidden;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: var(--gap, 20px);
}
.produit_card_image img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.produit_card_content {
padding: 0 var(--gap-m) var(--gap-m) var(--gap-m);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: var(--gap-s, 10px);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.produit_card_titre {
color: var(--color-secondary, #212C55);
text-align: center;
font-family: var(--font-primary, Monigue);
font-size: var(--fs-l, 46px);
font-style: normal;
font-weight: 400;
line-height: var(--lh-l, 44px); text-transform: uppercase;
margin:0
} a.lien_partenaire {
text-decoration: none;
vertical-align: middle;
text-transform: uppercase;
font-weight: 700;
}
a.lien_partenaire:hover {
color: var(--color-tertiary);
} 
.page_de_base .un_partenaire img {
border: none;
-o-object-fit: contain;
object-fit: contain;
height:: 130px;
width:100%;
} .page_error {
text-align: center;
}
#zone_logo .logo {
width: 104px;
margin: 0 auto;
}
#bloc_error h1 span {
font-size: 0.5em;
text-transform: none;
} .actu_teaser_container {
gap: var(--section-gap) var(--gap);
}
.realisation_teaser {
width: 320px;
height: unset !important;
}
.realisation_teaser > p {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.realisation_teaser img {
display: block;
width: 100%;
aspect-ratio: 436 /320;
-o-object-fit: cover;
object-fit: cover;
} .hotspot-module {
position: relative;
}
.hotspot-interactive-view {
position: relative;
}
.hotspot-image-wrapper {
position: relative;
display: block;
}
.page_de_base img.hotspot-bg-img {
width: 100%;
height: auto;
display: block;
border: none;
} .hotspot-point {
position: absolute;
z-index: 10;
}
.hotspot-point.is-active {
z-index: 20;
} .hotspot-trigger {
position: relative;
width: 40px;
height: 40px;
border-radius: 50%;
background: var(--color-tertiary, #e63946);
border: 3px solid #fff;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; -webkit-transition: background 0.2s ease, -webkit-transform 0.2s ease;
transition: background 0.2s ease, -webkit-transform 0.2s ease;
-o-transition: transform 0.2s ease, background 0.2s ease;
transition: transform 0.2s ease, background 0.2s ease;
transition: transform 0.2s ease, background 0.2s ease, -webkit-transform 0.2s ease;
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
.hotspot-trigger:hover { -webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
background: var(--color-primary);
}
.trigger-icon {
color: #fff;
font-size: 20px;
font-weight: 400;
line-height: 1;
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
-o-transition: transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
} .trigger-number {
display: none;
color: #fff;
font-size: 16px;
font-weight: 400;
line-height: 1;
}
.hotspot-point.is-active .trigger-icon {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.trigger-pulse {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
background: rgba(255, 255, 255, 0.4);
-webkit-animation: pulse 2s infinite;
animation: pulse 2s infinite;
pointer-events: none;
}
.hotspot-point.is-active .trigger-pulse {
-webkit-animation: none;
animation: none;
opacity: 0;
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
100% {
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0;
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
100% {
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0;
}
} .hotspot-label {
display: none; position: absolute;
background: #fff;
padding: 8px 14px;
border-radius: 6px;
-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
cursor: pointer;
white-space: nowrap;
max-width: 200px;
-webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease,
-webkit-box-shadow 0.3s ease;
transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease,
-webkit-box-shadow 0.3s ease;
-o-transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease,
box-shadow 0.3s ease;
transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease,
box-shadow 0.3s ease;
transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease,
box-shadow 0.3s ease, -webkit-transform 0.3s ease,
-webkit-box-shadow 0.3s ease;
z-index: 5;
}
.hotspot-point:hover {
z-index: 13;
}
.hotspot-point:hover .hotspot-label {
display: block;
}
.hotspot-label:hover {
-webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
}
.hotspot-label .label-title {
margin: 0;
font-size: 16px;
font-weight: 400;
color: var(--color-secondary); -o-text-overflow: ellipsis;
text-overflow: ellipsis;
} .hotspot-point.is-active .hotspot-label {
opacity: 0;
visibility: hidden;
pointer-events: none;
}  .hotspot-point.pos-top-center .hotspot-label {
bottom: calc(100% + 10px);
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.hotspot-point.pos-top-center .hotspot-label:hover {
-webkit-transform: translateX(-50%) translateY(-3px);
-ms-transform: translateX(-50%) translateY(-3px);
transform: translateX(-50%) translateY(-3px);
} .hotspot-point.pos-top-left .hotspot-label {
bottom: calc(100% + 10px);
right: 50%;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
.hotspot-point.pos-top-left .hotspot-label:hover {
-webkit-transform: translateX(20px) translateY(-3px);
-ms-transform: translateX(20px) translateY(-3px);
transform: translateX(20px) translateY(-3px);
} .hotspot-point.pos-top-right .hotspot-label {
bottom: calc(100% + 10px);
left: 50%;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
.hotspot-point.pos-top-right .hotspot-label:hover {
-webkit-transform: translateX(-20px) translateY(-3px);
-ms-transform: translateX(-20px) translateY(-3px);
transform: translateX(-20px) translateY(-3px);
} .hotspot-point.pos-bottom-center .hotspot-label {
top: calc(100% + 10px);
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.hotspot-point.pos-bottom-center .hotspot-label:hover {
-webkit-transform: translateX(-50%) translateY(3px);
-ms-transform: translateX(-50%) translateY(3px);
transform: translateX(-50%) translateY(3px);
} .hotspot-point.pos-bottom-left .hotspot-label {
top: calc(100% + 10px);
right: 50%;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
.hotspot-point.pos-bottom-left .hotspot-label:hover {
-webkit-transform: translateX(20px) translateY(3px);
-ms-transform: translateX(20px) translateY(3px);
transform: translateX(20px) translateY(3px);
} .hotspot-point.pos-bottom-right .hotspot-label {
top: calc(100% + 10px);
left: 50%;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
.hotspot-point.pos-bottom-right .hotspot-label:hover {
-webkit-transform: translateX(-20px) translateY(3px);
-ms-transform: translateX(-20px) translateY(3px);
transform: translateX(-20px) translateY(3px);
} .hotspot-point.pos-left .hotspot-label {
right: calc(100% + 10px);
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.hotspot-point.pos-left .hotspot-label:hover {
-webkit-transform: translateY(-50%) translateX(-3px);
-ms-transform: translateY(-50%) translateX(-3px);
transform: translateY(-50%) translateX(-3px);
} .hotspot-point.pos-right .hotspot-label {
left: calc(100% + 10px);
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.hotspot-point.pos-right .hotspot-label:hover {
-webkit-transform: translateY(-50%) translateX(3px);
-ms-transform: translateY(-50%) translateX(3px);
transform: translateY(-50%) translateX(3px);
} .hotspot-tooltip {
position: absolute;
width: 320px;
height: 200px;
background: #fff;
border-radius: 10px;
-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
-o-transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
z-index: 15;
overflow: hidden;
}
.hotspot-point.is-active .hotspot-tooltip {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.tooltip-inner {
padding: 20px;
height: 100%;
overflow-y: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.tooltip-title {
margin: 0 0 12px 0;
font-size: 18px;
color: var(--color-secondary);
padding-bottom: 10px;
border-bottom: 2px solid var(--color-secondary);
cursor: pointer;
}
.tooltip-content {
font-size: 14px;
line-height: 1.6;
color: #555;
}
.tooltip-content p {
margin: 0 0 10px 0;
font-size: 14px;
line-height: 1.125em;
}
.tooltip-content p:last-child {
margin-bottom: 0;
}  .hotspot-point.pos-top-center .hotspot-tooltip {
bottom: calc(100% + 15px);
left: 50%;
-webkit-transform: translateX(-50%) translateY(10px);
-ms-transform: translateX(-50%) translateY(10px);
transform: translateX(-50%) translateY(10px);
}
.hotspot-point.pos-top-center.is-active .hotspot-tooltip {
-webkit-transform: translateX(-50%) translateY(0);
-ms-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
} .hotspot-point.pos-top-left .hotspot-tooltip {
bottom: calc(100% + 15px);
right: 50%;
-webkit-transform: translateX(20px) translateY(10px);
-ms-transform: translateX(20px) translateY(10px);
transform: translateX(20px) translateY(10px);
}
.hotspot-point.pos-top-left.is-active .hotspot-tooltip {
-webkit-transform: translateX(20px) translateY(0);
-ms-transform: translateX(20px) translateY(0);
transform: translateX(20px) translateY(0);
} .hotspot-point.pos-top-right .hotspot-tooltip {
bottom: calc(100% + 15px);
left: 50%;
-webkit-transform: translateX(-20px) translateY(10px);
-ms-transform: translateX(-20px) translateY(10px);
transform: translateX(-20px) translateY(10px);
}
.hotspot-point.pos-top-right.is-active .hotspot-tooltip {
-webkit-transform: translateX(-20px) translateY(0);
-ms-transform: translateX(-20px) translateY(0);
transform: translateX(-20px) translateY(0);
} .hotspot-point.pos-bottom-center .hotspot-tooltip {
top: calc(100% + 15px);
left: 50%;
-webkit-transform: translateX(-50%) translateY(-10px);
-ms-transform: translateX(-50%) translateY(-10px);
transform: translateX(-50%) translateY(-10px);
}
.hotspot-point.pos-bottom-center.is-active .hotspot-tooltip {
-webkit-transform: translateX(-50%) translateY(0);
-ms-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
} .hotspot-point.pos-bottom-left .hotspot-tooltip {
top: calc(100% + 15px);
right: 50%;
-webkit-transform: translateX(20px) translateY(-10px);
-ms-transform: translateX(20px) translateY(-10px);
transform: translateX(20px) translateY(-10px);
}
.hotspot-point.pos-bottom-left.is-active .hotspot-tooltip {
-webkit-transform: translateX(20px) translateY(0);
-ms-transform: translateX(20px) translateY(0);
transform: translateX(20px) translateY(0);
} .hotspot-point.pos-bottom-right .hotspot-tooltip {
top: calc(100% + 15px);
left: 50%;
-webkit-transform: translateX(-20px) translateY(-10px);
-ms-transform: translateX(-20px) translateY(-10px);
transform: translateX(-20px) translateY(-10px);
}
.hotspot-point.pos-bottom-right.is-active .hotspot-tooltip {
-webkit-transform: translateX(-20px) translateY(0);
-ms-transform: translateX(-20px) translateY(0);
transform: translateX(-20px) translateY(0);
} .hotspot-point.pos-left .hotspot-tooltip {
right: calc(100% + 15px);
top: 50%;
-webkit-transform: translateY(-50%) translateX(10px);
-ms-transform: translateY(-50%) translateX(10px);
transform: translateY(-50%) translateX(10px);
}
.hotspot-point.pos-left.is-active .hotspot-tooltip {
-webkit-transform: translateY(-50%) translateX(0);
-ms-transform: translateY(-50%) translateX(0);
transform: translateY(-50%) translateX(0);
} .hotspot-point.pos-right .hotspot-tooltip {
left: calc(100% + 15px);
top: 50%;
-webkit-transform: translateY(-50%) translateX(-10px);
-ms-transform: translateY(-50%) translateX(-10px);
transform: translateY(-50%) translateX(-10px);
}
.hotspot-point.pos-right.is-active .hotspot-tooltip {
-webkit-transform: translateY(-50%) translateX(0);
-ms-transform: translateY(-50%) translateX(0);
transform: translateY(-50%) translateX(0);
} .hotspot-mobile-list {
display: none;
margin-top: 30px;
padding: 0 15px;
}
.mobile-item {
background: #fff; padding: 20px;
margin-bottom: 15px; border: 1px solid var(--tertiary);
-webkit-transition: border-color 0.3s ease, -webkit-box-shadow 0.3s ease;
transition: border-color 0.3s ease, -webkit-box-shadow 0.3s ease;
-o-transition: box-shadow 0.3s ease, border-color 0.3s ease;
transition: box-shadow 0.3s ease, border-color 0.3s ease;
transition: box-shadow 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;
} .mobile-item.is-highlighted {
border-color: var(--primary, #333);
-webkit-box-shadow: 0 0 0 3px rgba(230, 57, 70, 0.3);
box-shadow: 0 0 0 3px rgba(230, 57, 70, 0.3);
}
.mobile-item-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
margin-bottom: 12px;
}
.mobile-badge {
width: 30px;
height: 30px;
background: var(--tertiary, #e63946);
color: #fff;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-weight: 400;
font-size: 14px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.mobile-title {
margin: 0;
font-size: 16px;
font-weight: 400;
color: #333;
}
.mobile-content {
font-size: 14px;
line-height: 1.6;
color: #555;
} @media (max-width: 768px) { .hotspot-label,
.hotspot-tooltip {
display: none !important;
} .hotspot-trigger .trigger-icon {
display: none;
}
.hotspot-trigger .trigger-number {
display: block;
} .hotspot-point.is-active .trigger-icon {
-webkit-transform: none;
-ms-transform: none;
transform: none;
} .hotspot-trigger .trigger-pulse {
display: none;
}
.hotspot-mobile-list {
display: block;
padding: 0;
} .mobile-item {
scroll-margin-top: 100px;
}
}
.page_error h1 {
texte-align:left;
color: var(--color-blanc);
leading-trim: both;
text-edge: cap;
font-family: Monigue;
font-size: var(--fs-xxl);
font-style: normal;
font-weight: 400;
line-height: var(--lh-xxl);
text-transform: uppercase;
padding-top:6vh;
}
.page_error h2 {
color: var(--color-primary);
font-family: var(--font-primary);
font-size: 8vh;
font-style: normal;
font-weight: 400;
line-height: 0.95; 
text-transform: uppercase;
text-align:left;
}
.mascotte_404 {
max-width: 10.75vh;
}
@media(min-width:1400px) {
.page_error h1 {
font-size:16vh;
line-height:16vh;
}
}#site-footer{
position:relative;
z-index:2;
background-size: cover;
background-position: center;
background-repeat:no-repeat;
padding-top:var(--gap-xl)
}
#site-footer:before {
content:'';
display:block;
background:url(//www.breizh-surimi.fr/wp-content/themes/wpkr/images/custom/vagues_footer_blanches.svg) left top / contain repeat-x;
width:100%;
position:absolute;
left:0;
top:-2px;
height:calc(2 * var(--gap-l));
background:url(//www.breizh-surimi.fr/wp-content/themes/wpkr/images/custom/vagues_footer_blanches.svg) left top / contain repeat-x;
}
.section_footer {
position:relative;
z-index:1;
}
#footer_svg_vector_texte {
margin-top:var(--gap);
opacity:0.75;
width:100%;
height: auto;
}
.section_footer h2,
.section_footer .h2 {
margin: 0;
}
.membre_de {
color: var(--color-blanc, #FFF);
font-family: var(--font-primary), Monigue;
font-size: var(--fs-l, 46px);
font-style: normal;
font-weight: 400;
text-transform: uppercase;
}
footer .adresse {
color: var(--color-blanc, #FFF);
font-family: var(--font-secondary, Poppins);
font-size: var(--fs-base, 16px);
font-style: normal;
font-weight: 700;
line-height: var(--lh-base);
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
-webkit-text-decoration-style: solid;
text-decoration-style: solid;
-webkit-text-decoration-skip: ink;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
text-transform: uppercase;
}
footer .telephone {
color: var(--color-blanc, #FFF);
font-family: Monigue;
font-size: var(--fs-l, 46px);
font-style: normal;
font-weight: 400;
line-height: var(--lh-l);
text-transform: uppercase;
margin: 0;
}
footer .telephone  a{
text-decoration:none;
}
#mascotte_footer {
position:absolute;
bottom:67%;
left:43%;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
z-index:1;
width: 34%;
} .titre_reseaux_sociaux {
text-align: right;
color: var(--color-blanc, #FFF);
font-family: var(--font-primary);
font-size: var(--fs-l);
font-style: normal;
font-weight: 400;
line-height: var(--lh-l);
text-transform: uppercase;
}
#sub_footer > nav {
padding: var(--gap) 0 var(--gap) 0;
padding-left: 0;
gap: 1rem;
border-top: 1px solid var(--color-blanc);
margin-top: var(--gap-l);
}
#sub_footer_menu {
margin: 0;
padding: 0;
}
#sub_footer_menu > li {
list-style-type: none;
display:block;
}
#sub_footer_menu li a {
text-decoration: none;
color: var(--color-blanc);
display: block;
text-align: right;
font-family: var(--font-secondary, Poppins);
font-size: var(--fs-s);
font-style: normal;
font-weight: 400;
line-height: var(--lh-s);
text-transform: uppercase;
}
.footer_content {
position:relative;
z-index:2;
}
@media(max-width:979px) {
#illustration_footer_zone {
position: absolute;
top: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 3;
width: calc(0.16 * var(--container-width));
margin-top: 4%;
}
#sub_footer_menu {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
gap: var(--gap-m);
padding:var(--gap-m) 0;
}
#site-footer p.telephone {
padding:var(--gap) 0;
}
}
@media(min-width:980px) {
#illustration_footer_zone {
-webkit-transform: translateY(44%);
-ms-transform: translateY(44%);
transform: translateY(44%);
}
}div.sib-sms-field {
display: inline-block;
position: relative;
width: 100%;
}
.sib-sms-field .sib-country-block {
position: absolute;
right: auto;
left: 0;
top: 0;
bottom: 0;
padding: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sib-country-block .sib-toggle.sib-country-flg {
z-index: 1;
position: relative;
width: 46px;
height: 100%;
padding: 0 0 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #dbdbdb;
cursor: pointer;
}
.sib-country-block .sib-toggle .sib-cflags {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
height: 15px;
width: 20px;
background-repeat: no-repeat;
background-color: #dbdbdb;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-image: url(//www.breizh-surimi.fr/wp-content/plugins/mailin/img/flags/fr.png);
}
.sib-country-block .sib-toggle .sib-icon-arrow {
position: absolute;
top: 50%;
margin-top: -2px;
right: 6px;
width:  0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid;
}
.sib-sms-field ul.sib-country-list {
position: absolute;
z-index: 2;
list-style: none;
text-align: left;
padding: 0px;
margin: 0px 0px 0px -1px;
box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 4px;
background-color: white;
border: 1px solid rgb(204, 204, 204);
white-space: nowrap;
max-height: 150px;
overflow-y: scroll;
overflow-x: hidden;
top: 50px;
width: 250px;
}
.sib-sms-field ul.sib-country-list li.sib-country-prefix {
font-size: 14px;
padding:1px 10px;
cursor: pointer;
}
.sib-sms-field ul.sib-country-list li.sib-country-prefix:hover {
background-color: #dbdbdb;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box {
width: 20px;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box .sib-flag {
height: 18px;
width: 20px;
background-image: url(//www.breizh-surimi.fr/wp-content/plugins/mailin/img/flags/ad.png);
vertical-align: middle;
display: inline-block;
background-repeat:no-repeat;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box .sib-dial-code {
margin-left: 20px;
}
.sib-sms-field .sib-sms {
padding-right: 6px;
padding-left: 52px;
margin-left: 0;
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-right: 0;
}
.sib-multi-lists.sib_error {
color: #A94442;
}