@font-face {
font-family: 'Rubik';
font-style: normal;
font-display: swap;
font-weight: 400;
src: url(//www.ecoondes.com/wp-content/themes/oceanwp-child-ecoondes/assets/fonts/rubik-latin-ext-400-normal.woff2) format('woff2');
unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
font-family: 'Rubik';
font-style: normal;
font-display: swap;
font-weight: 400;
src: url(//www.ecoondes.com/wp-content/themes/oceanwp-child-ecoondes/assets/fonts/rubik-latin-400-normal.woff2) format('woff2');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
font-family: 'Rubik';
font-style: normal;
font-display: swap;
font-weight: 500;
src: url(//www.ecoondes.com/wp-content/themes/oceanwp-child-ecoondes/assets/fonts/rubik-latin-ext-500-normal.woff2) format('woff2');
unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
font-family: 'Rubik';
font-style: normal;
font-display: swap;
font-weight: 500;
src: url(//www.ecoondes.com/wp-content/themes/oceanwp-child-ecoondes/assets/fonts/rubik-latin-500-normal.woff2) format('woff2');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
font-family: 'Rubik';
font-style: normal;
font-display: swap;
font-weight: 600;
src: url(//www.ecoondes.com/wp-content/themes/oceanwp-child-ecoondes/assets/fonts/rubik-latin-ext-600-normal.woff2) format('woff2');
unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
font-family: 'Rubik';
font-style: normal;
font-display: swap;
font-weight: 600;
src: url(//www.ecoondes.com/wp-content/themes/oceanwp-child-ecoondes/assets/fonts/rubik-latin-600-normal.woff2) format('woff2');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
font-family: 'Rubik';
font-style: normal;
font-display: swap;
font-weight: 700;
src: url(//www.ecoondes.com/wp-content/themes/oceanwp-child-ecoondes/assets/fonts/rubik-latin-ext-700-normal.woff2) format('woff2');
unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
font-family: 'Rubik';
font-style: normal;
font-display: swap;
font-weight: 700;
src: url(//www.ecoondes.com/wp-content/themes/oceanwp-child-ecoondes/assets/fonts/rubik-latin-700-normal.woff2) format('woff2');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
} :root {
--eo-vert: #94C11F;
--eo-noir-logo: #223144;
--eo-vert-fonce: #4F6B0D;
--eo-texte: #111111;
--eo-fond: #FFFFFF;
--eo-fond-doux: #F4F8EA;
--eoc-police: 'Rubik', Arial, Helvetica, sans-serif;
--eoc-largeur: 1200px;
--eoc-filet: #CFD8BD;
} html:root {
--owp-primary-color: #4F6B0D;
--owp-primary-color-hover: #223144;
--owp-link-color: #4F6B0D;
--owp-link-color-hover: #223144;
--owp-button-bg-color: #4F6B0D;
--owp-button-bg-color-hover: #223144;
--owp-button-text-color: #FFFFFF;
--owp-button-text-color-hover: #FFFFFF;
} html body,
html body *,
html body *::before,
html body *::after {
text-shadow: none !important;
-webkit-text-stroke-width: 0 !important;
} html body {
font-synthesis: style small-caps;
font-family: var(--eoc-police);
color: var(--eo-texte);
background-color: var(--eo-fond);
font-size: 17px;
line-height: 1.7;
}
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6 {
font-family: var(--eoc-police);
color: var(--eo-noir-logo);
}
html body input,
html body select,
html body textarea,
html body button {
font-family: var(--eoc-police);
}
html body :focus-visible {
outline: 3px solid var(--eo-vert-fonce);
outline-offset: 2px;
}
.eoc-sr {
position: absolute !important;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0 0 0 0);
clip-path: inset(50%);
white-space: nowrap;
border: 0;
} #eoc-hdr {
background: var(--eo-fond);
font-family: var(--eoc-police);
}
#eoc-hdr .eoc-hdr-inner {
box-sizing: border-box;
display: flex;
align-items: center;
gap: 24px;
max-width: var(--eoc-largeur);
margin: 0 auto;
padding: 12px 24px;
}
#eoc-hdr .eoc-hdr-logo {
flex: 0 0 auto;
display: block;
line-height: 0;
border-radius: 4px;
}
#eoc-hdr .eoc-hdr-logo img {
display: block;
height: 96px;
width: auto;
max-width: none;
}
#eoc-hdr .eoc-hdr-affdu {
flex: 0 0 auto;
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
margin-left: auto;
text-align: center;
}
#eoc-hdr .eoc-hdr-affdu img {
display: block;
width: 200px;
height: auto;
}
#eoc-hdr .eoc-hdr-affdu-txt {
max-width: 200px;
margin: 0;
font-size: 14px;
font-weight: 500;
line-height: 1.3;
color: var(--eo-noir-logo);
}
#eoc-hdr .eoc-hdr-search {
flex: 0 1 300px;
min-width: 220px;
display: flex;
align-items: stretch;
margin: 0;
}
#eoc-hdr .eoc-hdr-search-input {
box-sizing: border-box;
flex: 1 1 auto;
min-width: 0;
width: auto;
height: 44px;
min-height: 44px;
margin: 0;
padding: 0 14px;
font-family: var(--eoc-police);
font-size: 16px;
line-height: 1.2;
color: var(--eo-texte);
background: var(--eo-fond);
border: 2px solid var(--eo-noir-logo);
border-right: 0;
border-radius: 6px 0 0 6px;
box-shadow: none;
}
#eoc-hdr .eoc-hdr-search-input::placeholder {
color: #4A4A4A;
opacity: 1;
}
#eoc-hdr .eoc-hdr-search-input:focus {
outline: 3px solid var(--eo-vert-fonce);
outline-offset: 1px;
border-color: var(--eo-noir-logo);
}
#eoc-hdr .eoc-hdr-search-btn {
box-sizing: border-box;
flex: 0 0 48px;
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 44px;
min-height: 44px;
margin: 0;
padding: 0;
color: #FFFFFF;
background: var(--eo-vert-fonce);
border: 0;
border-radius: 0 6px 6px 0;
cursor: pointer;
transition: background-color .2s ease;
}
#eoc-hdr .eoc-hdr-search-btn:hover,
#eoc-hdr .eoc-hdr-search-btn:focus-visible {
background: var(--eo-noir-logo);
color: #FFFFFF;
}
#eoc-hdr .eoc-hdr-search-btn svg {
display: block;
} #eoc-nav {
position: sticky;
top: 0;
z-index: 1000;
background: var(--eo-noir-logo);
border-bottom: 3px solid var(--eo-vert);
font-family: var(--eoc-police);
}
#eoc-nav .eoc-nav-inner {
box-sizing: border-box;
display: flex;
align-items: center;
max-width: var(--eoc-largeur);
margin: 0 auto;
padding: 0 24px;
}
#eoc-nav .eoc-nav-toggle {
display: none;
}
#eoc-nav .eoc-menu {
display: flex;
flex-wrap: wrap;
align-items: stretch;
margin: 0;
padding: 0;
list-style: none;
}
#eoc-nav .eoc-menu li {
margin: 0;
padding: 0;
list-style: none;
}
#eoc-nav .eoc-menu a {
box-sizing: border-box;
display: flex;
align-items: center;
min-height: 56px;
padding: 0 18px;
font-size: 16px;
font-weight: 500;
line-height: 1.3;
color: #FFFFFF;
text-decoration: none;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
transition: color .2s ease, border-color .2s ease;
}
#eoc-nav .eoc-menu a:hover,
#eoc-nav .eoc-menu a:focus-visible {
color: var(--eo-vert);
}
#eoc-nav .eoc-menu a:focus-visible {
outline: 3px solid var(--eo-vert);
outline-offset: -3px;
}
#eoc-nav .eoc-menu .current-menu-item > a,
#eoc-nav .eoc-menu a[aria-current="page"] {
border-bottom-color: var(--eo-vert);
} body.admin-bar #eoc-nav {
top: 32px;
}
@media screen and (max-width: 782px) {
body.admin-bar #eoc-nav {
top: 46px;
}
}
@media screen and (max-width: 600px) {
body.admin-bar #eoc-nav {
top: 0;
}
} #eoc-ftr {
font-family: var(--eoc-police);
color: #FFFFFF;
background: var(--eo-noir-logo);
border-top: 4px solid var(--eo-vert);
}
#eoc-ftr .eoc-ftr-inner {
box-sizing: border-box;
display: grid;
grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1.3fr);
gap: 32px;
align-items: start;
max-width: var(--eoc-largeur);
margin: 0 auto;
padding: 40px 24px 32px;
}
#eoc-ftr p {
margin: 0;
color: #FFFFFF;
}
#eoc-ftr .eoc-ftr-titre {
font-size: 20px;
font-weight: 600;
line-height: 1.35;
}
#eoc-ftr .eoc-ftr-label {
margin: 0 0 12px;
font-size: 16px;
font-weight: 600;
line-height: 1.3;
color: var(--eo-vert);
}
#eoc-ftr ul {
margin: 0;
padding: 0;
list-style: none;
}
#eoc-ftr li {
margin: 0;
padding: 0;
list-style: none;
}
#eoc-ftr .eoc-ftr-liens a {
display: inline-flex;
align-items: center;
min-height: 44px;
font-size: 16px;
color: #FFFFFF;
text-decoration: underline;
text-decoration-color: var(--eo-vert);
text-underline-offset: 4px;
}
#eoc-ftr .eoc-ftr-liens a:hover,
#eoc-ftr .eoc-ftr-liens a:focus-visible {
color: var(--eo-vert);
}
#eoc-ftr .eoc-ftr-social {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
#eoc-ftr .eoc-ftr-social a {
box-sizing: border-box;
display: inline-flex;
align-items: center;
min-height: 44px;
padding: 0 18px;
font-size: 15px;
font-weight: 500;
color: #FFFFFF;
text-decoration: none;
border: 2px solid var(--eo-vert);
border-radius: 999px;
transition: background-color .2s ease, color .2s ease;
}
#eoc-ftr .eoc-ftr-social a:hover,
#eoc-ftr .eoc-ftr-social a:focus-visible {
color: var(--eo-texte);
background: var(--eo-vert);
}
#eoc-ftr a:focus-visible {
outline: 3px solid var(--eo-vert);
outline-offset: 3px;
}
#eoc-ftr .eoc-ftr-copy {
border-top: 1px solid #4A5868;
padding: 14px 24px;
text-align: center;
}
#eoc-ftr .eoc-ftr-copy p {
font-size: 14px;
line-height: 1.5;
} html body .page-header {
background-color: var(--eo-fond-doux);
}
html body .page-header .page-header-title {
font-family: var(--eoc-police);
font-weight: 600;
color: var(--eo-noir-logo);
} :where(.entry-content, .single-page-article .entry) {
font-size: 17px;
line-height: 1.7;
color: var(--eo-texte);
overflow-wrap: break-word;
}
:where(.entry-content, .single-page-article .entry) p {
margin: 0 0 1.1em;
}
:where(.entry-content, .single-page-article .entry) :is(h1, h2, h3, h4, h5, h6) {
margin: 1.6em 0 .6em;
font-family: var(--eoc-police);
font-weight: 600;
line-height: 1.25;
color: var(--eo-noir-logo);
}
:where(.entry-content, .single-page-article .entry) > :is(h1, h2, h3, h4, h5, h6):first-child {
margin-top: 0;
}
:where(.entry-content, .single-page-article .entry) h1 {
font-size: clamp(28px, 3.5vw, 36px);
}
:where(.entry-content, .single-page-article .entry) h2 {
font-size: clamp(24px, 3vw, 30px);
}
:where(.entry-content, .single-page-article .entry) h3 {
font-size: clamp(20px, 2.4vw, 24px);
color: var(--eo-vert-fonce);
}
:where(.entry-content, .single-page-article .entry) h4 {
font-size: 19px;
}
:where(.entry-content, .single-page-article .entry) :is(h5, h6) {
font-size: 18px;
}
:where(.entry-content, .single-page-article .entry) a {
color: var(--eo-vert-fonce);
text-decoration: underline;
text-underline-offset: 3px;
}
:where(.entry-content, .single-page-article .entry) a:hover,
:where(.entry-content, .single-page-article .entry) a:focus-visible {
color: var(--eo-noir-logo);
}
:where(.entry-content, .single-page-article .entry) :is(ul, ol) {
margin: 0 0 1.1em 1.5em;
padding: 0;
}
:where(.entry-content, .single-page-article .entry) ul {
list-style: disc;
}
:where(.entry-content, .single-page-article .entry) ol {
list-style: decimal;
}
:where(.entry-content, .single-page-article .entry) li {
margin: 0 0 .35em;
}
:where(.entry-content, .single-page-article .entry) li > :is(ul, ol) {
margin-top: .35em;
margin-bottom: 0;
}
:where(.entry-content, .single-page-article .entry) img {
max-width: 100%;
height: auto;
}
:where(.entry-content, .single-page-article .entry) figure {
max-width: 100%;
margin: 0 0 1.4em;
}
:where(.entry-content, .single-page-article .entry) :is(figcaption, .wp-caption-text) {
margin-top: .4em;
font-size: 15px;
line-height: 1.5;
color: var(--eo-texte);
}
:where(.entry-content, .single-page-article .entry) .wp-caption {
max-width: 100%;
}
:where(.entry-content, .single-page-article .entry) .alignleft {
float: left;
margin: .3em 1.5em 1em 0;
}
:where(.entry-content, .single-page-article .entry) .alignright {
float: right;
margin: .3em 0 1em 1.5em;
}
:where(.entry-content, .single-page-article .entry) .aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
:where(.entry-content, .single-page-article .entry) blockquote {
margin: 0 0 1.4em;
padding: .8em 1.2em;
background: var(--eo-fond-doux);
border-left: 4px solid var(--eo-vert);
}
:where(.entry-content, .single-page-article .entry) blockquote p:last-child {
margin-bottom: 0;
}
:where(.entry-content, .single-page-article .entry) table {
width: 100%;
margin: 0 0 1.4em;
border-collapse: collapse;
font-size: 15px;
}
:where(.entry-content, .single-page-article .entry) :is(th, td) {
padding: .55em .7em;
text-align: left;
vertical-align: top;
border: 1px solid var(--eoc-filet);
}
:where(.entry-content, .single-page-article .entry) th {
font-weight: 600;
color: var(--eo-noir-logo);
background: var(--eo-fond-doux);
}
:where(.entry-content, .single-page-article .entry) hr {
height: 0;
margin: 2em 0;
border: 0;
border-top: 1px solid var(--eoc-filet);
}
:where(.entry-content, .single-page-article .entry) :is(iframe, video, embed, object) {
max-width: 100%;
} .entry-content [style*="text-align:justify"],
.entry-content [style*="text-align: justify"],
.single-page-article .entry [style*="text-align:justify"],
.single-page-article .entry [style*="text-align: justify"],
.entry-content .has-text-align-justify,
.single-page-article .entry .has-text-align-justify {
text-align: left !important;
} .eo-acc-sec.eo-acc-sec--carte,
.eo-heb-sec.eo-heb-sec--carte {
background: #FFFFFF;
} @media (max-width: 1023px) {
#eoc-hdr .eoc-hdr-inner {
flex-wrap: wrap;
gap: 12px 24px;
}
#eoc-hdr .eoc-hdr-logo img {
height: 80px;
}
#eoc-hdr .eoc-hdr-search {
flex: 1 1 100%;
min-width: 0;
}
} @media (prefers-reduced-motion: reduce) {
#eoc-hdr *,
#eoc-nav *,
#eoc-ftr * {
transition: none !important;
animation: none !important;
}
} @media (max-width: 768px) {
#eoc-hdr .eoc-hdr-inner {
gap: 10px 12px;
padding: 10px 16px 12px;
}
#eoc-hdr .eoc-hdr-logo img {
height: 50px;
}
#eoc-hdr .eoc-hdr-affdu img {
width: 110px;
}
#eoc-hdr .eoc-hdr-affdu-txt {
max-width: 120px;
font-size: 12px;
}
#eoc-nav .eoc-nav-inner {
flex-direction: column;
align-items: stretch;
padding: 0 16px;
}
#eoc-nav.eoc-nav--js .eoc-nav-toggle {
box-sizing: border-box;
display: flex;
align-items: center;
gap: 12px;
width: 100%;
min-height: 52px;
margin: 0;
padding: 0 4px;
font-family: var(--eoc-police);
font-size: 17px;
font-weight: 600;
line-height: 1;
color: #FFFFFF;
text-align: left;
background: transparent;
border: 0;
border-radius: 0;
cursor: pointer;
}
#eoc-nav .eoc-nav-toggle:focus-visible {
outline: 3px solid var(--eo-vert);
outline-offset: -3px;
}
#eoc-nav .eoc-nav-toggle-icon {
display: inline-flex;
flex-direction: column;
justify-content: center;
gap: 5px;
width: 28px;
height: 28px;
}
#eoc-nav .eoc-nav-toggle-icon span {
display: block;
width: 28px;
height: 3px;
background: #FFFFFF;
border-radius: 2px;
transition: transform .25s ease, opacity .25s ease;
}
#eoc-nav.eoc-nav--open .eoc-nav-toggle-icon span:nth-child(1) {
transform: translateY(8px) rotate(45deg);
}
#eoc-nav.eoc-nav--open .eoc-nav-toggle-icon span:nth-child(2) {
opacity: 0;
}
#eoc-nav.eoc-nav--open .eoc-nav-toggle-icon span:nth-child(3) {
transform: translateY(-8px) rotate(-45deg);
}
#eoc-nav .eoc-menu {
flex-direction: column;
flex-wrap: nowrap;
padding-bottom: 8px;
}
#eoc-nav.eoc-nav--js .eoc-menu {
display: none;
}
#eoc-nav.eoc-nav--js.eoc-nav--open .eoc-menu {
display: flex;
max-height: calc(100vh - 60px);
overflow-y: auto;
}
#eoc-nav .eoc-menu a {
min-height: 48px;
padding: 12px 12px;
border-top: 0;
border-bottom: 1px solid #3C4B5E;
border-left: 4px solid transparent;
}
#eoc-nav .eoc-menu li:last-child a {
border-bottom: 0;
}
#eoc-nav .eoc-menu .current-menu-item > a,
#eoc-nav .eoc-menu a[aria-current="page"] {
border-bottom-color: #3C4B5E;
border-left-color: var(--eo-vert);
}
#eoc-ftr .eoc-ftr-inner {
grid-template-columns: minmax(0, 1fr);
gap: 28px;
padding: 32px 16px 24px;
text-align: center;
}
#eoc-ftr .eoc-ftr-social {
justify-content: center;
}
#eoc-ftr .eoc-ftr-copy {
padding: 14px 16px;
}
:where(.entry-content, .single-page-article .entry) .alignleft,
:where(.entry-content, .single-page-article .entry) .alignright {
float: none;
display: block;
margin: 0 auto 1em;
}
:where(.entry-content, .single-page-article .entry) table {
display: block;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}