/* ===== 00-fonts.css ===== */
/* Faces the source pages load (audit "Fonts"): ITC = TeX Gyre Adventor, ITC extralight = AvantGarde ExtraLight, Bickley Script LET, FontAwesome 4.
   "ITC bold" and "Futura Lt BT" are declared by the source but never used on a page: not carried. */
@font-face {
    font-family: 'ITC';
    src: url('../fonts/texgyreadventor-regular-webfont.woff2') format('woff2'), url('../fonts/texgyreadventor-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ITC extralight';
    src: url('../fonts/AvantGarde-ExtraLight.woff') format('woff'), url('../fonts/AvantGarde-ExtraLight.otf') format('opentype'), url('../fonts/AvantGarde-ExtraLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Bickley Script LET';
    src: url('../fonts/BickleyScriptLET.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: FontAwesome;
    src: url('../fonts/fontawesome-webfont.woff2') format('woff2'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* ===== 10-widgetkit.css ===== */
/* Widgetkit 2 UIkit-based stylesheet, loaded by the source on every page before the template CSS: only the rules the source pages match (extracted from media/widgetkit/wk-styles-b6ec35b0.css with scripts/extract-canetos-conseils-used-rules.mjs), original order. */
.uk-accordion-content::after, .uk-clearfix::after, .uk-container::after, .uk-dotnav::after, .uk-form-row::after, .uk-grid::after, .uk-list > li::after, .uk-panel::after, .uk-subnav::after, .uk-tab-center::after, .uk-tab::after, .uk-thumbnav::after { clear: both; }
a[class*="uk-"] { cursor: pointer; text-decoration: none !important; }
a[class*="uk-"]:hover { text-decoration: none !important; }
.uk-dotnav, .uk-list, .uk-nav, .uk-nav ul, .uk-slideshow, .uk-subnav, .uk-switcher, .uk-tab { margin-left: 0px; padding: 0px !important; list-style: none !important; }
.uk-dotnav, .uk-grid, .uk-list, .uk-list ul, .uk-nav, .uk-nav ul, .uk-subnav, .uk-switcher, .uk-tab, .uk-thumbnav { list-style: none; }
.uk-list, .uk-nav, .uk-nav ul, .uk-slideshow, .uk-switcher, .uk-tab { margin-bottom: 0px !important; }
.uk-dotnav, .uk-subnav { margin-bottom: 20px !important; }
.uk-dotnav > li > a, .uk-icon-button, .uk-list > li > a, .uk-nav ul > li > a, .uk-nav > li > a, .uk-overlay, .uk-slidenav, .uk-subnav > li > a { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
.uk-grid { display: flex; flex-wrap: wrap; margin: 0px; padding: 0px; }
.uk-grid::after, .uk-grid::before { content: ""; display: block; overflow: hidden; }
.uk-grid-match > *, .uk-subnav { display: -webkit-flex; }
.uk-grid > * { flex: 0 0 auto; margin: 0px; float: left; padding-left: 25px; }
.uk-grid > * > :last-child { margin-bottom: 0px; }
.uk-grid { margin-left: -25px; }
@media (min-width: 1220px) { .uk-grid { margin-left: -35px; } }
@media (min-width: 1220px) { .uk-grid > * { padding-left: 35px; } }
.uk-grid-collapse { margin-left: 0px; }
.uk-grid-collapse > * { padding-left: 0px; }
@media (min-width: 960px) { .uk-grid-large { margin-left: -35px; } }
@media (min-width: 960px) { .uk-grid-large > * { padding-left: 35px; } }
@media (min-width: 1220px) { .uk-grid-large { margin-left: -50px; } }
@media (min-width: 1220px) { .uk-grid-large > * { padding-left: 50px; } }
.uk-grid-match > * { display: flex; flex-wrap: wrap; }
.uk-grid-match > * > * { flex: 0 0 auto; box-sizing: border-box; width: 100%; }
[class*="uk-width"] { box-sizing: border-box; width: 100%; }
@media (min-width: 768px) { .uk-width-medium-1-3, .uk-width-medium-2-6 { width: 33.333%; } }
@media (min-width: 768px) { .uk-width-medium-2-5, .uk-width-medium-4-10 { width: 40%; } }
@media (min-width: 768px) { .uk-width-medium-3-5, .uk-width-medium-6-10 { width: 60%; } }
@media (min-width: 960px) { .uk-width-large-1-1 { width: 100%; } }
@media (min-width: 960px) { .uk-width-large-1-2, .uk-width-large-2-4, .uk-width-large-3-6, .uk-width-large-5-10 { width: 50%; } }
@media (min-width: 960px) { .uk-width-large-1-3, .uk-width-large-2-6 { width: 33.333%; } }
.uk-panel { display: block; position: relative; }
.uk-panel, .uk-panel:hover { text-decoration: none; }
.uk-panel::after, .uk-panel::before { content: ""; display: table; }
.uk-panel > :not(.uk-panel-title):last-child { margin-bottom: 0px; }
.uk-nav, .uk-nav ul { margin: 0px; padding: 0px; }
.uk-nav li > a { display: block; text-decoration: none; }
.uk-nav > li > a { padding: 5px 15px; }
.uk-nav-parent-icon > .uk-parent.uk-open > a::after { content: ""; }
.uk-nav-side > li.uk-active > a { background: rgb(55, 165, 228); color: rgb(255, 255, 255); }
.uk-nav-offcanvas > li > a { color: rgb(204, 204, 204); padding: 10px 15px; }
.uk-nav-offcanvas > .uk-open > a, html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus, html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover { background: rgb(41, 41, 41); color: rgb(255, 255, 255); outline: 0px; }
html .uk-nav.uk-nav-offcanvas > li.uk-active > a { background: rgb(55, 165, 228); color: rgb(255, 255, 255); }
.uk-nav-offcanvas .uk-nav-header { color: rgb(119, 119, 119); }
.uk-nav-offcanvas .uk-nav-divider { border-top: 1px solid rgb(66, 66, 66); }
.uk-nav-offcanvas ul a { color: rgb(204, 204, 204); }
html:not(.uk-touch) .uk-nav-offcanvas ul a:hover { color: rgb(255, 255, 255); }
.uk-nav-dropdown > li.uk-active > a { color: rgb(55, 165, 229); }
.uk-nav-dropdown > li.uk-active > a:hover { color: rgb(255, 255, 255); }
.uk-nav-navbar > li.uk-active > a { color: rgb(55, 165, 229); }
.uk-nav-navbar > li.uk-active > a:hover { color: rgb(255, 255, 255); }
.uk-subnav { display: flex; flex-wrap: wrap; margin-left: -10px; margin-top: -10px; padding: 0px; }
.uk-subnav > * { flex: 0 0 auto; padding-left: 10px; margin-top: 10px; position: relative; float: left; }
.uk-subnav::after, .uk-subnav::before { content: ""; display: block; overflow: hidden; }
.uk-subnav > * > * { display: inline-block; color: rgb(68, 68, 68); }
.uk-subnav > * > :focus, .uk-subnav > * > :hover { color: rgb(55, 165, 229); text-decoration: none; }
.uk-subnav > .uk-active > * { color: rgb(55, 165, 229); }
.uk-subnav-line > ::before { content: ""; display: inline-block; height: 10px; vertical-align: middle; }
.uk-subnav-pill > * > * { padding: 3px 9px; border-radius: 2px; }
.uk-subnav-pill > * > :focus, .uk-subnav-pill > * > :hover { background: rgb(250, 250, 250); color: rgb(68, 68, 68); text-decoration: none; outline: 0px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px; }
.uk-subnav-pill > .uk-active > * { background: rgb(55, 165, 228); color: rgb(255, 255, 255); box-shadow: none; }
.uk-tab > li.uk-open > a, .uk-tab > li > a:focus, .uk-tab > li > a:hover { border-color: rgba(0, 0, 0, 0.06); background: rgb(245, 245, 245); color: rgb(68, 68, 68); outline: 0px; }
.uk-tab > li.uk-open:not(.uk-active) > a, .uk-tab > li:not(.uk-active) > a:focus, .uk-tab > li:not(.uk-active) > a:hover { margin-bottom: 1px; padding-bottom: 7px; }
.uk-tab > li.uk-active > a { border-color: rgb(229, 229, 229) rgb(229, 229, 229) transparent; background: rgb(255, 255, 255); color: rgb(55, 165, 229); }
.uk-tab > li.uk-disabled.uk-active > a, .uk-tab > li.uk-disabled > a:focus, .uk-tab > li.uk-disabled > a:hover { background: 0px 0px; border-color: transparent; }
.uk-clearfix::after, .uk-clearfix::before, .uk-container::after, .uk-container::before, .uk-form legend::after, .uk-form-row::after, .uk-form-row::before, .uk-list > li::after, .uk-list > li::before, .uk-tab-center::after, .uk-tab-center::before, .uk-thumbnav::after, .uk-thumbnav::before { content: ""; }
.uk-tab-bottom > li.uk-open:not(.uk-active) > a, .uk-tab-bottom > li:not(.uk-active) > a:focus, .uk-tab-bottom > li:not(.uk-active) > a:hover { margin-bottom: 0px; margin-top: 1px; padding-bottom: 8px; padding-top: 7px; }
.uk-tab-bottom > li.uk-active > a { border-top-color: transparent; border-bottom-color: rgb(229, 229, 229); }
@media (min-width: 768px) { .uk-tab-left > li.uk-active > a, .uk-tab-right > li.uk-active > a { border-color: rgb(229, 229, 229); } }
@media (min-width: 768px) { .uk-tab-left > li:not(.uk-active) > a:focus, .uk-tab-left > li:not(.uk-active) > a:hover { margin-bottom: 0px; margin-right: 1px; padding-bottom: 8px; padding-right: 11px; } }
@media (min-width: 768px) { .uk-tab-left > li.uk-active > a { border-right-color: transparent; } }
@media (min-width: 768px) { .uk-tab-right > li:not(.uk-active) > a:focus, .uk-tab-right > li:not(.uk-active) > a:hover { margin-bottom: 0px; margin-left: 1px; padding-bottom: 8px; padding-left: 11px; } }
@media (min-width: 768px) { .uk-tab-right > li.uk-active > a { border-left-color: transparent; } }
.uk-thumbnav > * > :focus > img, .uk-thumbnav > * > :hover > img, .uk-thumbnav > .uk-active > * > img { opacity: 1; }
.uk-form input[type="checkbox"]:not(:disabled), .uk-form input[type="radio"]:not(:disabled) { cursor: pointer; }
.uk-button, .uk-icon-button { box-sizing: border-box; background: rgb(245, 245, 245); text-align: center; }
.uk-button, .uk-button-dropdown, .uk-button-group, .uk-button-group > *, .uk-close, .uk-form-icon, .uk-icon-button, .uk-icon-spin, [class*="uk-icon-"] { display: inline-block; }
.uk-button:not(:disabled) { cursor: pointer; }
.uk-button.uk-active, .uk-button:active { background-color: rgb(238, 238, 238); color: rgb(68, 68, 68); box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px -1px inset; }
.uk-button-danger, .uk-button-danger.uk-active, .uk-button-danger:active, .uk-button-danger:focus, .uk-button-danger:hover, .uk-button-primary, .uk-button-primary.uk-active, .uk-button-primary:active, .uk-button-primary:focus, .uk-button-primary:hover, .uk-button-success, .uk-button-success.uk-active, .uk-button-success:active, .uk-button-success:focus, .uk-button-success:hover { color: rgb(255, 255, 255); border-color: transparent !important; }
.uk-button-primary.uk-active, .uk-button-primary:active { background-color: rgb(24, 137, 198); box-shadow: rgba(16, 90, 130, 0.2) 0px 1px 3px inset; }
.uk-button-success.uk-active, .uk-button-success:active { background-color: rgb(97, 181, 76); box-shadow: rgba(68, 128, 53, 0.2) 0px 1px 3px inset; }
.uk-button-danger.uk-active, .uk-button-danger:active { background-color: rgb(228, 70, 58); box-shadow: rgba(162, 32, 22, 0.2) 0px 1px 3px inset; }
.uk-button-link, .uk-button-link.uk-active, .uk-button-link:active, .uk-button-link:disabled, .uk-button-link:focus, .uk-button-link:hover { border-color: transparent; background: 0px 0px; box-shadow: none; }
.uk-button-link.uk-active, .uk-button-link:active, .uk-button-link:focus, .uk-button-link:hover { color: rgb(24, 137, 199); text-decoration: none; }
[class*="uk-icon-"] { font-family: FontAwesome; font-weight: 400; font-style: normal; line-height: 1; -webkit-font-smoothing: antialiased; }
[class*="uk-icon-"], [class*="uk-icon-"]:focus, [class*="uk-icon-"]:hover { text-decoration: none; }
.uk-icon-button { width: 35px; height: 35px; border-radius: 100%; line-height: 35px; color: rgb(68, 68, 68); font-size: 18px; border: 1px solid rgba(0, 0, 0, 0.1); }
.uk-icon-button:focus, .uk-icon-button:hover { background-color: rgb(250, 250, 250); color: rgb(68, 68, 68); outline: 0px; border-color: rgba(0, 0, 0, 0.15); }
.uk-icon-button:active { background-color: rgb(238, 238, 238); color: rgb(68, 68, 68); box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px -1px inset; }
.uk-icon-plus::before { content: ""; }
.uk-icon-angle-right::before { content: ""; }
.uk-container, .uk-dropdown, .uk-dropdown-blank, .uk-modal-dialog, .uk-overlay-area-content, .uk-responsive-height, .uk-responsive-width, .uk-scrollable-box, .uk-thumbnail, [class*="uk-height"] { box-sizing: border-box; }
.uk-overlay-active :not(.uk-active) > .uk-overlay-panel:not(.uk-ignore), .uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore) { opacity: 0; }
.uk-overlay-active .uk-active > .uk-overlay-fade, .uk-overlay-hover.uk-hover .uk-overlay-fade, .uk-overlay-hover:hover .uk-overlay-fade { opacity: 1; }
.uk-overlay-active .uk-active > .uk-overlay-scale, .uk-overlay-hover.uk-hover .uk-overlay-scale, .uk-overlay-hover:hover .uk-overlay-scale { transform: scale(1.1); }
.uk-overlay-active .uk-active > .uk-overlay-spin, .uk-overlay-hover.uk-hover .uk-overlay-spin, .uk-overlay-hover:hover .uk-overlay-spin { transform: scale(1.1) rotate(3deg); }
.uk-overlay-active .uk-active > .uk-overlay-grayscale, .uk-overlay-hover.uk-hover .uk-overlay-grayscale, .uk-overlay-hover:hover .uk-overlay-grayscale { filter: grayscale(0); }
.uk-overlay-active .uk-active > [class*="uk-overlay-slide"], .uk-overlay-hover.uk-hover [class*="uk-overlay-slide"], .uk-overlay-hover:hover [class*="uk-overlay-slide"] { opacity: 1; transform: translateX(0px) translateY(0px); }
.uk-animation-hover:not(:hover), .uk-animation-hover:not(:hover) [class*="uk-animation-"], .uk-touch .uk-animation-hover:not(.uk-hover), .uk-touch .uk-animation-hover:not(.uk-hover) [class*="uk-animation-"] { animation-name: none; }
@-webkit-keyframes uk-fade { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes uk-fade { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-webkit-keyframes uk-fade-top { 
  0% { opacity: 0; transform: translateY(-100%); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes uk-fade-top { 
  0% { opacity: 0; transform: translateY(-100%); }
  100% { opacity: 1; transform: translateY(0px); }
}
@-webkit-keyframes uk-fade-bottom { 
  0% { opacity: 0; transform: translateY(100%); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes uk-fade-bottom { 
  0% { opacity: 0; transform: translateY(100%); }
  100% { opacity: 1; transform: translateY(0px); }
}
@-webkit-keyframes uk-fade-left { 
  0% { opacity: 0; transform: translateX(-100%); }
  100% { opacity: 1; transform: translateX(0px); }
}
@keyframes uk-fade-left { 
  0% { opacity: 0; transform: translateX(-100%); }
  100% { opacity: 1; transform: translateX(0px); }
}
@-webkit-keyframes uk-fade-right { 
  0% { opacity: 0; transform: translateX(100%); }
  100% { opacity: 1; transform: translateX(0px); }
}
@keyframes uk-fade-right { 
  0% { opacity: 0; transform: translateX(100%); }
  100% { opacity: 1; transform: translateX(0px); }
}
@-webkit-keyframes uk-fade-scale-02 { 
  0% { opacity: 0; transform: scale(0.2); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes uk-fade-scale-02 { 
  0% { opacity: 0; transform: scale(0.2); }
  100% { opacity: 1; transform: scale(1); }
}
@-webkit-keyframes uk-fade-scale-15 { 
  0% { opacity: 0; transform: scale(1.5); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes uk-fade-scale-15 { 
  0% { opacity: 0; transform: scale(1.5); }
  100% { opacity: 1; transform: scale(1); }
}
@-webkit-keyframes uk-fade-scale-18 { 
  0% { opacity: 0; transform: scale(1.8); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes uk-fade-scale-18 { 
  0% { opacity: 0; transform: scale(1.8); }
  100% { opacity: 1; transform: scale(1); }
}
@-webkit-keyframes uk-slide-left { 
  0% { transform: translateX(-100%); }
  100% { transform: translateX(0px); }
}
@keyframes uk-slide-left { 
  0% { transform: translateX(-100%); }
  100% { transform: translateX(0px); }
}
@-webkit-keyframes uk-slide-right { 
  0% { transform: translateX(100%); }
  100% { transform: translateX(0px); }
}
@keyframes uk-slide-right { 
  0% { transform: translateX(100%); }
  100% { transform: translateX(0px); }
}
@-webkit-keyframes uk-slide-left-33 { 
  0% { transform: translateX(33%); }
  100% { transform: translateX(0px); }
}
@keyframes uk-slide-left-33 { 
  0% { transform: translateX(33%); }
  100% { transform: translateX(0px); }
}
@-webkit-keyframes uk-slide-right-33 { 
  0% { transform: translateX(-33%); }
  100% { transform: translateX(0px); }
}
@keyframes uk-slide-right-33 { 
  0% { transform: translateX(-33%); }
  100% { transform: translateX(0px); }
}
@-webkit-keyframes uk-scale-12 { 
  0% { transform: scale(1.2); }
  100% { transform: scale(1); }
}
@keyframes uk-scale-12 { 
  0% { transform: scale(1.2); }
  100% { transform: scale(1); }
}
@-webkit-keyframes uk-rotate { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}
@keyframes uk-rotate { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}
@-webkit-keyframes uk-shake { 
  0%, 100% { transform: translateX(0px); }
  10% { transform: translateX(-9px); }
  20% { transform: translateX(8px); }
  30% { transform: translateX(-7px); }
  40% { transform: translateX(6px); }
  50% { transform: translateX(-5px); }
  60% { transform: translateX(4px); }
  70% { transform: translateX(-3px); }
  80% { transform: translateX(2px); }
  90% { transform: translateX(-1px); }
}
@keyframes uk-shake { 
  0%, 100% { transform: translateX(0px); }
  10% { transform: translateX(-9px); }
  20% { transform: translateX(8px); }
  30% { transform: translateX(-7px); }
  40% { transform: translateX(6px); }
  50% { transform: translateX(-5px); }
  60% { transform: translateX(4px); }
  70% { transform: translateX(-3px); }
  80% { transform: translateX(2px); }
  90% { transform: translateX(-1px); }
}
@-webkit-keyframes uk-slide-top-fixed { 
  0% { opacity: 0; transform: translateY(-10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes uk-slide-top-fixed { 
  0% { opacity: 0; transform: translateY(-10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@-webkit-keyframes uk-slide-bottom-fixed { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes uk-slide-bottom-fixed { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.uk-dropdown, .uk-dropdown-blank { display: none; position: absolute; z-index: 1020; width: 200px; }
.uk-dropdown { padding: 15px; background: rgb(255, 255, 255); color: rgb(68, 68, 68); font-size: 1rem; vertical-align: top; border: 1px solid rgb(229, 229, 229); border-radius: 2px; }
.uk-dropdown:focus { outline: 0px; }
.uk-open > .uk-dropdown, .uk-open > .uk-dropdown-blank { display: block; animation: 0.2s ease-in-out 0s 1 normal none running uk-fade; transform-origin: 0px 0px; }
.uk-dropdown-top { margin-top: -5px; }
.uk-dropdown-bottom { margin-top: 5px; }
.uk-dropdown-left { margin-left: -5px; }
.uk-dropdown-right { margin-left: 5px; }
.uk-dropdown .uk-nav { margin: 0px -15px; }
.uk-dropdown-grid > [class*="uk-width-"] > .uk-panel + .uk-panel, .uk-dropdown-stack > .uk-dropdown-grid > [class*="uk-width-"]:nth-child(n+2), .uk-grid .uk-dropdown-grid + .uk-dropdown-grid { margin-top: 15px; }
@media (min-width: 768px) { .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid { margin-left: -15px; margin-right: -15px; } }
@media (min-width: 768px) { .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*="uk-width-"] { padding-left: 15px; padding-right: 15px; } }
@media (min-width: 768px) { .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*="uk-width-"]:nth-child(n+2) { border-left: 1px solid rgb(229, 229, 229); } }
@media (min-width: 768px) { .uk-dropdown-width-2:not(.uk-dropdown-stack) { width: 400px; } }
@media (min-width: 768px) { .uk-dropdown-width-3:not(.uk-dropdown-stack) { width: 600px; } }
@media (min-width: 768px) { .uk-dropdown-width-4:not(.uk-dropdown-stack) { width: 800px; } }
@media (min-width: 768px) { .uk-dropdown-width-5:not(.uk-dropdown-stack) { width: 1000px; } }
@media (max-width: 767px) { .uk-dropdown-grid > [class*="uk-width-"] { width: 100%; } }
@media (max-width: 767px) { .uk-dropdown-grid > [class*="uk-width-"]:nth-child(n+2) { margin-top: 15px; } }
.uk-dropdown-stack > .uk-dropdown-grid > [class*="uk-width-"] { width: 100%; }
.uk-dropdown-small { min-width: 150px; width: auto; padding: 5px; white-space: nowrap; }
.uk-dropdown-small .uk-nav { margin: 0px -5px; }
.uk-dropdown-navbar { margin-top: 6px; background: rgb(255, 255, 255); color: rgb(68, 68, 68); left: -1px; border: 1px solid rgb(229, 229, 229); border-radius: 2px; }
.uk-open > .uk-dropdown-navbar { animation: 0.2s ease-in-out 0s 1 normal none running uk-slide-top-fixed; }
.uk-dropdown-scrollable { overflow-y: auto; max-height: 200px; }
.uk-dropdown-navbar.uk-dropdown-flip { left: auto; }
.uk-modal.uk-open { opacity: 1; }
.uk-open .uk-modal-dialog { opacity: 1; transform: translateY(0px); }
.uk-switcher { margin: 0px; padding: 0px; }
.uk-switcher > :not(.uk-active) { display: none; }
.uk-text-left { text-align: left !important; }
.uk-text-center { text-align: center !important; }
.uk-container { max-width: 980px; padding: 0px 25px; }
@media (min-width: 1220px) { .uk-container { max-width: 1200px; padding: 0px 35px; } }
.uk-container::after, .uk-container::before { display: table; }
.uk-container-center { margin-left: auto; margin-right: auto; }
.uk-margin-top { margin-top: 20px !important; }
.uk-margin-top-remove { margin-top: 0px !important; }
@media (min-width: 960px) { .uk-hidden-large, .uk-visible-medium, .uk-visible-small { display: none !important; } }
@media (min-width: 768px) and (max-width: 959px) { .uk-hidden-medium, .uk-visible-large, .uk-visible-small { display: none !important; } }
@media (max-width: 767px) { .uk-hidden-small, .uk-visible-large, .uk-visible-medium { display: none !important; } }
.uk-notouch .uk-hidden-notouch, .uk-touch .uk-hidden-touch { display: none !important; }
.uk-flex-middle { align-items: center; }
.uk-flex-center { justify-content: center; }
.uk-dotnav > * > :focus, .uk-dotnav > * > :hover { background: rgba(50, 50, 50, 0.4); outline: 0px; }
.uk-dotnav > * > :active { background: rgba(50, 50, 50, 0.6); }
.uk-dotnav > .uk-active > * { background: rgba(50, 50, 50, 0.4); transform: scale(1.3); }
.uk-dotnav-contrast > * > :focus, .uk-dotnav-contrast > * > :hover { background: rgba(255, 255, 255, 0.7); }
.uk-dotnav-contrast > * > :active, .uk-dotnav-contrast > .uk-active > * { background: rgba(255, 255, 255, 0.9); }
.uk-slideshow > .uk-active { z-index: 10; opacity: 1; }

/* ===== 20-uikit.css ===== */
/* UIkit 2.26.2: only the rules the source pages match (extracted from templates/canetostheme/css/uikit.min.css with scripts/extract-canetos-conseils-used-rules.mjs), original order. */
html { font: 400 14px / 20px "Helvetica Neue", Helvetica, Arial, sans-serif; text-size-adjust: 100%; background: rgb(255, 255, 255); color: rgb(68, 68, 68); }
body { margin: 0px; }
a { background: 0px 0px; }
a:active, a:hover { outline: 0px; }
.uk-link, a { color: rgb(0, 119, 221); text-decoration: none; cursor: pointer; }
.uk-link:hover, a:hover { color: rgb(0, 85, 153); text-decoration: underline; }
b, strong { font-weight: 700; }
em { color: rgb(221, 0, 85); }
audio, canvas, iframe, img, svg, video { vertical-align: middle; }
audio, canvas, img, svg, video { max-width: 100%; height: auto; box-sizing: border-box; }
.uk-img-preserve, .uk-img-preserve audio, .uk-img-preserve canvas, .uk-img-preserve img, .uk-img-preserve svg, .uk-img-preserve video { max-width: none; }
img { border: 0px; }
address, blockquote, dl, fieldset, figure, ol, p, pre, ul { margin: 0px 0px 15px; }
* + address, * + blockquote, * + dl, * + fieldset, * + figure, * + ol, * + p, * + pre, * + ul { margin-top: 15px; }
h1, h2, h3, h4, h5, h6 { margin: 0px 0px 15px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: rgb(68, 68, 68); text-transform: none; }
* + h1, * + h2, * + h3, * + h4, * + h5, * + h6 { margin-top: 25px; }
.uk-h1, h1 { font-size: 36px; line-height: 42px; }
.uk-h2, h2 { font-size: 24px; line-height: 30px; }
.uk-h3, h3 { font-size: 18px; line-height: 24px; }
ol, ul { padding-left: 30px; }
hr { box-sizing: content-box; height: 0px; margin: 15px 0px; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(221, 221, 221) currentcolor currentcolor; border-image: none; }
::selection { background: rgb(51, 153, 255); color: rgb(255, 255, 255); text-shadow: none; }
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { display: block; }
iframe { border: 0px; }
.uk-grid { display: flex; flex-wrap: wrap; margin: 0px; padding: 0px; list-style: none; }
.uk-grid::after, .uk-grid::before { content: ""; display: block; overflow: hidden; }
.uk-grid::after { clear: both; }
.uk-grid > * { flex: 0 0 auto; margin: 0px; float: left; }
.uk-grid > * > :last-child { margin-bottom: 0px; }
.uk-grid { margin-left: -25px; }
.uk-grid > * { padding-left: 25px; }
@media (min-width: 1220px) { .uk-grid { margin-left: -35px; } }
@media (min-width: 1220px) { .uk-grid > * { padding-left: 35px; } }
.uk-grid-collapse { margin-left: 0px; }
.uk-grid-collapse > * { padding-left: 0px; }
@media (min-width: 960px) { .uk-grid-large { margin-left: -35px; } }
@media (min-width: 960px) { .uk-grid-large > * { padding-left: 35px; } }
@media (min-width: 1220px) { .uk-grid-large { margin-left: -50px; } }
@media (min-width: 1220px) { .uk-grid-large > * { padding-left: 50px; } }
.uk-grid-match > * { display: flex; flex-wrap: wrap; }
.uk-grid-match > * > * { flex: 0 0 auto; box-sizing: border-box; width: 100%; }
[class*="uk-width"] { box-sizing: border-box; width: 100%; }
@media (min-width: 768px) { .uk-width-medium-1-3, .uk-width-medium-2-6 { width: 33.333%; } }
@media (min-width: 768px) { .uk-width-medium-2-5, .uk-width-medium-4-10 { width: 40%; } }
@media (min-width: 768px) { .uk-width-medium-3-5, .uk-width-medium-6-10 { width: 60%; } }
@media (min-width: 960px) { .uk-width-large-1-1 { width: 100%; } }
@media (min-width: 960px) { .uk-width-large-1-2, .uk-width-large-2-4, .uk-width-large-3-6, .uk-width-large-5-10 { width: 50%; } }
@media (min-width: 960px) { .uk-width-large-1-3, .uk-width-large-2-6 { width: 33.333%; } }
.uk-panel { display: block; position: relative; }
.uk-panel, .uk-panel:hover { text-decoration: none; }
.uk-panel::after, .uk-panel::before { content: ""; display: table; }
.uk-panel::after { clear: both; }
.uk-panel > :not(.uk-panel-title):last-child { margin-bottom: 0px; }
.uk-nav, .uk-nav ul { margin: 0px; padding: 0px; list-style: none; }
.uk-nav li > a { display: block; text-decoration: none; }
.uk-nav > li > a { padding: 5px 15px; }
.uk-nav-parent-icon > .uk-parent.uk-open > a::after { content: ""; }
.uk-nav-side > li.uk-active > a { background: rgb(0, 168, 230); color: rgb(255, 255, 255); }
.uk-nav-offcanvas > li > a { color: rgb(204, 204, 204); padding: 10px 15px; }
.uk-nav-offcanvas > .uk-open > a, html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus, html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover { background: rgb(64, 64, 64); color: rgb(255, 255, 255); outline: 0px; }
html .uk-nav.uk-nav-offcanvas > li.uk-active > a { background: rgb(26, 26, 26); color: rgb(255, 255, 255); }
.uk-nav-offcanvas .uk-nav-header { color: rgb(119, 119, 119); }
.uk-nav-offcanvas .uk-nav-divider { border-top: 1px solid rgb(26, 26, 26); }
.uk-nav-offcanvas ul a { color: rgb(204, 204, 204); }
html:not(.uk-touch) .uk-nav-offcanvas ul a:hover { color: rgb(255, 255, 255); }
.uk-navbar { background: rgb(238, 238, 238); color: rgb(68, 68, 68); }
.uk-navbar::after, .uk-navbar::before { content: ""; display: table; }
.uk-navbar::after { clear: both; }
.uk-navbar-nav { margin: 0px; padding: 0px; list-style: none; float: left; }
.uk-navbar-nav > li { float: left; position: relative; }
.uk-navbar-nav > li > a { display: block; box-sizing: border-box; text-decoration: none; height: 40px; padding: 0px 15px; line-height: 40px; color: rgb(68, 68, 68); font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }
.uk-navbar-nav > li.uk-open > a, .uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus { background-color: rgb(245, 245, 245); color: rgb(68, 68, 68); outline: 0px; }
.uk-navbar-nav > li > a:active { background-color: rgb(221, 221, 221); color: rgb(68, 68, 68); }
.uk-navbar-nav > li.uk-active > a { background-color: rgb(245, 245, 245); color: rgb(68, 68, 68); }
.uk-navbar-brand, .uk-navbar-content, .uk-navbar-toggle { box-sizing: border-box; display: block; height: 40px; padding: 0px 15px; float: left; }
.uk-navbar-brand::before, .uk-navbar-content::before, .uk-navbar-toggle::before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
.uk-navbar-toggle { font-size: 18px; color: rgb(68, 68, 68); text-decoration: none; }
.uk-navbar-toggle:focus, .uk-navbar-toggle:hover { color: rgb(68, 68, 68); text-decoration: none; outline: 0px; }
.uk-navbar-toggle::after { content: ""; font-family: FontAwesome; vertical-align: middle; }
.uk-navbar-flip { float: left; }
.uk-subnav { display: flex; flex-wrap: wrap; margin-left: -10px; margin-top: -10px; padding: 0px; list-style: none; }
.uk-subnav > * { flex: 0 0 auto; padding-left: 10px; margin-top: 10px; position: relative; }
.uk-subnav::after, .uk-subnav::before { content: ""; display: block; overflow: hidden; }
.uk-subnav::after { clear: both; }
.uk-subnav > * { float: left; }
.uk-subnav > * > * { display: inline-block; color: rgb(68, 68, 68); }
.uk-subnav > * > :focus, .uk-subnav > * > :hover { color: rgb(0, 119, 221); text-decoration: none; }
.uk-subnav > .uk-active > * { color: rgb(0, 119, 221); }
.uk-subnav-line > ::before { content: ""; display: inline-block; height: 10px; vertical-align: middle; }
.uk-subnav-pill > * > * { padding: 3px 9px; }
.uk-subnav-pill > * > :focus, .uk-subnav-pill > * > :hover { background: rgb(238, 238, 238); color: rgb(68, 68, 68); text-decoration: none; outline: 0px; }
.uk-subnav-pill > .uk-active > * { background: rgb(0, 168, 230); color: rgb(255, 255, 255); }
.uk-breadcrumb > li:not(.uk-active) > span { color: rgb(153, 153, 153); }
.uk-pagination > .uk-active > span { background: rgb(0, 168, 230); color: rgb(255, 255, 255); }
.uk-tab > li.uk-open > a, .uk-tab > li > a:focus, .uk-tab > li > a:hover { border-color: rgb(245, 245, 245); background: rgb(245, 245, 245); color: rgb(0, 85, 153); outline: 0px; }
.uk-tab > li.uk-open:not(.uk-active) > a, .uk-tab > li:not(.uk-active) > a:focus, .uk-tab > li:not(.uk-active) > a:hover { margin-bottom: 1px; padding-bottom: 7px; }
.uk-tab > li.uk-active > a { border-color: rgb(221, 221, 221) rgb(221, 221, 221) transparent; background: rgb(255, 255, 255); color: rgb(68, 68, 68); }
.uk-tab > li.uk-disabled.uk-active > a, .uk-tab > li.uk-disabled > a:focus, .uk-tab > li.uk-disabled > a:hover { background: 0px 0px; border-color: transparent; }
.uk-tab-bottom > li.uk-open:not(.uk-active) > a, .uk-tab-bottom > li:not(.uk-active) > a:focus, .uk-tab-bottom > li:not(.uk-active) > a:hover { margin-bottom: 0px; margin-top: 1px; padding-bottom: 8px; padding-top: 7px; }
.uk-tab-bottom > li.uk-active > a { border-top-color: transparent; border-bottom-color: rgb(221, 221, 221); }
@media (min-width: 768px) { .uk-tab-left > li.uk-active > a, .uk-tab-right > li.uk-active > a { border-color: rgb(221, 221, 221); } }
@media (min-width: 768px) { .uk-tab-left > li:not(.uk-active) > a:focus, .uk-tab-left > li:not(.uk-active) > a:hover { margin-bottom: 0px; margin-right: 1px; padding-bottom: 8px; padding-right: 11px; } }
@media (min-width: 768px) { .uk-tab-left > li.uk-active > a { border-right-color: transparent; } }
@media (min-width: 768px) { .uk-tab-right > li:not(.uk-active) > a:focus, .uk-tab-right > li:not(.uk-active) > a:hover { margin-bottom: 0px; margin-left: 1px; padding-bottom: 8px; padding-left: 11px; } }
@media (min-width: 768px) { .uk-tab-right > li.uk-active > a { border-left-color: transparent; } }
.uk-thumbnav > * > :focus > img, .uk-thumbnav > * > :hover > img { opacity: 1; }
.uk-thumbnav > .uk-active > * > img { opacity: 1; }
.uk-table tbody tr.uk-active { background: rgb(238, 238, 238); }
.uk-form input[type="checkbox"]:not(:disabled), .uk-form input[type="radio"]:not(:disabled) { cursor: pointer; }
.uk-button:not(:disabled) { cursor: pointer; }
.uk-button.uk-active, .uk-button:active { background-color: rgb(221, 221, 221); color: rgb(68, 68, 68); }
.uk-button-primary.uk-active, .uk-button-primary:active { background-color: rgb(0, 145, 202); color: rgb(255, 255, 255); }
.uk-button-success.uk-active, .uk-button-success:active { background-color: rgb(114, 174, 65); color: rgb(255, 255, 255); }
.uk-button-danger.uk-active, .uk-button-danger:active { background-color: rgb(201, 16, 50); color: rgb(255, 255, 255); }
.uk-button-link, .uk-button-link.uk-active, .uk-button-link:active, .uk-button-link:disabled, .uk-button-link:focus, .uk-button-link:hover { border-color: transparent; background: 0px 0px; }
.uk-button-link.uk-active, .uk-button-link:active, .uk-button-link:focus, .uk-button-link:hover { color: rgb(0, 85, 153); text-decoration: underline; }
[class*="uk-icon-"] { font-family: FontAwesome; display: inline-block; font-weight: 400; font-style: normal; line-height: 1; -webkit-font-smoothing: antialiased; }
[class*="uk-icon-"], [class*="uk-icon-"]:focus, [class*="uk-icon-"]:hover { text-decoration: none; }
.uk-icon-button { box-sizing: border-box; display: inline-block; width: 35px; height: 35px; border-radius: 100%; background: rgb(238, 238, 238); line-height: 35px; color: rgb(68, 68, 68); font-size: 18px; text-align: center; }
.uk-icon-button:focus, .uk-icon-button:hover { background-color: rgb(245, 245, 245); color: rgb(68, 68, 68); outline: 0px; }
.uk-icon-button:active { background-color: rgb(221, 221, 221); color: rgb(68, 68, 68); }
.uk-icon-plus::before { content: ""; }
.uk-icon-angle-right::before { content: ""; }
.uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore) { opacity: 0; }
.uk-overlay-active :not(.uk-active) > .uk-overlay-panel:not(.uk-ignore) { opacity: 0; }
.uk-overlay-active .uk-active > .uk-overlay-fade, .uk-overlay-hover.uk-hover .uk-overlay-fade, .uk-overlay-hover:hover .uk-overlay-fade { opacity: 1; }
.uk-overlay-active .uk-active > .uk-overlay-scale, .uk-overlay-hover.uk-hover .uk-overlay-scale, .uk-overlay-hover:hover .uk-overlay-scale { transform: scale(1.1); }
.uk-overlay-active .uk-active > .uk-overlay-spin, .uk-overlay-hover.uk-hover .uk-overlay-spin, .uk-overlay-hover:hover .uk-overlay-spin { transform: scale(1.1) rotate(3deg); }
.uk-overlay-active .uk-active > .uk-overlay-grayscale, .uk-overlay-hover.uk-hover .uk-overlay-grayscale, .uk-overlay-hover:hover .uk-overlay-grayscale { filter: grayscale(0); }
.uk-overlay-active .uk-active > [class*="uk-overlay-slide"], .uk-overlay-hover.uk-hover [class*="uk-overlay-slide"], .uk-overlay-hover:hover [class*="uk-overlay-slide"] { opacity: 1; transform: translateX(0px) translateY(0px); }
.uk-animation-hover:not(:hover), .uk-animation-hover:not(:hover) [class*="uk-animation-"], .uk-touch .uk-animation-hover:not(.uk-hover), .uk-touch .uk-animation-hover:not(.uk-hover) [class*="uk-animation-"] { animation-name: none; }
@-webkit-keyframes uk-fade { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes uk-fade { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-webkit-keyframes uk-fade-top { 
  0% { opacity: 0; transform: translateY(-100%); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes uk-fade-top { 
  0% { opacity: 0; transform: translateY(-100%); }
  100% { opacity: 1; transform: translateY(0px); }
}
@-webkit-keyframes uk-fade-bottom { 
  0% { opacity: 0; transform: translateY(100%); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes uk-fade-bottom { 
  0% { opacity: 0; transform: translateY(100%); }
  100% { opacity: 1; transform: translateY(0px); }
}
@-webkit-keyframes uk-fade-left { 
  0% { opacity: 0; transform: translateX(-100%); }
  100% { opacity: 1; transform: translateX(0px); }
}
@keyframes uk-fade-left { 
  0% { opacity: 0; transform: translateX(-100%); }
  100% { opacity: 1; transform: translateX(0px); }
}
@-webkit-keyframes uk-fade-right { 
  0% { opacity: 0; transform: translateX(100%); }
  100% { opacity: 1; transform: translateX(0px); }
}
@keyframes uk-fade-right { 
  0% { opacity: 0; transform: translateX(100%); }
  100% { opacity: 1; transform: translateX(0px); }
}
@-webkit-keyframes uk-fade-scale-02 { 
  0% { opacity: 0; transform: scale(0.2); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes uk-fade-scale-02 { 
  0% { opacity: 0; transform: scale(0.2); }
  100% { opacity: 1; transform: scale(1); }
}
@-webkit-keyframes uk-fade-scale-15 { 
  0% { opacity: 0; transform: scale(1.5); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes uk-fade-scale-15 { 
  0% { opacity: 0; transform: scale(1.5); }
  100% { opacity: 1; transform: scale(1); }
}
@-webkit-keyframes uk-fade-scale-18 { 
  0% { opacity: 0; transform: scale(1.8); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes uk-fade-scale-18 { 
  0% { opacity: 0; transform: scale(1.8); }
  100% { opacity: 1; transform: scale(1); }
}
@-webkit-keyframes uk-slide-left { 
  0% { transform: translateX(-100%); }
  100% { transform: translateX(0px); }
}
@keyframes uk-slide-left { 
  0% { transform: translateX(-100%); }
  100% { transform: translateX(0px); }
}
@-webkit-keyframes uk-slide-right { 
  0% { transform: translateX(100%); }
  100% { transform: translateX(0px); }
}
@keyframes uk-slide-right { 
  0% { transform: translateX(100%); }
  100% { transform: translateX(0px); }
}
@-webkit-keyframes uk-slide-left-33 { 
  0% { transform: translateX(33%); }
  100% { transform: translateX(0px); }
}
@keyframes uk-slide-left-33 { 
  0% { transform: translateX(33%); }
  100% { transform: translateX(0px); }
}
@-webkit-keyframes uk-slide-right-33 { 
  0% { transform: translateX(-33%); }
  100% { transform: translateX(0px); }
}
@keyframes uk-slide-right-33 { 
  0% { transform: translateX(-33%); }
  100% { transform: translateX(0px); }
}
@-webkit-keyframes uk-scale-12 { 
  0% { transform: scale(1.2); }
  100% { transform: scale(1); }
}
@keyframes uk-scale-12 { 
  0% { transform: scale(1.2); }
  100% { transform: scale(1); }
}
@-webkit-keyframes uk-rotate { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}
@keyframes uk-rotate { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}
@-webkit-keyframes uk-shake { 
  0%, 100% { transform: translateX(0px); }
  10% { transform: translateX(-9px); }
  20% { transform: translateX(8px); }
  30% { transform: translateX(-7px); }
  40% { transform: translateX(6px); }
  50% { transform: translateX(-5px); }
  60% { transform: translateX(4px); }
  70% { transform: translateX(-3px); }
  80% { transform: translateX(2px); }
  90% { transform: translateX(-1px); }
}
@keyframes uk-shake { 
  0%, 100% { transform: translateX(0px); }
  10% { transform: translateX(-9px); }
  20% { transform: translateX(8px); }
  30% { transform: translateX(-7px); }
  40% { transform: translateX(6px); }
  50% { transform: translateX(-5px); }
  60% { transform: translateX(4px); }
  70% { transform: translateX(-3px); }
  80% { transform: translateX(2px); }
  90% { transform: translateX(-1px); }
}
@-webkit-keyframes uk-slide-top-fixed { 
  0% { opacity: 0; transform: translateY(-10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes uk-slide-top-fixed { 
  0% { opacity: 0; transform: translateY(-10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@-webkit-keyframes uk-slide-bottom-fixed { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes uk-slide-bottom-fixed { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.uk-dropdown, .uk-dropdown-blank { display: none; position: absolute; z-index: 1020; box-sizing: border-box; width: 200px; }
.uk-dropdown { padding: 15px; background: rgb(245, 245, 245); color: rgb(68, 68, 68); font-size: 1rem; vertical-align: top; }
.uk-open > .uk-dropdown, .uk-open > .uk-dropdown-blank { display: block; animation: 0.2s ease-in-out 0s 1 normal none running uk-fade; transform-origin: 0px 0px; }
.uk-dropdown-top { margin-top: -5px; }
.uk-dropdown-bottom { margin-top: 5px; }
.uk-dropdown-left { margin-left: -5px; }
.uk-dropdown-right { margin-left: 5px; }
.uk-dropdown .uk-nav { margin: 0px -15px; }
.uk-grid .uk-dropdown-grid + .uk-dropdown-grid { margin-top: 15px; }
.uk-dropdown-grid > [class*="uk-width-"] > .uk-panel + .uk-panel { margin-top: 15px; }
@media (min-width: 768px) { .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid { margin-left: -15px; margin-right: -15px; } }
@media (min-width: 768px) { .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*="uk-width-"] { padding-left: 15px; padding-right: 15px; } }
@media (min-width: 768px) { .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*="uk-width-"]:nth-child(n+2) { border-left: 1px solid rgb(221, 221, 221); } }
@media (min-width: 768px) { .uk-dropdown-width-2:not(.uk-dropdown-stack) { width: 400px; } }
@media (min-width: 768px) { .uk-dropdown-width-3:not(.uk-dropdown-stack) { width: 600px; } }
@media (min-width: 768px) { .uk-dropdown-width-4:not(.uk-dropdown-stack) { width: 800px; } }
@media (min-width: 768px) { .uk-dropdown-width-5:not(.uk-dropdown-stack) { width: 1000px; } }
@media (max-width: 767px) { .uk-dropdown-grid > [class*="uk-width-"] { width: 100%; } }
@media (max-width: 767px) { .uk-dropdown-grid > [class*="uk-width-"]:nth-child(n+2) { margin-top: 15px; } }
.uk-dropdown-stack > .uk-dropdown-grid > [class*="uk-width-"] { width: 100%; }
.uk-dropdown-stack > .uk-dropdown-grid > [class*="uk-width-"]:nth-child(n+2) { margin-top: 15px; }
.uk-dropdown-small { min-width: 150px; width: auto; padding: 5px; white-space: nowrap; }
.uk-dropdown-small .uk-nav { margin: 0px -5px; }
.uk-dropdown-navbar { margin-top: 0px; background: rgb(245, 245, 245); color: rgb(68, 68, 68); }
.uk-open > .uk-dropdown-navbar { animation: 0.2s ease-in-out 0s 1 normal none running uk-slide-top-fixed; }
.uk-dropdown-scrollable { overflow-y: auto; max-height: 200px; }
.uk-modal.uk-open { opacity: 1; }
.uk-open .uk-modal-dialog { opacity: 1; transform: translateY(0px); }
.uk-offcanvas { display: none; position: fixed; inset: 0px; z-index: 1000; touch-action: none; background: rgba(0, 0, 0, 0.1); }
.uk-offcanvas.uk-active { display: block; }
.uk-offcanvas-page { position: fixed; transition: margin-left 0.3s ease-in-out; }
.uk-offcanvas-bar { position: fixed; top: 0px; bottom: 0px; left: 0px; transform: translateX(-100%); z-index: 1001; width: 270px; max-width: 100%; background: rgb(51, 51, 51); overflow-y: auto; transition: transform 0.3s ease-in-out; }
.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show { transform: translateX(0px); }
.uk-offcanvas-bar-flip { left: auto; right: 0px; transform: translateX(100%); }
.uk-offcanvas .uk-panel { margin: 20px 15px; color: rgb(119, 119, 119); }
.uk-offcanvas .uk-panel-title { color: rgb(204, 204, 204); }
.uk-offcanvas .uk-panel a:not([class]) { color: rgb(204, 204, 204); }
.uk-offcanvas .uk-panel a:not([class]):hover { color: rgb(255, 255, 255); }
.uk-switcher { margin: 0px; padding: 0px; list-style: none; }
.uk-switcher > :not(.uk-active) { display: none; }
.uk-text-left { text-align: left !important; }
.uk-text-center { text-align: center !important; }
.uk-container { box-sizing: border-box; max-width: 980px; padding: 0px 25px; }
@media (min-width: 1220px) { .uk-container { max-width: 1200px; padding: 0px 35px; } }
.uk-container::after, .uk-container::before { content: ""; display: table; }
.uk-container::after { clear: both; }
.uk-container-center { margin-left: auto; margin-right: auto; }
.uk-margin-top { margin-top: 15px !important; }
.uk-margin-top-remove { margin-top: 0px !important; }
@media (min-width: 960px) { .uk-visible-small { display: none !important; } }
@media (min-width: 768px) and (max-width: 959px) { .uk-visible-small { display: none !important; } }
@media (max-width: 767px) { .uk-hidden-small { display: none !important; } }
.uk-notouch .uk-hidden-notouch, .uk-touch .uk-hidden-touch { display: none !important; }
.uk-flex-middle { align-items: center; }
.uk-flex-center { justify-content: center; }
.uk-contrast .uk-nav-side > li.uk-active > a { background: rgb(255, 255, 255); color: rgb(68, 68, 68); }
.uk-contrast .uk-subnav > .uk-active > a { color: rgb(255, 255, 255); }
.uk-contrast .uk-subnav-pill > .uk-active > a { background: rgb(255, 255, 255); color: rgb(68, 68, 68); }
.uk-contrast .uk-tab > li.uk-open > a, .uk-contrast .uk-tab > li > a:focus, .uk-contrast .uk-tab > li > a:hover { border-color: rgba(255, 255, 255, 0.7); background: rgba(255, 255, 255, 0.7); color: rgb(68, 68, 68); text-decoration: none; }
.uk-contrast .uk-tab > li.uk-active > a { border-color: rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.2) transparent; background: rgb(255, 255, 255); color: rgb(68, 68, 68); }
.uk-contrast .uk-button.uk-active, .uk-contrast .uk-button:active { background-color: rgba(255, 255, 255, 0.7); color: rgb(68, 68, 68); }
.uk-contrast .uk-button-primary.uk-active, .uk-contrast .uk-button-primary:active { background-color: rgb(0, 145, 202); color: rgb(255, 255, 255); }
@media print { *, ::after, ::before { background: 0px 0px !important; color: rgb(0, 0, 0) !important; box-shadow: none !important; text-shadow: none !important; } }
@media print { a, a:visited { text-decoration: underline; } }
@media print { img, tr { break-inside: avoid; } }
@media print { img { max-width: 100% !important; } }
@media print { h2, h3, p { orphans: 3; widows: 3; } }
@media print { h2, h3 { break-after: avoid; } }

/* ===== 30-fontawesome.css ===== */
/* Font Awesome 4.0.3 (Expert+ fa-* icons): only the rules the source pages match (extracted from netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css with scripts/extract-canetos-conseils-used-rules.mjs), original order. */
.fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; }
@-webkit-keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}
@keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}
.fa-clock-o::before { content: ""; }
.fa-print::before { content: ""; }
.fa-twitter::before { content: ""; }
.fa-facebook::before { content: ""; }
.fa-bars::before { content: ""; }
.fa-google-plus::before { content: ""; }
.fa-columns::before { content: ""; }
.fa-linkedin::before { content: ""; }
.fa-file-text-o::before { content: ""; }
.fa-folder-open-o::before { content: ""; }
.fa-plus-square-o::before { content: ""; }

/* ===== 40-main.css ===== */
/* main.css of the source template, verbatim apart from the @font-face blocks (00-fonts.css declares the faces the pages use). */
h2.center{text-align:center;/* float: none; */clear: both;/* width: 100%; */}
#cabinet .uk-container.uk-container-center {
    border-bottom: 1px solid #b88b62;
    padding-bottom: 60px;
}
#cabinet .wrap h3 {text-align:center;padding:20px}
#cabinet .wrap ul{padding:0 30px 30px;text-align: center;list-style-type: none;}

.list-group {
    padding-left: 0;
    margin-bottom: 20px;
}
.list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: 10px;
    background-color: #fff;
    border: 1px solid #b88b62;
}
.taglined {
    text-align: center;
    font-size: 27px;
    margin-top:  20px;
    font-family: 'ITC extralight';
    /* font-weight: bold; */
    color: white;
    line-height:300px;
    text-shadow:1px 1px brown;
    position:absolute;
    width:100%;
}
h1.ban-home.mini {
    text-transform: capitalize;
}

.wrap h3 {color: #01acc3;}
.wrap:hover h3 {color: #b88b62;}

.flexi-correc {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-evenly!important;
    /* margin-left: 0!important; */
    /* margin-right: 0!important; */
    /* width: 100%; */
}
h1.ban-home.uk-text-center {
    font-family: 'ITC extralight';
    font-weight: lighter;
}
h2.homer {
    color: white;
    float: right;
    top: -55px;
    position: relative;
    padding-right: 50px;
    font-family: 'Bickley Script LET';
    /* font-weight: normal; */
    font-style: normal;
    text-transform: none;
    font-size: 55px;
    /* font-weight: bold; */
}

/**** GENERAL ****/

body {
    font-family: 'ITC';
    font-size: 14px;
}
p,
ul,
ul li,
h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'ITC';
    text-transform: uppercase;
    color: #3d4353;
}
h2 {
    color: #b88b62;
    margin-bottom: 50px;
}
a,
.uk-link {
    color: #b88b62;
    -webkit-transition: all ease .3s .0s;
    transition: all ease .3s .0s;
}
a:hover,
.uk-link:hover {
    color: #00acc3;
    text-decoration: none;
}
.ban-home {
    color: #fff !important;
    text-decoration: none;
    font-weight: lighter;
    font-size: 35px;
    font-family: 'Muli', sans-serif;
    letter-spacing: .09em;
    margin: 20px 0px;
    word-spacing:  10px;
    letter-spacing: 6px;
}

/**** NAVIGATION ****/

.uk-navbar,
.mainmenu {
    background-color: #b88b62;
}
.uk-navbar {
    max-width: 1600px;
    padding: 0 35px;
    margin: 0 auto;
}
.uk-navbar-nav>li>a {
    color: #fff;
    font-family: 'ITC extralight';
    letter-spacing: 1px;
    /* text-transform: uppercase; */
}
.uk-navbar-nav>li.uk-active>a {
    background-color: transparent;
    /* font-family: 'ITC bold'; */
    color: #fff;
    border-bottom: 1px solid;
}
.uk-navbar-nav>li.uk-open>a,
.uk-navbar-nav>li:hover>a,
.uk-navbar-nav>li>a:focus {
    background-color: transparent;
    color: #3d4353;
}

/**** SECTIONS ****/

#top-a {
    margin-bottom: 50px;
}
#top-b,
#top-c,
#top-d,
#bottom-a,
#bottom-b,
#bottom-c,
#bottom-d {
    margin: 70px 0;
}
article {
    max-width: 1200px;
    padding: 0 35px;
    margin: 50px auto;
}

/**** FOOTER ****/

footer {
    background-color: #b88b62;
    padding: 40px 0;
}
footer p {
    color: rgba(255, 255, 255, .7)
}
footer a {
    color: #fff;
}

/**** ACCUEIL ****/


/*** ENTETE ***/

#top-a .parallax-window {
    min-height: 45vH;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #b88b62;
    /*background-color: #b88b62ed;
    background-size: 58px 58px;
    background-position: 0px 2px, 4px 35px, 29px 31px, 33px 6px, 0px 36px, 4px 2px, 29px 6px, 33px 30px;
    background-image: linear-gradient(335deg, #b88b62 23px, transparent 23px), linear-gradient(155deg, #b88b62 23px, transparent 23px), linear-gradient(335deg, #b88b62 23px, transparent 23px), linear-gradient(155deg, #b88b62 23px, transparent 23px), linear-gradient(335deg, #b88b62 10px, transparent 10px), linear-gradient(155deg, #b88b62 10px, transparent 10px), linear-gradient(335deg, #b88b62 10px, transparent 10px), linear-gradient(155deg, #b88b62 10px, transparent 10px);*/
}
#top-a .parallax-window > div {
    margin: auto;
}
#accueil #top-b .wrap {
    padding: 20px;
}
#accueil #top-b h3 {
    text-align: center;
    margin-bottom: 25px;
}
#accueil #top-b p {
    font-size: 15px;
    line-height: 25px;
    /* letter-spacing: .07em; */
    /* text-align: center; */
}
#accueil .wrap {
    position: relative;
    border-top: 5px solid transparent;
    -webkit-transition: all ease .3s .0s;
    transition: all ease .3s .0s;
}
#accueil .wrap:hover:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 12.5px 0 12.5px;
    border-color: #b88b62 transparent transparent transparent;
    top: 0;
    left: 46.5%;
    -webkit-transition: all ease .3s .0s;
    transition: all ease .3s .0s;
}
#accueil .wrap:hover {
    border-color: #b88b62;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1);
    -webkit-transition: all ease .3s .0s;
    transition: all ease .3s .0s;
}
#expert,
#comptes,
#conseil {
    background-size: cover;
    background-repeat: no-repeat;
    height: 67px;
    margin: 0 auto;
    margin-bottom: 20px;
}
#expert {
    background-image: url('../images/vectoriels/comptable.svg');
    width: 91.5px;
}
.wrap:hover #expert {
    background-position: -91.5px 0;
}
#comptes {
    background-image: url('../images/vectoriels/comptes.svg');
    width: 64px;
}
.wrap:hover #comptes {
    background-position: -64px 0;
}
#conseil {
    background-image: url('../images/vectoriels/conseil.svg');
    width: 63.5px;
}
.wrap:hover #conseil {
    background-position: -63.5px 0;
}

/**** PARALLLAX ****/

.parallax {
    height: 35vH;
}

/**** ACTUALITES HOME ***/

#accueil article .space-bottom,
#actus article .space-bottom {
    position: relative;
    margin-bottom: 40px;
    border: 2px solid #e6e7e8;
    -webkit-transition: all ease .3s .0s;
    transition: all ease .3s .0s;
}
#accueil article .space-bottom:hover,
#actus article .space-bottom:hover {
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, .1);
    -webkit-transition: all ease .3s .0s;
    transition: all ease .3s .0s;
}
#accueil article {
    max-width: 1600px;
}
#accueil article .categorie,
#actus article .categorie {
    position: absolute;
    top: 10px;
    left: 10px;
    display: inline-block;
    background-color: #b88b62;
    padding: 2px 8px;
    -webkit-transition: all ease .2s .0s;
    transition: all ease .2s .0s;
}
#accueil article .space-bottom:hover .categorie,
#actus article .space-bottom:hover .categorie {
    background-color: #00acc3;
    -webkit-transition: all ease .2s .0s;
    transition: all ease .2s .0s;
}
#accueil article .categorie > p,
#actus article .categorie > p {
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
}
#accueil article .wrap-resume h3,
#actus article .wrap-resume h3 {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
}
#accueil article .wrap-resume h3 > a,
#actus article .wrap-resume h3 > a {
    color: #3d4353;
}

/** #accueil article .wrap-resume .uk-icon{
  float: right;
  margin-right: -50px;
  z-index: 1000;
  position: relative;
  margin-top: -10%;
} **/

#accueil article .uk-icon-button,
#actus article .uk-icon-button {
    background-color: #b88b62;
    color: #fff;
    line-height: 37px;
}
#accueil article .space-bottom:hover .uk-icon-button,
#actus article .space-bottom:hover .uk-icon-button {
    background-color: #00acc3;
}
#accueil #article .uk-width-medium-6-10 .wrap-resume,
#actus #article .uk-width-medium-6-10 .wrap-resume {
    padding-left: 20px;
    padding-right: 30px;
}
#accueil #article .wrap-resume > div:nth-child(2),
#actus #article .wrap-resume > div:nth-child(2) {
    width: 83%;
}
#accueil #article .wrap-resume .horizontal .uk-icon,
#actus #article .wrap-resume .horizontal .uk-icon {
    position: relative;
    right: -40%;
}
#accueil article .uk-width-medium-4-10,
#actus article .uk-width-medium-4-10 {
    min-height: 210px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#accueil article .uk-width-medium-4-10 > div,
#actus article .uk-width-medium-4-10 > div {
    margin: auto;
    margin-left: -15px;
}
#accueil #localisation,
#actus #localisation,
#contact #localisation {
    margin-top: 30px;
}

/**** MENTIONS LEGALES ****/

#mentions h1 {
    margin-bottom: 20px;
}
#mentions h3 {
    margin: 10px 0;
    color: #b88b62;
}

/**** PAGE DES ACTUALITES ****/

#actus .wrap-actus {
    position: relative;
    padding: 20px;
    margin-bottom: 40px;
    border: 2px solid #e6e7e8;
    -webkit-transition: all ease .3s .0s;
    transition: all ease .3s .0s;
}
#actus .wrap-actus:hover {
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, .1);
    -webkit-transition: all ease .3s .0s;
    transition: all ease .3s .0s;
}
#actus .wrap-actus:hover a {
    color: #00acc3;
}
#actus .wrap-actus h3 {
    font-size: 14px;
    line-height: 18px;
}
#actus .wrap-actus h3 > a {
    color: #3d4353;
}
#actus .fil-actus .wrap-actus {
    margin-bottom: 20px;
}

/*** partie outils calcul ***/

#actus #bottom-d h3 {
    text-align: center;
    margin-bottom: 10px;
}
#actus #bottom-d .wrap {
    padding: 20px;
    padding: 20px;
}
#actus #bottom-d h3 {
    text-align: center;
    margin-bottom: 10px;
}
#actus #bottom-d p {
    font-size: 12px;
    line-height: 16px;
}
#actus .wrap {
    position: relative;
    border-top: 5px solid transparent;
    -webkit-transition: all ease .3s .0s;
    transition: all ease .3s .0s;
}
#actus .wrap:hover:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 12.5px 0 12.5px;
    border-color: #b88b62 transparent transparent transparent;
    top: 0;
    left: 46.5%;
    -webkit-transition: all ease .3s .0s;
    transition: all ease .3s .0s;
}
#actus .wrap:hover {
    border-color: #b88b62;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1);
    -webkit-transition: all ease .3s .0s;
    transition: all ease .3s .0s;
}
#actus .wrap ul {
    list-style: none;
    text-align: center;
}
#actus .wrap ul li {
    border-bottom: 1px solid rgba(184, 139, 98, .2);
    padding: 10px 0;
}
#actus .wrap ul li:last-child {
    border-bottom: none;
}

/*** article base expert plus ***/

#eplus-container h1 {
    font-size: 24px;
}
#eplus-container ul {
    padding-left: 30px;
}
#eplus-container p {
    margin-bottom: 10px;
}
#eplus-container em.eplus-auteur {
    margin-bottom: 30px;
}

/**** PAGE CONTACT - FORMULAIRE ****/

.formResponsive .formHorizontal .formControls {
    margin-left: 0;
}
.formResponsive textarea,
.formResponsive input[type="text"],
.formResponsive input[type="number"],
.formResponsive input[type="email"],
.formResponsive input[type="tel"],
.formResponsive input[type="url"],
.formResponsive input[type="password"] {
    width: 100%;
    border: none;
    border-radius: 0;
    font-family: 'ITC';
    background-color: #fbfbfb;
    box-shadow: none;
    padding-top: 10px;
    padding-bottom: 10px;
}
.formResponsive .formHorizontal .rsform-block {
    margin-bottom: 0;
}
.rsform-block-envoi {
    text-align: center;
}
.formResponsive input[type="submit"] {
    background-color: #00acc3;
    font-family: 'ITC bold';
    text-transform: uppercase;
    background-image: none;
    border-radius: 0;
    border: none;
    text-shadow: none;
    font-size: 17px;
    padding: 15px 30px;
    -webkit-transition: all ease .3s .0s;
    transition: all ease .3s .0s;
}
.formResponsive input[type="submit"]:hover {
    background-color: #b88b62;
    text-shadow: none;
    -webkit-transition: all ease .3s .0s;
    transition: all ease .3s .0s;
}
.asterisque {
    margin-bottom: 20px;
}
#top-b p {
    text-align: justify;
    word-break: break-word;
}
#bottom-c {
    margin-bottom: 0;
}
footer a img,
.ban-home a img {
    border-bottom: 1px solid white;
}
footer a img {
    padding-bottom: 15px;
    margin-bottom: 15px
}
.tooltip {
    position: relative;
    display: inline-block;
    /* border-bottom: 1px dotted black; */
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 300px;
    background-color: #02acc3;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
}
.tooltip .tooltiptext:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #02acc3 transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
div#topbar {
    top: 0;
    position: absolute;
    color: white;
    z-index: 5000;
    height: 40px;
    line-height: 40px;
    margin: 0 145px;
    text-transform: uppercase;
}
.eplussa {
    margin: 20px 0;
}
.eplussa .categorie {
    text-transform: uppercase;
    background-color: #00acc3;
    font-weight: bold;
    border: 1px solid;
    font-size: 13px;
    padding: 5px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    width: intrinsic;
    width: -moz-max-content;
    width: -webkit-max-content;
    color: white;
}
.eplussa .uk-width-medium-4-10 {
    height: 120px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.article-full h3 {
    padding: 10px 0;
}
.article-full img {
    margin-top: 95px;
}
.uk-width-large-1-2 {
    padding: 25px;
}
.eplussa .wrap-resume {
    word-wrap: break-word;
    padding-right: 10px;
}
.eplussa a.uk-icon {
    margin-top: 42.5px;
}
.eplussa a.uk-icon:hover {
    background-color: #02acc3;
    color: white;
}
#article h1 {
    padding: 0 0 30px;
}
.eplussa .space-bottom,
.eplussa article .space-bottom {
    position: relative;
    margin-bottom: 40px;
    border: 2px solid #e6e7e8;
    -webkit-transition: all ease .3s .0s;
    transition: all ease .3s .0s;
    padding: 10px;
}

/*bouton tout article*/

.custom.bouton {
    float: right;
    padding-right: 25px;
}
.bouton button {
    background-color: #b88b62;
    border: 1px solid #b88b62;
    color: white;
    text-transform: uppercase;
    padding: 10px;
    font-size: 15px;
    cursor: pointer;
}
.bouton button:hover {
    background-color: #02acc3;
    border-color: #02acc3;
}

/*fil actu*/

.fil-actus .uk-grid.uk-grid-large {
    padding: 15px;
}
.fil-actus h2 {
    text-align: center;
}
.icone-side {
    float: left;
    padding-right: 10px;
}
.fil-actus {
    clear: both;
}
.full .bouton {
    top: -90px;
    right: 90px;
    position: relative;
}

/*mobile*/

@media only screen and (max-width: 1125px) and (max-height: 2001px) {
    #topbar {
        width: 100%;
        clear: both;
        margin: 0!important;
        text-align: center;
        padding: 50px 0;
        z-index: 0!important;
    }
    .uk-sticky-placeholder {
        z-index: 5!important;
    }
    #accueil article .categorie,
    #actus article .categorie {
        top: -30px;
        left: 0;
    }
    .eplus-social {
        left: -35px!important;
    }
    .article-full img {
        margin-top: 0;
    }
    .full .bouton {
        right: auto;
        top: -15px;
        float: none;
        width: 100%;
    }
    .full button {
        width: 100%;
    }
}

/* ===== 50-bar.css ===== */
/* UIkit sticky `{top:0}` on #mainmenu (js/main.js of the source): the bar is fixed from the first pixel and a 40 px placeholder keeps its place in the flow. */
header { height: 40px; }
#mainmenu { position: fixed; top: 0; left: 0; width: 100%; z-index: 980; box-sizing: border-box; backface-visibility: hidden; }

/* ===== 60-form.css ===== */
/* Form 3 (/contact-2) in the modern RSForm style (deviation O1): placeholders as the source, 48 px fields, visible focus ring, clear error states, in the site's
   colours and typography (ITC, #b88b62 brown, #00acc3 hover, #e6e7e8 borders). Fields, wording and order are the source's. */
#userForm { max-width: 100%; }
#userForm .rsform-block { margin: 0 0 18px; padding: 0; }
#userForm .formControls { margin: 0; display: block; }
#userForm .formBody { display: block; }
#userForm .rsform-input-box,
#userForm .rsform-text-box {
    display: block; box-sizing: border-box; width: 100%; max-width: none; height: 48px; margin: 0; padding: 0 16px;
    border: 1px solid #e6e7e8; border-radius: 0; background: #fbfbfb; color: #3d4353;
    font-family: 'ITC', sans-serif; font-size: 14px; line-height: 20px; box-shadow: none;
    transition: border-color .3s ease, box-shadow .3s ease, background-color .3s ease;
}
#userForm .rsform-text-box { height: auto; min-height: 150px; padding: 14px 16px; resize: vertical; }
#userForm .rsform-input-box::placeholder,
#userForm .rsform-text-box::placeholder { color: #6b7080; opacity: 1; }
#userForm .rsform-input-box:hover,
#userForm .rsform-text-box:hover { border-color: #b88b62; }
#userForm .rsform-input-box:focus,
#userForm .rsform-text-box:focus { outline: none; border-color: #b88b62; background: #fff; box-shadow: 0 0 0 3px rgba(184, 139, 98, .3); }
#userForm .rsform-input-box.rsform-error,
#userForm .rsform-text-box.rsform-error,
#userForm [aria-invalid="true"] { border-color: #c0392b; background: #fff; box-shadow: 0 0 0 3px rgba(192, 57, 43, .15); }
#userForm .formValidation { display: block; }
#userForm .formValidation .formError,
#userForm .formValidation .help-block { display: block; margin-top: 6px; color: #c0392b; font-family: 'ITC', sans-serif; font-size: 13px; line-height: 18px; }
#userForm .formNoError { display: none; }
#userForm .formRed { margin: 0 0 20px; color: #c0392b; font-family: 'ITC', sans-serif; font-size: 14px; font-weight: normal; text-align: center; }
#userForm .rsform-block-envoi { margin-bottom: 0; text-align: center; }
#userForm .rsform-submit-button {
    box-sizing: border-box; height: 48px; padding: 0 30px; border: 1px solid #b88b62; border-radius: 0; background: #b88b62; color: #fff;
    font-family: 'ITC', sans-serif; font-size: 15px; line-height: 20px; text-transform: uppercase; cursor: pointer;
    transition: background-color .3s ease, border-color .3s ease, box-shadow .3s ease;
}
#userForm .rsform-submit-button:hover { background: #02acc3; border-color: #02acc3; }
#userForm .rsform-submit-button:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(2, 172, 195, .35); }

/* reCAPTCHA v3 badge (deviation O9) is fixed at the bottom right of the viewport on /contact-2: on narrow screens the page ends with room beneath the
   footer text so the badge never covers the last line or the submit button. The badge itself stays visible. */
@media (max-width: 480px) {
    body#contact footer { padding-bottom: 100px; }
}

/* ===== 90-defects.css ===== */
/* Source layout defects repaired on staging (recorded deviations; everything outside these bands stays as the source). */

/* D1 - banner tagline "La recherche de valeur ajoutée" (every page), up to 500 px: the 55 px script line wraps in two lines with a 30 px line-height
   and its second line fell below the brown banner, white on white (on short phones the first line also ran over "Experts comptables"). The banner
   gets 70 px of room at the bottom and the tagline is lifted by its own height instead of the fixed 55 px, so its last line ends where the single
   line ends above 500 px, inside the banner. Same font, size, colour, right alignment and wrap. */
@media (max-width: 500px) {
    #top-a .parallax-window { padding-bottom: 70px; }
    #top-a h2.homer { top: 0; transform: translateY(calc(-100% - 25px)); }
}

/* D2 - parallax tagline "Vous comptez sur nous, ..." (home), up to 960 px: .taglined is absolutely positioned with a 300 px line-height, so every
   wrapped line dropped 300 px, out of the photo band and over the news cards. The lines are centred together inside the band. */
@media (max-width: 960px) {
    #top-c .taglined { display: flex; align-items: center; justify-content: center; box-sizing: border-box; height: 35vh; margin-top: 0; padding: 0 20px; line-height: 1.3; }
}

/* D3 - Expert+ reader (/expert-plus), up to 444 px: the two reader columns are 48 % wide floats plus a 15 px gap, so below 445 px they no longer fit
   side by side and stack as two 153 px columns on the left, leaving the right half of the screen empty and the "Voir tous les chiffres utiles" links
   outside their box. The columns take the full width of the reader when they stack. Expert+ CSS only: no Expert+ code or data change. */
@media (max-width: 444px) {
    #article .colgauche, #article .coldroite { float: none; width: 100%; margin-right: 0; }
}

/* D4 (landing) - the desktop bar items follow their link to the home page when the section is not on the current page; the browser's own jump to
   the section would stop at its top edge (under the 40 px fixed bar) until the script settles it, so the sections carry the bar's height as scroll
   margin from the first frame. Desktop only: the phone off-canvas keeps the source landing. */
@media (min-width: 768px) {
    #top-b, #article, #bottom-b { scroll-margin-top: 40px; }
}